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

ux_thumb

20 Useful Tools & Apps For Everyday UX Tasks

Working in an UX team usually requires mastering quite a few online tools. Whether you’re new to the user experience world, or you’re a seasoned professional you should never stop looking for online solutions that can make your work easier, faster and, most importantly, simply better. That’s why we’ve prepared a list of 21 tools that could help you in…

stock_photography_thumb

How and When to Use Stock Photography

Some see it as a necessary evil, a few view it as an invaluable resources, others call it an annoyance, and still more see it as a slowly dieng trend. Whatever your feelings on stock photography, you’ve got to understand that you’ll end up using it at some point if you regularly create online content. If you’re going to use…

css_thumb

50 Visually Appealing CSS Tutorials & Techniques

If you are looking for in-depth articles on the inner workings of flexbox, or a comprehensive explanation for using CSS regions, then this is definitely not the post for you. Instead, we have squarely put our focus on those CSS tutorials that not only make the smaller details of the web visually appealing, but are also really useful. You know…

tile-navigation-featured

Creating a Full Width Responsive Tiled Menu with CSS

Full width tiled menus are a crisp way for displaying your site’s navigation and for giving end to end coverage, creating a very full-bodied effect for the user. In this tutorial, we’re going to make it fully responsive, and throw in some quick JavaScript at the end to show/hide the navigation on smaller screen widths, via a navigation toggle button….

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,…