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

How to Create an Interactive Graph using CSS3 & jQuery

Valeriu Timbuc  •  CSS3, jQuery, Tutorials  •  March 22, 2016
How to Create an Interactive Graph using CSS3 & jQuery

Topic: jQuery (Flot) & CSS3 Difficulty: Advanced Estimated Completion Time: 1 hour In this tutorial we will code an Interactive Graph using jQuery and CSS3. We will use the jQuery’s popular plotting plugin “Flot”. Flot is a pure JavaScript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side. This plugin is simple but...

How to Create an Image Slider using jQuery and CSS3

Valeriu Timbuc  •  CSS3, jQuery, Tutorials  •  March 20, 2016
How to Create an Image Slider using jQuery and CSS3

Topic: CSS3 & jQuery Difficulty: Intermediate Estimated Completion Time: 30 mins In this tutorial we will create a Slider with “Nivo Slider jQuery Script” and CSS3. We will use the “Nivo Slider jQuery Script” because it’s a powerful tool and it’s free. This script has 16 transition effects, it’s simple, flexible and have a lot of more nice features. You can...

How to Migrate from Bootstrap Version 3 to 4

Sam Norton  •  Bootstrap, Coding  •  March 14, 2016
How to Migrate from Bootstrap Version 3 to 4

So what do you need to know before migrating from Bootstrap 3 to Bootstrap 4? You’re in luck; today we’ll walk through the changes and new features between versions. The changes you need to make are generally just class renames and some set-up. To save you a lot of time scouring the changelog, I have compiled a list of the things you need to know when migrating...

How to Create Login Form with CSS3 and jQuery

Valeriu Timbuc  •  CSS3, jQuery, Tutorials  •  March 13, 2016
How to Create Login Form with CSS3 and jQuery

Topic: CSS3 & jQuery Difficulty: Intermediate / Advanced Estimated Completion Time: 45 mins In this tutorial we will code the Login Form that you can find in Futurico UI Pro. To create it we will use CSS3 and jQuery. Step 1 – HTML Markup Let’s start creating the HTML markup. Create a form with four inputs (for username, password, checkbox and submit) and wrap the...

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