Researchers from Yale, Stanford and the University of Michigan set out to determine if people would spend more money when presented with simple options or with more complicated ones. As you can guess, the simple options won out. But you don’t even have…
In today’s tutorial we’re going to take a look at an experiment I’ve been working on in the past few days. The basic idea is to have an HTML data table, that has multiple sections, ( group of rows )…
In this tutorial I’m going to show you how to create a pure CSS responsive table. We’ll do it in two steps. First, creating a basic HTML table with some basic CSS styling. Then, we’ll add some HTML5 data attributes…
In this tutorial we’re going to take a look at how can we display the content of the HTML5 data attribute with CSS In a previous tutorial, we took a look at how to use the HTML5 data attribute as selectors…
In this tutorial I’m going to show you how to create Responsive Pure CSS Tabs. We’ll be using Font-Awesome to add icons to the tab labels, so we can hide the text label and leave only the icons on smaller…
There are some nice and useful CSS generators around the web that I think every web designer should use. Why should you use CSS generators? It’s simple, they speed up your workflow, by providing you written code that you…
This is a guest contribution by Addison Cohen To say that an interface design can either create or terminate the success of your application or website will be too mainstream. However, it has to be said that if your product…
The Patros Bootstrap template is no longer available to download. See what it included and how to build a modern version with Bootstrap 5.
The HTML5 data attribute can be used for a lot of things. For example as selectors in jQuery, setting values for a jQuery application and so on. In this tutorial we’re going to take a look at how can we…
Download the free set of 200+ Windows 10 icons from Icons8 as SVG or webfont, how to use them, what the licence allows, and newer alternatives.