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_plugin_thumb

50 Extensions and Plugins for Extending Bootstrap

Bootstrap itself is already chock-full full of useful tools, extensions and components, and is more than enough to kick-start most web projects. But there will be times where the basic components are not quite enough for what you need. That is where this post comes in. We have assembled 50 extensions, plugins and addons for extending Bootstrap. Rather than group…

02-pros-cons-trends-spaceneedle

Exploring Current Web Design Trends

The funny thing about current web design trends is that they are both helpful and detrimental. Trends set the standard for design elements and styles that are popular for a specific era, so keeping up with current trends means that web designers and developers are better able to create a modern look for clients. And new trends usually come with…

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…