Copy
View it in your browser
The Web Designer
Freebies
These are the three best freebies of the week.
Startup – 150 Free Business Line Icons
A beautiful and unique set of 150 startup / business line icons.

 

LUNA - Personal Blog PSD Template
Luna is inspired & designed with vintage style for those who want to share their stories.

 

Break Free Font
An interestingly shaped free font that can be useful in your design projects.
City Guide – Multi-Purpose Business PSD Template
City Guide is a modern business PSD template that contains 76 PSD files. If you want to create a prototype for a business website or the actual design, this PSD template is the thing you need.

 

Designing Websites With Big Hero Images – Best Practices
One of the most important trends nowadays in web design are website hero images, which are generally defined as being a type of large banner that is typically located at the top of a website. 
Resources and tools
Awesome Free Fonts To Use In Headlines
Fonts are an incredibly crucial part of any website’s design. Professional designers make use of dozens of fonts when they are working, and they know how important it can be to use the correct one for each project.

 

Squeezebox Portfolio Template
This is a UX pattern we’re used to in mobile apps: if you tap on an element and it slides out, but not entirely, you know you can tap on it to bring it back. The challenge here was to make this work on bigger devices too.
Super Simple CSS Tooltips
Simple and efficient tooltips in CSS that you can use. 

 

Material Design - Responsive card
Responsive material card based on Google Material Color palette in a Bootstrap grid.

 

Navigation reveal idea
Modern and interesting looking effect that can be applied in web design. 
HTML Color Codes
Get HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names. 

 

Chocolat.js
Chocolat.js enables you to display one or several images staying on the same page.
imagehover
Image hover effects that work with or without bootstrap

 

Photoshop HTML Block
Place any kind of HTML/CSS into your Photoshop document. 

 

Cohesive colors
This is a tool that may help you to create cohesive color schemes.
Liquid Floating Action Button
Liquid Floating Action Button is floating action button component of material design in liquid state, inspired by Material In a Liquid State. This is also spinner loader components in liquid state.

 

CSS vs SVG: Styling Checkboxes and Radio Buttons
This is the second article in a series of articles comparing some commonly-used CSS techniques to their SVG counterparts, showing the pros and cons of each.
Articles and inspiration
Designing Credit Card Payment Forms
It is extremely important that the customer does not lose interest before completing it and that you start designing credit card payment forms which offer a high level of value.

 

Getting The Maximum Effect In Web Design With White Space
It’s also extremely important to understand exactly how you can put this kind of space to good use, especially in web design. Here are some ideas that delve more into the importance of white space.
One Page Websites: Online, It’s All About UX
There is a growing, and very interesting, online trend that regards the formatting used in setting up websites. 

 

A Showcase Of French Web Design
You will see examples of French web design with eye-catching design and unique interactions that will add them in an instant among your favorites.
How to Create Intuitive Web Design Interfaces
No digital application can succeed without considering the users’ needs in the context of their experiences – or lack of experience – with the product going to market.

 

Getting Responsive Tables to Behave
Tables can be tricky to work with and they aren’t nat­ur­ally respons­ive.  It’s import­ant to note that this isn’t a one-size-fits-all type of solu­tion. 
Login User Experience
Even an aspect of a website that feels very minor can actually have major consequences for login user experience.

 

How to fix a bad user interface
Have you ever experienced a user interface that feels lifeless? Have you created a UI that just seems to be missing...something?
Typography Terms That You Should Know
It is imperative for designers to familiarize themselves with typography. Even the most fancy design needs to be associated with a text that sells the product or informs consumers what they are looking at.

 

The future of layout with CSS: Grid Layouts
In this article we'll take a look at the wonderful world of the CSS Grid Layout, a relatively new W3C specification that has partially started to see the day in some browsers.