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. Net magazine is the number one choice for the professional web designer and developer.

50 fantastic tools for responsive web design

It's here that you find out about the latest new web trends, technologies and techniques – all in one handy package. Each issue boasts a wealth of expert tips and advice, including in-depth features and over 30 pages of advanced front and backend tutorials on subjects as diverse as CSS, HTML, JavaScript, WordPress, PHP, and plenty more. net compiles the hottest new sites from around the web, and being the voice of web design, our mission is to source the best articles written by the best people in the industry and feature interviews and opinions crammed with inspiration and creative advice. 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. Here's what you'll learn in this article: Ready? Hiding content In Responsive Web Design Demystified, we looked at ways to reformat page content on smaller screens to make better use of the available screen width.

You can hide content by adding the CSS property display: none to the container that you want to hide. Let's look at an example. Summary. 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. You’ll be a text-effect master before we can say the word “go! “. The Tutorials Here we go! Clash of the Titans Text Effect (Photoshop) ↓ Produce a great Clash of the Titans themed text effect in Photoshop, inspired by the epic movie. 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. The Best Social Media Icons All In One Place. 464 shares 8 Free & Useful Minimal Icon Sets Icons are certainly a very important element of a design.

The Best Social Media Icons All In One Place

It doesn’t matter if you are putting together a website or app, icons will be the key for several user interactions. This is why it’s always good to fill your library with good icons you can count on. 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. 30 Awesomely Designed Resumes. April 27, 2011 | 1 Comment » | Topics: Design, Pics.

30 Awesomely Designed Resumes