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

bootstrap_admin_theme_03

15 Free Bootstrap Admin Themes

In the past the admin section of a web application tended to be built solely for functionality, with not much, if any at all, consideration for the design side. Thankfully things are changing. Functionality and design, especially over the last couple of years, have been merging. And with the huge rise in popularity of the Bootstrap framework, creating a beautiful…

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…