background preloader



Google HTML/CSS Style Guide Strictly keep structure (markup), presentation (styling), and behavior (scripting) apart, and try to keep the interaction between the three to an absolute minimum. That is, make sure documents and templates contain only HTML and HTML that is solely serving structural purposes. Move everything presentational into style sheets, and everything behavioral into scripts. In addition, keep the contact area as small as possible by linking as few style sheets and scripts as possible from documents and templates. Separating structure from presentation from behavior is important for maintenance reasons.

How (and When) to Design a Mood Board You know it when you see it. That’s usually the case when it comes to how we feel about design. Getting on the same page with someone about your design ideas can be difficult with words alone, which is why tools that help communicate what you see in your head can be useful. 30 Great Interactive Sites I apologize for not posting on the Wall for the longest time, but yes, I’m still alive (just been busy with Themify). Today I have an awesome post to share — 30 great interactive sites. HTML5, CSS3, and Javascript have opened up many design possibilities.

35 Useful Responsive Web Design Tools With the great popularity of tablets and smart-phones, the demand for responsive website design is more serious than ever. Right now, more and more websites are adopting responsive layouts and this trend is expected to become more intense as the percentage of mobile Internet users increase. This development have created tremendous demand for the services of web designers and developers proficient in this highly adaptable system of website layouts. Already, we can see responsive WordPress themes, available from major theme providers that meet the challenges of adopting to different screen sizes. As expected, some pretty useful responsive web design tools have surfaced recently to support the design and development process of responsive websites. Thanks to the large community of talented developers who made all these resources available.

32 Dispelled Myths About UX And Web Design Hungarian user experience designer Zoltán Gócza put together a list of 32 most common myths about UX and web design. An Italian communication and advertising agency That’s Com loved the list so much that with help of a freelance graphic designer Alessandro Giammaria they have turned the list into a collection of brilliant posters. There are 32 posters in total, each dedicated to a single UX or web design myth. 15 Best Websites with Non-Standard Navigation In this article Marcin Treder of UXPin – The UX Design App shows some of the best examples of the important trend of the year 2013. If you want to learn more about 2013-2014 trends – download free UXPin’s ebook “Web Design Book of Trends: 2013-2014”. Navigation is among the most important pieces of every single website. No content would be reachable without properly designed navigation that answers the questions “where am I?” and “where can I go from here?”.

Link Building Tools We Use at Distilled The author's posts are entirely his or her own (excluding the unlikely event of hypnosis) and may not always reflect the views of Moz. We recently gathered up a list of all the link building tools and resources we turn to daily across the company at Distilled. In the "TAGFEE" spirit of generosity, we thought it might be useful to others and we thought we'd share it here.

Site Under Construction Hello everyone…This is the first post in the new “Freebies” category and I want to celebrate this by offering you something original and special.I`m giving away a free “Site Under Construction” Template ,to use it whenever you have a new website to launch or a re-design of your old website,or for anything else. This template is a simple one page “Under Construction” template that allows you to keep your users informed,while you work at your website.The template has a jQuery slider containing 3 slides:one with your social pages,like Twitter or Facebook,one with a subscribe-by-mail form and another one with an area for writing what you do.I thing it`s very useful.Now you have to convince yourself of its functionality. Main features of the Template

65 useful UX design tools - WBD For a UX designer it is very important to have right kind of tools. So we put together a complete list of UX design tools divided into categories like: Wireframing, Prototyping, Diagramming, Web Analytics, Feedback tools, Session Recording, ClickTracking, Remote Usability Testing, Offline Usability Testing, A/B testing and UX Design App. Now I have my personal favorites but you will never know what works for you best unless you try them.

Front end styleguides and pattern libraries Save the Web Don’t bookmark the web. Save it. Gimme Bar doesn’t just keep bookmarks; it stores items in your personal library in the cloud. You can even back things up to Dropbox.