In today’s tutorial I’ll take you over the steps of creating a pure css dropdown menu. We’ll be using CSS2.1 properties mostly. Altho I’ll show you an extra little trick to add a + icon to those navigation items that…
Responsive design has become a must for a website these days. More than 50%+ of the people who have access to internet use some kind of mobile device, such as tablets, phones etc. And if your website is does not respond…
Today I’d like to share some 3d buttons styles, made with css dropshadow. I used box-shadow to simulate the 3d effect and also added some css transitions to make it look smooth when you click the buttons. There’s 8 buttons…
When we’re creating a navigation menu for a website, it’s always good to make it so the visitors or user on the website knows on which page or part of the site he is on. This can be accomplished by adding…
In this tutorial, I’m going to show you how you can style the first letter of a word, the first word of a paragraph, the first line of a paragraph and the first paragraph on a page. Style the first…
In today’s tutorial, I’m going to show you, how to Pass Data with Ajax to a PHP file and process it. Using this method, you can retrieve data from a database, and run other PHP scripts using the values of…
In today’s tutorial, I’m going to show you how to create a Responsive, Fixed and Resizing Header. I got the idea for this tutorial, by reading Nick’s Animated Resizing Header On Scroll tutorial about it. In the tutorial, he uses simple…
In today’s tutorial we’ll be taking a look at how to triggering a function on mouse leaving the browser window. What can this be used for? Well, for example you can use it to trigger a popup when your visitors want…
In a previous tutorial I showed you how you can create a Pure CSS Image Lightbox, and we used the CSS :target selector. Today I’m going to show you how you can create a Pure CSS Accordion using the same…
