background preloader

Web Design

Facebook Twitter

I ♥ wireframes - The ultimate source of inspiration and collection of resources for wireframes. 50 fantastic tools for responsive web design. Style Tiles: An Alternative to Full Design Comps. 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.

Style Tiles: An Alternative to Full Design Comps

What if there was a better way to approach things? With Style Tiles, the newest kid on the design-methodology block, there is. Some say that the days of creating full mockups for webdesign projects in Photoshop are dying, if not outright dead. Others are saying that designing-in-the-browser isn't all that it's cracked up to be either. Introduction - Treehouse.

Articulos de CSS

Inspiration / Resources Sites. Responsive Web Design: 5 Handy Tips. Tutorial by Matt Doyle | Level: Intermediate | Published on 17 February 2012 Categories: Learn how to improve your responsive website layouts with 5 useful techniques: Hiding content, collapsing content, scaling images, responsive images, and type resizing.

Responsive Web Design: 5 Handy Tips

In my previous article Responsive Web Design Demystified, I explained the concepts behind responsive web design, and showed how to build a simple responsive layout from the ground up. In this article, you learn five additional techniques that will help you build great responsive layouts. You'll put each technique into practice as you build on the responsive layout created in the previous article.

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.

40+ Well Designed Apps for Running Your Freelance Business

And a lot of those apps are well-suited, functionally, for designers. But there's something a lot of them are lacking: good design! After all, we're designers. We want to use apps that are attractive and designed to be both functional and beautiful. The apps below fill both those criteria, combining form and function into an app that you can be proud to use to run your design business! Invoices, Quotes, and Other Financials Financial management is often the least favorite part of running a business, but also one of the most vital to a freelancer's success. 1. QuoteBase is a free service that lets you create PDF quotes quickly, with your own logo, and even email to create a quote. 2.

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.

Mind Blowing Parallax Scrolling Sites

Web Design Blog, Tutorials and Inspiration. 30 Innovative And Creative Text Effect Tutorials. 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.

30 Innovative And Creative Text Effect Tutorials

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. Periodic Table of the Elements - Josh Duck. 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.

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

This practice seems to be somewhat of a lost art so we’re going to shed some light on it! Today we’ll briefly discuss what thumbnail sketches are, some tips for creating them and how to effectively implement them into your already busy workflow. Before Wireframing, Thumbnail These days wireframing is a very popular practice. Though some shun it as unnecessary, plenty of designers and UI/UX professionals see a very basic, minimal rendering as a key first step that allows you to focus on basic layout principles independent of superfluous styling. There’s definitely something to be said for critically considering how your page will be structured on a basic level. The thumbnail sketch is an awesome first step that uses the same ideas as a wireframe, only on an even more basic level.

The Best Social Media Icons All In One Place. 464 shares.

The Best Social Media Icons All In One Place

Adobe Illustrator and vector tutorials, from beginner to advanced. 5 Traits of a Successful Icon Designer. What makes a successful icon designer?

5 Traits of 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. Do you have what it takes to be a productive, happy and successful icon designer? Find out at the jump. 1. Successful icon designers always plan ahead. To plan ahead you should sketch your ideas before you begin rendering the icon. 2. Successful icon designers know their audience (and clients) and design specifically for their needs and expectations. Knowing your audience is more than creating an appealing style.

Most operating systems have guidelines that dictate the viewing angle, the scale and sometimes even the color that icons should be supplied at, the most popular of which are the Microsoft Developers Network (MSDN), Apple's Human Interface Guidelines (for Mac OS and iOS) and the Android Developers Guide. 3. 4. 5. 30 Awesomely Designed Resumes.

April 27, 2011 | 1 Comment » | Topics: Design, Pics via Inspiration Feed Hot Stories From Around The Web Other Awesome Stories.

30 Awesomely Designed Resumes