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

Interactive Drag and Drop Coloring Concept

Today we would like to share a fun interactive coloring concept with you. The idea is to simply drag a ...

Lightning-Fast, Modular CSS with No Side Effects

Basscss is a lightweight collection of base element styles, immutable utilities, layout modules, and color styles designed for speed, clarity, ...

Does responsive web design make you more money?

Getting your website mobile-ready is attracting a lot of attention of late. Just yesterday Google rolled out a hefty algorithm change that ...

Using Sketch For Responsive Web Design (A Case Study)

If you’re a member of the web or UI design community, it’s been hard to avoid talking about Sketch1 over ...

A small, fast, modern, and dependency-free library for lazy loading.

Lazy loading boosts page speed by deferring the loading of images until they're in (or near) the viewport. This library ...

Hero Slider, a full-width, responsive and easy to customize slideshow.

It is a common approach to fill in the intro section of a website with a slideshow: you’re trying to ...

How to Create a Set of Productivity Icons in Adobe Illustrator

In today’s tutorial I’m going to show you how to create a set of flat productivity icons that might come ...

25 Inspiring Examples of Ultra Minimal Web Design

We all love checking out the latest web designs with loud colours, trendy headers and stunning imagery, but sometimes it’s ...

How to Create a Glowing Metal Text Effect in Adobe Photoshop

Using patterns with different glow and texture settings can make creating interesting, detailed effects a fun and simple job. This ...

How to Create a Flat Cityscape in Adobe Illustrator

In today’s tutorial I’m going to show you step by step how to create a warm cityscape using some simple ...

Ditching Large Images: The Absence of Large Header Background Images

Although the utilization of impressive images as a header background is considered to be a huge web design trend, it ...

How to Add Character Limit to Post Titles in WordPress

Did you know that the optimal title length is between 55 and 60 characters? It becomes hard to manage the ...

Learn to Create Forms That Improve User Experience

Most applications, either for mobile and tablet or beyond, rely on input from the user at least once. Actually, most of ...

Grid Item Animation Layout

Today we’d like to share a simple animated grid layout with you. The responsive layout has a sidebar and grid ...

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