Typography is Loud: Type-Focused Front Pages

Nataly Birch  •  Websites Examples  •  March 9, 2016
Typography is Loud: Type-Focused Front Pages

We are no longer talking about typography only in the context of characteristics of the typeface such as size, weight and style that are aimed to display text; it means much much more. It is an art with a broad range of possibilities, which not everyone is able to handle competently. In the right hands it works wonders. Paying attention to typography in website design never...

Free Bootstrap PSD Grids for Crafting Excellent Website Designs

Nataly Birch  •  Templates  •  March 4, 2016
Free Bootstrap PSD Grids for Crafting Excellent Website Designs

In website production, there are lots of important factors that affect workflow and the final result, including time. No one can argue that time and money are tightly connected: saving time means gaining extra money, so everyone tries to use it more efficiently with various work-saving solutions. Here, front-end development frameworks take up a leading position. There are...

Web Design Trends 2016: How Cards Dominate Design

Jerry Cao  •  Website Design  •  March 2, 2016
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: simple interface styles like the new flat design, minimalism, and especially cards are more popular than ever. Source:...

How to Create Accordion Menu (CSS3+jQuery)

Valeriu Timbuc  •  CSS3, jQuery, Tutorials  •  February 29, 2016
How to Create Accordion Menu (CSS3+jQuery)

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 not work on all browsers because the :target selector in not supported in the oldest browsers we decided to create a jQuery version of this menu. Also...

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