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

css_tools_resources_thumb

50 CSS Libraries, Frameworks and Tools from 2014

With all of the changes and advancements that CSS has gone threw these last few years, we should not be surprised at the huge volume of free resources and tools that are currently being released. These time-saving CSS libraries, frameworks and tools have been built to make our lives that little bit easier and also offer a clear learning window…

bootstrap_template_themes_free_08

50 Free Bootstrap 3 Templates and UI Kits

In this article we have collected 50 Bootstrap 3 templates for you to freely use in your next project. We have purposefully omitted all of those starter, bare-bones and unstyled templates from this round-up, of which there are a multitude freely available on the web. We instead have focussed on highlighting 50 fully-featured, creatively designed, and of course, free Bootstrap…

featured_thumb

Creating Round, Flat and Flip-Style CSS Toggle Switches

In this tutorial, we show how to easily create some fantastic round, flat and flip-style CSS toggle switches. We’ll be using pure CSS to create some toggle switches, adding a neat user experience to checkbox functionality. Download the Source Files View the Demo The Reasoning Often times, we find ourselves needing users to check/uncheck a checkbox to signify a yes/no…

ux_ui_thumb2

Busting the UI=UX myth

Identifying user goals and helping them accomplish those goals through your product – that’s the key objective of all organizations that build digital products. There are various elements that influence the usability, desirability and reliability of a digital product. The most common ones that we hear today are UI & UX. These fields, even though significantly different in nature, sometimes…

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…