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

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