Category Archives Web Design

Web Design Archives

In this category you will find articles, tutorials and resources covering all areas of web design. Topics include CSS, HTML, Javascript & jQuery, responsive techniques & resources, GUI resources, templates, web frameworks, and much more.

Sub-Categories:
CMS / CSS & HTML / Drupal / Fireworks / Flash / JavaScript / jQuery / Joomla / Templates / Web Frameworks / Web Apps / Web Inspiration / Wireframe Resources / Wordpress / Wordpress Plugins

19-landing

A Showcase of Stylish Landing Pages

There’s been a common trend over the last few years for online services and products to focus on creating beautifully designed landing pages, and for good reason. You need to do everything in your power to help establish yourself, and show off your brand identity and product positively. If you want to show that your product is of a high…

future_insights_thumb

Do Yourself and Everyone Else a Favor: Make Code Maintainable

Front end development is hard. You have to make something look great and also actually work well. Standards are constantly updated, browsers adopt those updates at different rates, and there is an endless stream of new devices that people use to access the Web. Things are always changing. That’s why developers have to consider maintainability while they code. If we…

htmawr-image-airbnb-mobile-screenshot-small

How to Make Any Website Responsive

According to Verisign’s Domain Name Industry Brief for 2013, it is estimated that 85% of all .com and .net TLDs (top-level domains) have websites: that’s over 100 million websites [being that .com and .net domains collectively number over 120 million]. Now, that is a lot of websites! So how exactly are we going to make them all responsive? If you…

less_thumb

Less CSS Preprocessor Toolbox

It is common knowledge that CSS has a very powerful syntax. However, if you are working on a smaller project or something that does not utilize every other feature of CSS, this very powerful syntax can become an extra baggage to deal with. To cope with such scenarios, we can make use of CSS preprocessors such as Less. Built by…

css_buttons_thumb

How to Create Stylish CSS Buttons

In this tutorial, I’m going to run through the basics of 4 different style buttons – flat, border, gradient & shadow (skeuomorphic), and press style buttons. I’ll reset all the CSS so that buttons display consistently across devices, and I’ll style each set of buttons with a :hover and :active state. Without further ado, let’s dig into the HTML. Get…

frontend_framework_thumb

15 Responsive and Lightweight Front-End Frameworks Worth Considering

There must be hundreds upon hundreds of responsive web frameworks available. Some, like the popular Bootstrap, Gumby and Foundation frameworks, that offer everything and more for building a front-end system of any type and size. While there are other frameworks, like Skrollr and Cool Kitten, that specialize in one particular function (in this case parallax scrolling). And on top of…

interesting

Responsive Web Design with Less Code

The Art of Building a website is a noble but challenging one. It got even more challenging after the advent of the mobile device. I can still remember quite vividly the moment when Steve Jobs introduced the reinvented Phone to much fanfare. The Tablet followed shortly after, and the concept of a ‘mobile web’ came into reckoning. Sales of mobile…

minimal_modern_webdesign_site-02

25 Beautiful Examples of Modern Minimal Web Design

Today’s gallery features 25 minimally designed sites that have not only stripped away all non-essential elements, but have also successfully soaked up popular modern design trends, like over-sized typography and imagery, simple yet effective navigation systems, continuous scrolling, carefully selected interactive elements, and all use the latest responsive techniques. And, as you would expect from minimal web design, focus is…

html_css_web_mobile_responsive_templates-thumb

30 Free Responsive HTML Templates

Are you looking for a quick and easy to edit platform to speed up your web design process? Well, you have come to right place. We have collected 30 fantastic pre-built responsive HTML templates that with just a little bit of creative tweaking will have your web design project live in no time. And the best thing is they are…