Andor Nagy

Andor Nagy

Front-end Designer, WordPress fanatic, with a huge passion for biking. You can follow him on Twitter.

Create Responsive jQuery Tabs

In this tutorial I’m going to show you how to create simple jquery tabs. Before, I showed how you can create Pure CSS Tabs, Pure CSS Accordion and also how to create Simple jQuery Accordion. [tutorial_details] To create our tabs, we’re…

Diamond Grid Style with CSS and HTML

Diamond Grid

Today I want to show you a really neat CSS grid style, called the diamond grid. I saw a tutorial for this first on 1stwebdesigner by Sam Norton. While I followed his tutorial, I noticed that he’s using an unordered list to achieve…

Create a Simple jQuery Modal Window

In today’s tutorial we’re going to take a look at how to create a simple jquery modal window. In a previous tutorial I’ve shown you how to create a pure css modal window, in this tutorial we’re going to use…

Free Download: Spicy Treats UI Kit

It’s been a very long time since I’ve shared a premium quality freebie with you guys. Thanks to the guys at PixelKit who gave me a spicy treats UI kit to give to you guys for free! The Spicy Treats…

Data Table with Collapsible Table Rows

Data Table with Collapsible Table Rows

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 a html data table, that has multiple section, ( group or rows )…

Pure CSS Responsive Tables

pure css responsive table

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…

Display HTML5 data-attribute with CSS

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…

How to Create Responsive Pure CSS Tabs

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…