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

How to Create a Content Accordion in Pure CSS3

Valeriu Timbuc  •  CSS3, Tutorials  •  February 16, 2016
How to Create a Content Accordion in Pure CSS3

Topic: CSS3 Difficulty: Intermediate Estimated Completion Time: 45 mins Today’s tutorial we will learn how to create a pure CSS3 content accordion based on the Futurico UI Pro. This will work on all browsers and devices that support the :target selector. Step 1 – Basic HTML Markup Let’s create three divs with a different id and each div will have a link with the...

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