Web Design

How to make SVG images code responsive

For an image format that features infinite scalability, SVG can be a surprisingly difficult format to make responsive: vector images do not adjust themselves to the size of the viewport by default. Make A Responsive SVG Image As an image, you can make a SVG vector illustration scale with the page content…

Top 7 UX Tools of 2017

In this years we see a surge in new tools and technology to make our marketing and creative lives easier. UX tools also continue to grow . Today we have listed 7 tools and resources to add to your workflows for 2017. 1. UX MAP An Axure RP library to create compelling UX documentation in no time. Add…

Top Ideas for Creating Website Content

Creating a fantastic website that impresses all of your visitors comes down to much more than choosing a WordPress (or alternative) theme template and uploading the best plugins. You can have all of the best features that are available, but if you are putting content onto your website that isn’t…

8 best free, web-based CSS optimizers/compressors and code formatters

Keeping your CSS files small and organized is very important, especially if you're going to spend any time editing your site in the future, (or if others are gonna be using the code i.e. clients). Helpfully, there are a number of different techniques which can be utilized to aid organization…

11 Guides for Front-end Developers

Enjoy our Guides series for for Front-end Developers and don’t forget to let us know in the comments of any others that we haven’t yet included. 1. Can I animate…? Can I animate?” is a site inspired by Can I use, but focused specifically on CSS animations and transitions. The aim is to provide…

Monthly News for Designers, November 2015

Today we inagurate our monthly design news post in which we will share our favorite design related articles, resources and freebies of the month. Free Icons & Templates Freebie: 100 Google Material Icons for Sketch. Freebie: Animaticons – Beautiful, Customizable Animated GIF Icons. Freebie: Branding Identity Mockup (PSD). Learning Resources, Tutorials & Tips Stretchy Navigation in CSS and jQuery by CodyHouse. Blueprint: Multi-Level Menu by…

The most popular fonts used by designers

Fonts represent an important part of our project. With this post we want to present you the most popular fonts used by top designers and professionals from all over the world. Have we missed one of your old time favorites? Go ahead and add it in the comments area. 1. Helvetica 2. Trajan 3. Garamond 4.…

Best Color Tools of 2015

Creating a colour scheme is essential to good design. We've gathered together some fantastic tools to help you perfect your colour choices. We've make a list of some fantastic tools to help your colour choices. 1. Adobe Colour CC 2. Check my Colours It is a tool for checking foreground and background color combinations of all…

5 High Quality Tutorial Sites to Learning Design

Are you looking for a good source of free tutorials for illustration, 3D design, web design, app design and more? Here are 5 great and usefull sites. 01. Drawspace Drawspace is more than just another art website; it's an international community of over 320,000 drawing enthusiasts, professional artists, art educators, and authors of…

200+ sites, apps & books for designer

Web design can be tough for a lot of reasons. But the biggest challenge is probably that there are so many ways to approach a problem. Dan Edwards has written this awesome guide for any designer looking for resources for their web projects. You can find stuff and publish updates via Dan's…

CSS

Useful Tutorials on SVG & CSS3 Animation

There isn't just one way to do SVG and CSS3 animations. Animation is one such area which has been quite…

The CSS Grid Explained in 7 Minutes (with diagrams and code)

A quick and easy high level introduction to the main concepts of CSS Grid given by Morten Rand-Hendriksen at Wordcamp…

CSS Media Queries for iPad and iPhones

Many times We have had to design responsive websites targeting specific devices with CSS media queries, and not just base the…

The Best CSS Frameworks for Material Design

Material design is the googles new design practice, it is mobile first approach design system created by Google. The idea…

We use our own cookies and third-party cookies to improve our services, show products based on your preferences, analyse the browsing habits of our users, and enable interaction with social networks. Continuing to browse our sites implies full acceptance of their use. You can change your cookie setting or get more information here: Cookies policy .