Interactive Walks – Websites That Offer a Physical Experience

Nataly Birch  •  Websites Examples  •  February 22, 2016
Interactive Walks – Websites That Offer a Physical Experience

Modern technologies stimulate web agencies to test limits, come up with ingenious and ambitious ideas and bring incredible concepts to life. Websites with engaging and sophisticated interactive walks are one of the fresh outcomes of pushing the boundaries. They are a symbiosis of perfectly crafted scenes and high-end techniques. Despite requiring a mastery of skills, the...

Free Carousels and Sliders Based on Bootstrap

Nataly Birch  •  Scripts  •  February 19, 2016
Free Carousels and Sliders Based on Bootstrap

It’s hard to find a website without an eye-catching multimedia slider in the header that showcases popular items or impressive artwork right away. It has become an integral feature of almost every web project. Whether you are going to create the layout from scratch or apply to modern frameworks, there is a solution for you. Today, we will review 15 free image sliders for...

Free Sport Icons and New Examples

Nataly Birch  •  Icons Examples  •  February 17, 2016
Free Sport Icons and New Examples

Sports is a huge industry. It is an integral part of our existence. Whether you are a world-class athlete or just an ardent fan of soccer, you can’t imagine life without it. The number of websites and applications dedicated to this sphere are convincing proof of that. From simple blogs to mobile fantasy programs, there are many ways to get closer to your favorite...

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...

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...