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_2013_thumb

50 CSS Tools & Resources from 2013

In the article below we have put together a useful collection of our favorite CSS resources, frameworks, UI kits and handy tools, all from this past year, 2013. The main idea of this is to not only illustrate and highlight what a fantastic year it has been for CSS, but to also to offer you a range of production-ready resources…

jquery_thumb

50 Most Useful jQuery Plugins from 2013

Today, just as we have published each of the past three years, we have the 2013 edition of our top 50 jQuery plugins that we feel are the most useful and most innovative from this year.2013 has been quite possibly the best year ever! All of the time-saving plugins below will in one way or another deliver a specific solution…

flat_illustration_web_design_thumb

Flat Illustration in Web Design

At the moment it does seem that every newly launched site or app has adopted the flat design trend. What started just over a year ago as merely a unique design concept, has now exploded into a phenomenon that has literally changed the face of UI design. Perhaps forever. Some web designers have even taken flat design that little bit…

pmarkdown_thumb

Markdown Tools and Editors

When it comes to writing without any obstructions, the choices are plenty. There are many users who prefer the good old visual editor — however, most of the time, writers and developers tend to struggle when writing proper text using HTML markup. Similarly, even though the visual editor is easy to use, it can appear limiting to many users. It…

flow_psd_theme_thumb

Freebie: Flow – Mobile App Landing Page Template (PSD)

For this weeks freebie we have a mobile app landing page template (in PSD format) called Flow. The spacious and clean template is perfect for launching your next mobile app. The template has been crafted by designer Michael Reimer. Click the screenshot below to view the full-size version. Flow – Free Mobile App Landing Page Template Download & License You…

image_thumb

How to Not Suck at Managing Your Time

Discipline is the mother of all things worthwhile: innovation, strength, wealth, health, knowledge, and of course…success. If you have any intention whatsoever of reaching your goal of becoming a successful web professional, then you must get disciplined about your time. Before you think this is going to shape out to be some kind of lecture, I would like to confess:…

good-great-design-thumb

Good vs. Great Web Design: The Difference

While there are no rigid rules when it comes to web design, there do exist certain metrics that can distinguish a bad design from a good one, and even more so, a good design from a great one. Yet, there indeed are many practices that you can implement in order to ensure that your web design endeavors rank among the…

ga_thumb

Tracking Events Responsively With The New Google Analytics

Remember last year, when mobile-specific sites were hot and everyone wanted that specialized “mobile-tuned” presence online? How quickly things change. Skip ahead 493 days and here we are, smack in the middle of the Responsive Revolution. One site, one code, with one new Analytics to rule them all. Analytics.js is a new and more flexible way to glean some insights…

ps_extensions_thumb

Free Photoshop Extensions for Web Designers

While Adobe Photoshop is a very powerful tool in its own right, we can also make use of certain extensions or plugins to extend its functionality even further. Today, we have put together a collection of some of the best free Photoshop extensions for web designers. Go ahead and check out this collection! Skeuomorphism.it Skeumorphism.it is a simple Photoshop extension…

3_second_thumb

Designing for the 3 Second Rule

3-5 seconds! Yes that’s all it takes to make a great first impression. I know this sounds like an atrociously low time frame to create an impression, but that’s the way it is! What you see or hear in these initial few seconds, shapes your opinion of the person. Now, this got me thinking, isn’t it the same with websites?…