Understanding Immediate and Anticipated Emotions in Landing Pages

Paula Borowska  •  Design  •  February 29, 2016
Understanding 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 emotional reaction to a product. An example is a negative response to a landing page from issues such as usability,...

How to Create Accordion Menu in Pure CSS3

Valeriu Timbuc  •  CSS3, Tutorials  •  February 27, 2016
How to Create 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. This menu was inspired in Futurico UI Pro. As we will create it with CSS this will only work on browsers and devices that support the :target pseudo-class selector. Step 1 – HTML Markup Create an unordered list with an...

Module 01 UI Kit – 130+ High-Quality UI Components

Adrian  •  Resources  •  February 26, 2016
Module 01 UI Kit – 130+ High-Quality UI Components

Module 01 is big, stylish and handy UI Kit, full of many useful elements, made to help you turn your designing or prototyping process into enthralling and easy game. Works perfectly with Sketch 3.5+ and Photoshop CC...

UI Presentation Kit – Apple Devices Mockups

Adrian  •  Resources  •  February 26, 2016
UI Presentation Kit – Apple Devices Mockups

This pack created for professional web-, app-, UI-designers. It’s a great way to make a beautiful presentation of your work, for both personal and commercial work. Pack consists of a two parts. Premade compositions and three scene generators based on different...

Shopmate – UI Kit for eCommerce

Adrian  •  Resources  •  February 26, 2016
Shopmate – UI Kit for eCommerce

Create your Shop design with more than 120 components, hundreds of UI elements, organized into 8 popular content categories. Pixel perfect vector elements and grid. Well organized layers and groups. Each component is fully customizable, easy to use & carefully assembled in Photoshop &...

How to Create Background Fixed Effects

Sam Norton  •  CSS3, HTML, jQuery  •  February 24, 2016
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 as it provides a neat effect of transitioning to the next section of the page. It was on the early parallax days when it became popular. Images and text...

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