How Fluid Grids Work in Responsive Web Design

Posted in Coding, Tutorials, Web Interface2 years ago • Written by 59 Comments

Responsive design is the process of arranging the layout in a way that all the important information is presented in a user readable way in any kind of device or screen size. Most designers will choose a grid based layout since it’s easier to handle grid based layouts in different kind of devices.

It’s your decision to choose between a fixed or fluid grid to design the layout. Throughout this tutorial we are going to focus on fluid grids and their importance in responsive design.

How Fluid Grids Work in Responsive Web Design Read More

You Are Alone No More: Introducing 1WD TV

Posted in News, Web Design2 years ago • Written by 131 Comments

Today we have really exciting news for you!

How would you like to see yourself become a better web designer with our help? Do you feel like you are left alone on this journey to become a web designer?

Do you want to see and hear how I flunked on camera and do you want to see 1WD’s new branded microphone?

Yes, you heard it right – see and hear!

We aren’t seeing you yet, but you can see us and it really feels like we are talking directly to you!

You are alone NO MORE! Oh, wait! There is much more, watch video now!

You Are Alone No More: Introducing 1WD TV Read More

Skeleton Boilerplate: Learn How To Convert Artthatworks From PSD To HTML

Posted in Coding, HTML & CSS, Tutorials2 years ago • Written by 52 Comments

Howdy Folks! In this tutorial you will learn how to convert Artthatworks (if you want to know how to create this design in Photoshop check here!)  from PSD to HTML using Skeleton Boilerplate and make it responsive with media queries. As I mentioned in my last tutorial, I hadn’t tried using a framework until recently. I found the Skeleton Boilerplate Framework which makes it very easy to convert PSD files into HTML, by calling the right classes you can create a quick responsive layout. Sounds great right? Well then get ready and let’s get started.

Skeleton Boilerplate: Learn How To Convert Artthatworks From PSD To HTML Read More

10 Best Kept Secrets To Become More Creative By Boosting Your Brainpower

Posted in Tips, Web Design2 years ago • Written by 114 Comments

Hey James, this week I am working on the most exciting project ever – I am designing a new website for one of the most popular radio stations.

That was the last time I heard anything from my friend.

Now he is spending a big chunk of his time going through a lot of legal actions and a local lawyer has become his best mate.

Well, all just because my friend has been sued by a huge web design and development agency.

10 Best Kept Secrets To Become More Creative By Boosting Your Brainpower Read More

45 High-Quality Free HTML/CSS Templates from 2011 and 2012

Posted in Freebies, Templates2 years ago • Written by 38 Comments

Looking for free HTML/CSS templates that you can use to practice your skills or to convert a WordPress theme? You came to the right place! In this roundup, we have gathered 45 CSS templates from 2011 to present. We know that not everyone has the time to design and code, but there is definitely a growing need for visually appealing templates. How about we expedite the process?

Visually appealing designs? Check!

Free and fresh templates? Check!

What are you waiting for? Read on!

45 High-Quality Free HTML/CSS Templates from 2011 and 2012 Read More

How to Make Custom Designs for your jQuery Slider

Posted in Coding, HTML & CSS, JS & AJAX, Tutorials2 years ago • Written by 15 Comments

Sliders are a common component used in website design and for various purposes. We can create image, content, or video sliders using  jQuery. jQuery is the most popular JavaScript framework used for these sliders. A lot of jQuery sliders can be categorized based on the techniques used for sliding. The following are some common and trending techniques used by developers.

  • Layered Sliders – This is the latest addition to sliders with parallax effect.
  • Fade In/Out Sliders – These types of sliders do not have controls. Content just fades away one by one.
  • Banner Rotators – These sliders rotate in a circular path.

There are many other types of techniques as well. Each type of slider is suited for a different purpose and location on your website. Hence the designer has to carefully choose sliders for different locations.

How to Make Custom Designs for your jQuery Slider Read More

40 Handy and Free UI Kit PSDs for Smartphones

Posted in Freebies, Tools, Web Design2 years ago • Written by 6 Comments

In this collection, we are presenting some handy and useful smartphone UI Kit PSDs that you can download for free. With these mobile user interface kits, designers can enhance their creations and make their mobile user interfaces look more interesting and appealing.

Using these kits, you can design visually interactive and appealing user interfaces. All these kits are available in PSD format for easy modification. 

40 Handy and Free UI Kit PSDs for Smartphones Read More

7 Best deviantART Alternatives for Web Designers to Showcase their Skills

Posted in Tools, Web Design2 years ago • Written by 12 Comments

There can be many reasons to stick to deviantART (dA) — the biggest art community and a basic step for a design newcomer. At the same time none of these reasons should prevent you from participating in other professional networks and showcasing your skills.

Founded twelve years ago, today deviantART has the widest art-loving audience. However, lately there is an opinion that deviantART is overcrowded with work which can only be called “art” by a long stretch of imagination. So many men, so many censures! Anyway, like it or not, dA is a wonderful art community, but at the same time, it helps to be part of other art networks as well.

Today, we will take a look at seven major art communities and deviantART alternatives for aspiring designers and creative artists. 

7 Best deviantART Alternatives for Web Designers to Showcase their Skills Read More

Targeting Your Audience Effectively with Simple Web Design Tips

Posted in Tips, Web Design2 years ago • Written by 17 Comments

Targeting your audience with your design is not only possible, but also recommended. Some might not think it’s important, but I am sure all of you have some favourite websites that you visit from time to time, but because of their good design, you simply can’t stay away from them for long. Those kind of sites are what we are going to talk about today. Why? Because you can have one too if you really want to – all you need is a bit of marketing knowledge, a good strategy and some design skills and you’re pretty much there.

Today we will talk about how to spot your real target audience. This is the first major step in your strategy and the most important. If you fail at this, nothing else will fall into place. Today’s article will also be about usability and web interfaces, but we will get into details further down the road.

Targeting Your Audience Effectively with Simple Web Design Tips Read More
54.235.17.248 - unknown - unknown - US