View Mobile Websites in Windows with Safari 4 Developer Tools Want to try out mobile websites designed for the iPhone and other mobile devices on your PC? Safari 4 for Windows lets you do this easily with their developer tools. By default, Safari will show standard desktop websites. But by making a simple change, you can switch it to work like Safari Mobile on the iPhone or iPod Touch. Getting Started First make sure you have Safari 4 for Windows installed. Or if you already have another Apple program installed, such as QuickTime or iTunes, then you can install it from Apple Software update. And then select Safari 4 from the list of new software available. Accept the license Agreement, and then Safari will automatically install. Once this is finished, Safari will be ready to use. View Mobile Sites in Safari First, we need to enable the developer tools. Click the Advanced tab, and then check the box that says “Show Develop menu in menu bar”. Click the Gear icon, and select “Hide Bookmarks Bar”, and then repeat and click “Hide Tab Bar”. Conclusion Links:
10 Free Wireframing Tools for Designers This series is supported by Ben & Jerry's Joe, Ben & Jerry's new line-up of Fair Trade and frozen iced coffee drinks. Learn more about it here. Wireframing is a crucial step in web design and development as it allows for rapid prototyping and helps to pinpoint potential problems early in the process. It can be invaluable to have a visual representation of content, hierarchy and layout. Wireframes make it easier to communicate ideas, reduce scope creep, cut down on project costs (due to fewer design revisions later), and enable greater upfront usability and functionality testing. This post highlights 10 of the best free wireframing tools available, including standalone applications, web-based tools and browser add-ons. If you're partial to a particular wireframing tool available for free download, let us know in the comments. 1. Mockingbird is a web-based beta software based on the Cappuccino framework to create, link together, preview and share wireframes of your website or application. 2.
Browserhacks 10 Essential Free E-Books for Web Designers While many may still prefer print for long-form reading, e-books are gaining popularity as a worthy digital alternative. Aside from all the usual benefits of digitizing a book (faster searches, less page-flipping, linked pages, additional resources, etc.), e-books are a huge help to digital and online professionals. There are now e-books available on almost every aspect of design, from planning your business and managing your time, to designing web applications. Whether they're meant to inspire or educate, let us know if you can recommend any other free e-books aimed at designers in the comments below. 1. This detailed, intelligent guide is a how-to on transitioning from print to web by Jeffrey Zeldman. Even though it was written in 2001, much of the advice about transitioning from print to the web still holds true, and print designers and art directors are still scrambling to move into web and interaction design. 2. 3. 4. 5. 6. 7. 8. 9. 10. More Dev & Design Resources from Mashable:
How to Fix Your Website "Everything on the Web is measurable." That's a pretty common statement--so you'd think that businesses would also be measuring everything they did online, right? Well, not so much. Slapping Google Analytics on your website isn't the half of it. And if you're not routinely checking in on this data, trying to derive meaning from it--and, most important, using this information to improve your website's performance--then you're probably coming up short. Part of it boils down to tools: You need to know where exactly to look to derive the juicy tidbits and comparisons that can help you make improvements. Usability Issues Want to understand how to do a better job moving people through your website and through the Web in general? UseIt.com: Less tool and more resource, but invaluable. Web Traffic Visualization There are several tools out there that can help you understand how people view your Web page and interact with your content and links. Comparative Rankings Analytics Software How about you?
How to setup an eCommerce Store in India? I’m working on a updated version of this article and will publish it soon. Indian e-commerce sector is booming. I see a new online store every week. Facebook ads are filled by new cloths, electronics, footwear etc. E-commerce Store ABC What do you need to set up an online store? You need at least these four: Product Catalog e-commerce Cart/Software/Platform Payment Gateways Shipping and Fulfillment services These are basic requirements for setting up the store. How to build an online store in India What I’m going to recommend is only suitable for Small Business owners and applicable if you’ve a small team (or only you), small budget and some cool products. If you’ve got a good budget and big team, I would recommend to you consult the e-commerce Developers. Creating your Product Catalog A product catalog is the list of products which you’re going to sell. I recommend using Google Product Feed Specification because it’s being used by many carts. Ecommerce software/platform + Payment Gateways Like:
DIY Website design UK - advice on designing your own website Creating your own website To create a website, you need a domain name, some web space or web hosting, a program to transfer files to your web host and a way of creating your website. Domain name Your domain name needs choosing with care; if you do not already have a domain name then be cautious about obtaining a domain name via a hosting company; some of these work out very expensive to renew. Web Hosting Web space or web hosting is now much cheaper than a few years ago, and so if you selected your web host several years ago it may be worth shopping around. FTP programs An FTP (File Transfer Protocol) Program is an easy way of transferring files between your computer and the host computer. Website design It is possible to download a free FTP (file transfer protocol) program from the Internet and use NotePad or a free HTML editor to design your own website. Most websites consist of headings, various navigation areas, search facilities and page content. Choosing a web developer Website upgrades
A DIY Web Design Education May 17 2010 A lot of designers and aspiring designers take formal design courses (or get design degrees), while many others wish they could take the time to get some formal design education. But not every designer has the time. After all, if you’ve come to design later in your career, or just have other responsibilities that preclude you from attending formal classes, going to school for a formal design degree just might not fit into your life. Image by laffy4k But that doesn’t mean you can’t learn just as much as those who have taken formal classes and be just as good a designer. It’s by no means a comprehensive list, but it’s a great place to get you started, and can give you a good foundation for your design education. Web Design 101: The Basics We all need to start somewhere, and the articles here provide a good foundation for the concepts discussed in later sections. Front-End and User Interface Design Fixed vs. Grids Front-End Coding User Experience Information Architecture Typography