Save the Date: NYC Awwwards Conference 2016

Carrie Cousins  •  Resources  •  April 19, 2016
Save the Date: NYC Awwwards Conference 2016

You probably browse through their great collections of website design. Now you can go to the Awwwards NYC conference and immerse yourself in web design and rub elbows with some pretty awesome designers for two days. But you need to mark your calendars now. Tickets for the event – June 16 and 17 in New York City – are likely to sell out. Why Awwwards NYC? This is the top...

How to Create a CSS3 Dropdown Menu

Valeriu Timbuc  •  CSS3, Tutorials  •  April 13, 2016
How to Create a CSS3 Dropdown Menu

Topic: CSS3 Difficulty: Beginner Estimated Completion Time: 20 mins In this tutorial we will code in pure CSS3 the Navigation Menu that you can find in Impressionist UI. Step 1 – HTML Markup We will create an unordered list with a list item and an anchor tag for each menu link. To create the sub menu add another unordered list inside of the list. <ul...

20 Small, Yet Viable Solutions Based on Flexbox

Nataly Birch  •  Scripts  •  April 13, 2016
20 Small, Yet Viable Solutions Based on Flexbox

Flexbox layout is perhaps one of the most long-awaited features in CSS. It is the “talk of the town.” It is suitable for tablet and mobile applications and small-scale layouts, however, its enormous potential allows it to deal with all sorts of projects, including large-scale ones. Its primary task is to efficiently use all the available space by manipulating...

Duotone – Fresh Trend in Website Design

Nataly Birch  •  Website Design  •  April 11, 2016
Duotone – Fresh Trend in Website Design

As Wiki states, a Duotone is a halftone reproduction of an image that brings out its middle tones and highlights. Blue, brown, red and yellow are considered to be the everyday choices. However when it comes to enthusiastic web designers, there is no such thing as common or dominant. As the past several months show, numerous vibrant shades from purple to green are implemented...

How to Create Calendar using jQuery and CSS3

Valeriu Timbuc  •  CSS3, jQuery, Tutorials  •  April 4, 2016
How to Create Calendar using jQuery and CSS3

Topic: jQuery & CSS3 Difficulty: Intermediate Estimated Completion Time: 30 mins In this tutorial we will code the jQuery and CSS3 Calendar that you can find in Futurico UI Pro. To do it we will use CSS for all the styling and for “functionality” we will use jQuery and jQuery UI. From jQuery UI we will only use the “Datepicker” script. So you don’t have to...

20 Amazing ‘Year in Review’ Projects

Nataly Birch  •  Websites Examples  •  April 4, 2016
20 Amazing ‘Year in Review’ Projects

Digital review is a place where infographic style meets the current trends. While traditionally formal assessments are considered to be boring and insipid; however, when it comes to website design sphere, everything takes a whole new look. With different dynamic effects and a bunch of instruments for prettifying interfaces, the statistics-related projects are just destined to...

10 Type Rules for an Excellent User Experience

Carrie Cousins  •  UX Design  •  March 31, 2016
10 Type Rules for an Excellent User Experience

When it comes to websites and apps, good typography is more than just a pretty typeface. Letting has to be highly readable – and scannable – while providing a solid visual connection to the content. It’s a pretty tall order, but something most designers can do with a little practice. Today, we’re going to look at 10 “rules” you can follow to help create an awesome...

How to Create CSS3 Buttons

Valeriu Timbuc  •  CSS3, Tutorials  •  March 30, 2016
How to Create CSS3 Buttons

Topic: CSS3 Difficulty: Beginner Estimated completion time: 30 mins In this tutorial we will be making some cool CSS3 buttons. They are based on the Futurico User Interface and we will try to make a precise copy of them. Let’s get started… Step 1 – HTML The HTML is very simple, we’ll just create 3 anchor tags with the class of ‘button’ and...

How to Start a Web Design Project [Infographic]

Adrian  •  Design, Website Design  •  March 26, 2016
How to Start a Web Design Project [Infographic]

There’s a first time for everything — and it’s finally time for your very first web design project! While landing your first gig is a huge accomplishment in itself, keeping your first client happy requires a whole different set of skills. You’re not just a designer — you’re a project manager, and offering a great customer service experience is essential for...

Introducing Slides 2: the Next Step in Static Website Generators

Adrian  •  Resources  •  March 22, 2016
Introducing Slides 2: the Next Step in Static Website Generators

New and improved, Slides 2.0 is a simple and powerful HTML and CSS framework that lets you easily build beautiful static websites (such as this one) thanks to a flexible modular setup that makes customization a breeze. Bring your site to life with stunning animations and modern design elements. Work efficiently from a clean code base that’s easily...