Web Design Trends 2016: How Cards Dominate Design

Practical as they are visually attractive, card interfaces are more than just a trend. With 2014 marking the first time mobile internet usage exceeded desktop, web design is now favoring the small screen as responsive design becomes mandatory. The result: …

How to Create Accordion Menu (CSS3+jQuery)

How to Create a Accordion Menu (jQuery Version) [Tutorial]

Topic: jQuery / CSS3 Difficulty: Intermediate Estimated Completion Time: 30 mins As you may noticed a few days ago we released a tutorial about How to Create an Accordion Menu in Pure CSS3. As this pure CSS3 Accordion Menu will …

Understanding Immediate and Anticipated Emotions in Landing Pages

Immediate and anticipated emotions in landing pages

Design is intertwined with psychology. Today I want to explain the concepts of immediate and anticipated emotions while designing. It’s a concept that is truly handy once you realize what it is. Identifying Immediate Emotions Immediate emotion is a user’s …

How to Create Accordion Menu in Pure CSS3

Accordion Menu in Pure CSS3

Topic: CSS3 Difficulty: Intermediate Estimated Completion Time: 30 mins In this tutorial we will learn how to create an accordion menu in pure CSS3. As we will create it with CSS this will only work on browsers and devices that …

How to Create Background Fixed Effects

How To Create Background Fixed Effects

As an integral part of websites, backgrounds with fixed positions are getting more and more innovative in a way that it can create an optical illusion that it changes the image without you noticing that it has a fixed position …

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 …

Free Carousels and Sliders Based on Bootstrap

,

Free Bootstrap Carousels and Image Sliders

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 …

Free Sport Icons and New Examples

,

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 …

How to Create a Content Accordion in Pure CSS3

How to Create a Content Accordion in Pure CSS3 [Tutorial]

Topic: CSS3 Difficulty: Intermediate Estimated Completion Time: 45 mins Today’s tutorial we will learn how to create a pure CSS3 content accordion. This will work on all browsers and devices that support the :target selector. Step 1 – Basic HTML …

Calculating Measurements in LESS (Video Tutorial)

Calculating Measurements in LESS

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 …