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

flat_web_design_06

50 Flat Web Designs from 2014

Last month Usabilia asked 100 web professionals for their opinion on the future of flat web design, and a huge 68% said that it is here to stay and not just another passing design trend. So despite our discussion in 2012 about the then new flat design aesthetic, it appears that the future of web design is more than certainly…

history_flat_design_03

The Origins and Evolution of Flat Design

Ever since Windows 7 Mobile was released in a distinctly anti-skeuomorphic format, the explosion of flat aesthetics has been obvious, evident, and pervasive. Anything with an edge is eschewed, gradients are grinding to a halt, and shadows are even more insubstantial of late than usual. Flat design is considered modern, corporate, and cucumber cool. Its influence can be witnessed from…

revealing-content-overlays-feat

Create Revealing Content Overlays With CSS3 Transitions

In this tutorial, I will show you how to create revealing content overlays with CSS3 transitions, allowing you to minimise content clutter and provide a neat user experience. Download Source FilesView the Demo Introduction I’ll introduce this tutorial by presenting a very suitable use case. Imagine your company offered a bunch of different services, and on your website’s services section,…

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…