Animated Scroll to Top with jQuery
In this tutorial we’re going to take a look at the creation of an animated scroll to top with jQuery. As the name says, we’ll be create a button, that appears in the bottom right corner after the visitor starts…
Category Coding
CSS Social Sharing Buttons
In today’s tutorial, we’re going to take a look at how to create social sharing buttons with CSS and HTML. As you know, each social media platform has it’s own sharing button, that use an html tag with a few…
Pure CSS Off Canvas Navigation Menu
In today’s tutorial, we’re going to take a look at the creation of a CSS off canvas navigation menu. First off, what is an off-canvas navigation menu. It’s a menu that is hidden/pushed aside from the screen, so it’s not…
Create a Responsive 2 Column Layout with CSS Flex-box
In a previous article I’ve talked about creating a responsive 2 column layout, using css floats to position our content area and sidebar. In this article, we’ll create the same exact thing, but instead of using css floats for positioning,…
CSS Transparent Background
In today’s tutorial, I’d like to show you how you can create CSS transparent background. We’ll take a look at two methods, one where we’ll use a solid color and make it transparent, and another one, where we’ll use an image…
How to Create a Pure CSS Dropdown Menu
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…
Create a 2 Column Responsive Layout with HTML and CSS From Scratch
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…
How to Add Active Class to a Navigation Menu Based on URL
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…
Style First Letter, Word, Line and Paragraph with CSS and jQuery
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…
How to Pass Data with Ajax to a PHP file
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…