SEARCH

Search resources for web designer within website.

SEND

Share with us resources, articles or posts.

SEND POSTS

SEND POSTS

Link Title (required)

Link URL (required)

Post Text(required)

×

SUBSCRIBE

Subscribe to our free weekly newsletter.

Create a Responsive Web Design with Media Queries

If you’ve yet to get your hands dirty with media queries, now is your chance to create your first responsive website design. In this tutorial we’ll look at converting one of my previous WordPress theme designs into a responsive layout, while taking into consideration the design’s original grid structure.If you cast your mind back to late 2011, we went through the process of designing, coding and building ‘Typo’ into a complete WordPress theme. The design itself lend…

Create a Responsive Web Design with Media Queries was last modified: October 5th, 2013 by line25.com

SUBSCRIBE

Subscribe to our free weekly newsletter.

TRENDS POSTS

Faster CSS layout debugging

The cascade part of cascading style sheets can be tricky. Placing an outline on every element can help you figure out ...

RICG Responsive Images For WordPress

I recently teamed up with Mat Marquis of the Responsive Images Community Group to help integrate responsive images into the ...

Inspiration for Button Styles and Effects

Today we’d like to share some fresh button styles and effects with you. The current “button trend” is quite exciting ...

HTML & CSS Examples of Material Design in Action

We touched on Material Design a few months ago (Material Design GUI kits, you should check them out!) just as ...

306 Pixel Perfect Crafted Icons

Subway is a set of 306 pixel perfect crafted icons optimized for iOS, Windows Phone, Windows and BlackBerry 10. Subway ...

How to Create a Stylized Captain’s Portrait in Adobe Illustrator

Ahoy, mateys! In this tutorial we will learn how to draw a stylized flat portrait of a funny captain, using ...

Secondary sliding navigation

A bold, secondary menu that slides over the main navigation.Today’s resource is a simple, handy snippet: a secondary navigation that ...

Using Plugins to Speed Up WordPress

One of the most popular talking points in the WordPress community is speeding up WordPress and optimizing web pages. I ...

How to Stop Users From Sharing Passwords in WordPress

By default a WordPress user can login to an account from multiple locations at the same time. This may compromise ...

Learn to Paint Beautiful Realistic Lips in Adobe Photoshop

Lips in humans are instruments of emotion. Not because we speak with them, but also because of the infinite amount ...

20 Examples of White Space Use in Web Design

Let’s say you’re in a library. It wouldn’t be nice at all if you couldn’t move around because of the ...

Syntax highlighting for the Web

Highlight.js is a syntax highlighter written in JavaScript. Features: 112 languages and 49 styles (live demo), automatic language detection, multi-language code highlighting, ...

How to Archive Posts Without Deleting Them in WordPress

Have you ever wanted to hide older posts from your blog without deleting them? Wouldn’t it be nice if you ...

How to Create the Definitive Designer’s Essential Pack in Adobe Illustrator

Because I believe that all designers have their own secret essentials pack, I decided to show you how to build ...

Resources for Web Designer ordered by popularity on social network
Email to B4WD
MisterWebby - Free PSD
Top