Icons in Web Design: Tips, Resources, and Examples

Modern icons have become a staple for every digital interface. They can help organize content, they’re generally lightweight and even play mp3′s. No wait that’s iPods… well even iPods have a use for icons because they’re a quick visual method to convey information.   The field of web design has…


35 Website Layouts using Fixed Header Bars

Users often feel quite divisive on the subject of sliding navbars. It has also become a sizable topic of debate amongst designers. Yet it seems that aside from ongoing quarrels the fixed heading navbar is here to stay. It’s an easy technique to recreate and it can be designed in…


6 free UI kit psd for 2015

Every designer loves a free UI ki psd. Here is a roundup of some of the best and free UI kit on for 2015. If you like to download any of the them, simply click on the link and go to the download page. I have spend some time…


Touch of Technomagic – Literally Fantastic Website Designs

Today we are going to review tech style website designs that are inspired by sci-fi movies, neurobotic artworks, artificial and intelligent worlds of tomorrow, space arcades, cosmic landscapes and other fantastic stuff. Unfortunately such prodigious designs quite rarely occur in our time. There are a couple of reasons: first of…


Hover.css Project

Hover.css is an interesting project that is available to contribute to on Github. This library is a collection of different CSS effects that be applied to single elements. The project effects are self contained pieces of CSS that can be used freely in your next project. It also comes in…


7 Free eBooks To Learn AngularJS

So you’ve been following this Angular series (if you haven’t, start from the top here) and have come to a point where you are somewhat comfortable with playing with Angular or even building an app with it. For a more complete guideline when studying a project, we can always go…


iDevie Weekly Freebies (week 5)

Designers Freebie Pouch is a monthly collection of the latest freebies from all over the internet. In the pouch you will find latest design resources like icons, mockups, UI kits, textures, templates and much more. Use freebies for learning new techniques, bootstrapping next project or building your business but always remember…


Crucial Design Elements that Every UI Kit Needs

Interface design is the cornerstone to any type of digital design career. Whether an interface is created for the desktop, web, or mobile, plenty of features tend to overlap and lead to the same conclusion. Learning how to craft a reliable interface is more about the overall user experience rather…


Is Minimal Design the Best Strategy for Your Site?

One of the buzzwords of modern marketing or design work is “understanding your customers.” Before you jump on board with a trend or design style, it’s good to research how consumers or clients in your industry respond to it. One particular trend that has dominated the web for several years…


20 Free and Exciting CSS3 Libraries, Frameworks and Tools

A lot of additions and enhancements have been done to CSS in CSS3. Designers used to create simple animations using jQuery or Javascript but CSS3 has changed all that due to all the new and exciting features added to it. It has become a lot easier to explore details and play with…


Slide-in Content Filter Powered by CSS and jQuery

A well-designed filter is a powerful tool users can take advantage of. It is actually an essential feature if your website has lots of content, distributed across different categories. For an e-commerce, it is a way to increase conversion rates by reducing the time needed by the user to find…


Top Ways to Use Icons in a Web Page to Enhance Content Presentation

Content is the king in the web world. But if you don’t present even a good content in a proper way, it will not be able to attract the attention of the viewers. So, it’s important to arrange the content of a web page in the perfect manner. And only…


Free Valentine’s Day Icons from FreekPik!

Our friends at, have provided us yet another icon giveaway. This time, it’s a FREE Valentines Day Icon Pack. These graphics are in flat style, and come in both PNG and SVG files. There are 100 individual icons to choose from! We think you will just love these icons…


30 Amazing Portfolio Designs

There are hundred of thousand programmers, designers, writers and even developers in every continent. Sometimes it is hard to compete with other professionals, especially when you are a freelancer. But somehow you need to find a ways to attract customers. One of the way is to create a portfolio website….


20 Free HTML5, CSS3, UI Kits and PSDs for Designers

There are many resources available online for designers to speed up the website designing process. Some of these resources are free and most aren’t. These resources may include creative HTML5 and CSS3 PSDs and UI kits, color and palette generators and many other different things that together form a wonderful website….


20 Free AngularJS Resources & Tutorials

While jQuery is easily the most popular open source JavaScript library there are many competitors. Among the many alternatives I want to focus on AngularJS. As a designer it can be tough getting into JavaScript because it might feel a little bit like programming. Getting past the initial learning curve…


Inspirational Examples of UI Style Guides

According to Wikipedia, a UI style guide is a ‘set of standards for the writing and design of documents’ and that it ‘ensures consistency and enforces best practice in usage.’ All very true. But what it neglects to mention is how inspiring UI style guides can be just to look…


Collection of Fresh Design Freebies – January Edition

From improving the appearance of checkboxes/radio buttons and equipping your next project with a solid flexible foundation to a wonderful set of vibrant flat style icons and magnificent glossy skeuomorph UI pack, our January collection is full of superb freebies that can serve both as inspiration or as time-saving downloads…


17 CSS3 Transition Plugins & Tutorials To Create A Single Page Website

Here is another collection of some CSS3 tutorials and this time, we are focusing on creating transition effect for creating a single page website. In the recent times, we have seen that single page websites have greatly increased the user experience by reducing the unnecessary loading time of duplicated page…


Important tools you need for cross brower testing

There are a multitude of browsers that you can find right now on the market and, as a developer, you have to make sure that you test the site you created on as many as possible. However, you simply cannot test all existing browsers on all possible platforms, this is…


20 Informative Graphic Design Infographics I’ve Come Across

You may have known someone who only reads books with pictures. Illustrations make the most boring literature come alive. Images make reading a lot more enjoyable. Why do you think children’s books are filled with vibrant, engaging pictures? Nowadays, graphics and illustrations on text are elevated to another level. The…


20 Free Bootstrap Templates

Bootstrap is a for creating exciting websites. It primarily consists of HTML and CSS based designs and occasionally JavaScript extensions are also made available. It include templates based on HTML, CSS and sometimes JavaScript for forms, buttons, typography, navigation bars, and all the other features that are combined together to…


Surprising Yourself with Ideas Out of Nowhere

Idea: the origin of the best and worst moments of your life. Everything we cultivate comes from a single idea. The sumptuous dinner you plan to cook tonight? That’s a yummy idea. The trip you want to take with your partner? That’s an exciting idea. The business you want to…


The Best Resume Templates Available

There’s really no point in me going on and on about 500 hundred words on the topic of resumes, but I will anyway because of two reasons: 1. There are still some people out there who’ve only applied for jobs via job aggregators and have therefore only ever submitted answers…


Snabbt.js – Fast animations with Javascript and CSS transforms

snabbt.js is a minimalistic javascript animation library. It focuses on moving things around. It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want. The end result is then set via CSS3 transform matrices. snabbt.js is built…


Squire – An HTML5 Rich Text Editor

Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible. It is built for the present and the future, and as such does not support truly ancient browsers. It should work fine back to around Opera 10, Firefox 3.5, Safari 4, Chrome…