Calculating Measurements in LESS (Video Tutorial)

David East  •  Coding, CSS3  •  February 15, 2016
Calculating Measurements in LESS (Video Tutorial)

No one ever claimed that CSS was the right place to perform mathematical calculations; in fact, it’s near impossible even for simple functions. (Even with the CSS3 calc function, it can be difficult.) That’s where LESS comes in. The ability to perform functions is one of its strong points. In this video tutorial, you will learn how to complete calculations using...

Make a Statement Using White Space in Design

Paula Borowska  •  Websites Examples  •  February 11, 2016
Make a Statement Using White Space in Design

We all know white space is a good design element to use within websites or apps. The use of space is one of the tenets of design theory and helps you create visual focus, contrast and organization. When used well, white space — places without other elements in the design, though not always white in color — is the key to pulling everything together with a seamless...

How to Create a Full Page Animated Transition

Sam Norton  •  CSS3, HTML, jQuery  •  February 9, 2016
How to Create a Full Page Animated Transition

In the past, adding page transitions on web pages has been a simple process. As you click on the link it redirects you to the next page as the browser loads the next page or element. The web has started to feel outdated if you will think about and there is plenty of room to improve. Wouldn’t it be great to add some smooth transitions to create a more proficient user...

Responsive Web Design: 50 Examples and Best Practices

Adrian  •  Responsive Design, Websites Examples  •  February 8, 2016
Responsive Web Design: 50 Examples and Best Practices

Responsive web design term is related to the concept of developing a website design in a manner that helps the lay out to get changed according to the user’s computer screen resolution. More precisely, the concept allows for an advanced 4 column layout 1292 pixels wide, on a 1025 pixel  width screen, that auto-simplifies into 2 columns. Also, it suitably fixes on the...

How to Create a Stylish Image Content Slider in Pure CSS3

Valeriu Timbuc  •  CSS3, Tutorials  •  February 7, 2016
How to Create a Stylish Image Content Slider in Pure CSS3

Topic: CSS3 Difficulty: Intermediate Estimated completion time: 45 mins In this tutorial we will create a CSS3 only image slider inspired on the Futurico User Interface. The CSS3 features that we’ll be using in this tutorial are in tests in the most recent browsers so this slider will not work in all browsers (try preview in Chrome and Safari). I don’t recommend...

Personal Branding Guide for Designers

Tomas Laurinavicius  •  Design  •  February 5, 2016
Personal Branding Guide for Designers

Personal branding is the practice of people marketing themselves and their careers as brands. Being good at your craft is not enough these days, being unique and authentic will make the cut, but only if enough people know about you. As Michael Simmons writes, authenticity is key in the digital age. Having a strong personal brand and following can lead to enormous opportunities...

A Beginner’s Guide To Grunt: Build Tool for JavaScript

DataArt  •  Coding  •  February 3, 2016
A Beginner’s Guide To Grunt: Build Tool for JavaScript

Modern Web development is rapidly moving toward more complicated client-side applications. The ability to build more advanced applications requires more sophisticated tools that allow developers to manage complexity and prevent the program they write from collapsing under the weight of a technical dept. A developer needs to carry out a set of steps in order to prepare a web...

Design Trend: Parallax With a Twist

Carrie Cousins  •  Design, Website Design  •  February 1, 2016
Design Trend: Parallax With a Twist

The newest trend in web design has inklings of parallax, but it’s not quite parallax. It involves moving elements, but it’s not really animation. It includes plenty of great color and physical elements, but it’s not material. This background trend includes elements of plenty of other trends for truly engaging moving elements that draw users in and keep them on the site...

Gesture Icons Inspiration and Free Packages

Nataly Birch  •  Icons Examples  •  January 27, 2016
Gesture Icons Inspiration and Free Packages

With the growth of mobile app designs, symbols that visualize various standard commands have become one of the sought-after kinds of graphical tools. They are used to enrich presentations of products and serve as accompanying material for multi-touch devices. There are more than 50 different commands that need to be clearly illustrated, from well-known and widely-used tap,...

Great Tools Becoming a Great Freelance Designers

Paula Borowska  •  Tools  •  January 25, 2016
Great Tools Becoming a Great Freelance Designers

It doesn’t matter if you’re just getting yourself set up for your first client or if you’re a veteran who wants to check out a new service or app, this list will definitely come in handy in helping you stay sane while freelancing. Now, there will never be a one size fits all list of goodies that will help every single freelancer towards their glory. That’s why I formed...