Web Design

TwitterFacebook
Get flash to fully experience Pearltrees

50 fantastic tools for responsive web design

As introduced/coined by Ethan Marcotte in both his article " Responsive Web Design " as well as his best-selling book , one needs three elements to make a site responsive: A flexible/fluid grid Responsive images Media queries There are plenty of other great articles that cover motives , concepts , and techniques regarding responsive web design, so we'll keep the focus of this article on some top tools that will help you become responsibly responsive. http://www.netmagazine.com/features/50-fantastic-tools-responsive-web-design
If you’re like me, you’ll agree that the initial design phase of a project can be time consuming, fraught with frustration and rarely meets client expectations at the first approval meeting. http://webdesign.tutsplus.com/tutorials/workflow-tutorials/style-tiles-an-alternative-to-full-design-comps/

Style Tiles: An Alternative to Full Design Comps

Articulos de CSS

Inspiration / Resources Sites

Recently, we’ve been successfully experimenting with a 6px baseline grid coupled with the 960px grid system designed by Nathan Smith. http://www.teehanlax.com/downloads/baseline-grid/

Baseline Grid | Downloads

http://www.elated.com/articles/responsive-web-design-5-handy-tips/ Tutorial by Matt Doyle | Level: Intermediate | Published on 17 February 2012

Responsive Web Design: 5 Handy Tips

40+ Well Designed Apps for Running Your Freelance Business

There are hundreds of business apps out there for running virtually any kind of small business online. And a lot of those apps are well-suited, functionally, for designers. http://webdesign.tutsplus.com/articles/roundups/40-well-designed-apps-for-running-your-freelance-business/

Mind Blowing Parallax Scrolling Sites

Video games often use parallax scrolling technique to create an illusion of depth by moving multiple layers of images at different speed. http://webdesignerwall.com/trends/mind-blowing-parallax-scrolling-sites
Text effects are used in almost everything we see: whether it a simple inner or drop shadow, a subtle gradient, or a full-blown illustrated header. Below we have a selection of thirty great tutorials from across the design community, ready for you to follow and pick up tons of new techniques. You’ll be a text-effect master before we can say the word “ go! http://spyrestudios.com/30-innovative-creative-text-effect-tutorials/

30 Innovative And Creative Text Effect Tutorials

Close Photoshop and Grab a Pencil: The Lost Art of Thumbnail Sketches

Long before web UI mockups came along, print designers would hone their ideas using a tried and true method called thumbnail sketching. http://designshack.net/articles/inspiration/close-photoshop-and-grab-a-pencil-the-lost-art-of-thumbnail-sketches/

The Best Social Media Icons All In One Place | Freebies

The ability to easily bookmark or share content on popular social media platforms is now a must have feature for web sites. It’s also important that this feature isn’t over looked by web site visitors. So it’s always a good idea to use icons when linking to social media sites. They get peoples attention and the logos are immediately recognizable. I’ve taken the time to round up what I believe are the best free social media icons out there. http://webdesignledger.com/freebies/the-best-social-media-icons-all-in-one-place
What makes a successful icon designer? Is it their skills in digital rendering, the clever ideas they have or is it something else? The truth is, it’s managing to be many things at once and keeping a balance between communicating a concept and crafting great designs. http://vector.tutsplus.com/articles/news/5-traits-of-a-successful-icon-designer/

5 Traits of a Successful Icon Designer