Category Coding
Understanding the Basics of HTML: A Beginner’s Guide
If you are interested in web development, HTML is the foundational language you must learn. HTML stands for Hypertext Markup Language. This language enables developers to create web pages that are both attractive and functional. HTML is an essential language…
How to Create a Pure CSS Accordion
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…
3D Buttons with CSS Dropshadow and Transitions
Today I’d like to share some 3d buttons styles, made with CSS drop shadow. I used a box-shadow to simulate the 3d effect and also added some CSS transitions to make it look smooth when you click the buttons. There…
Flexible and Reliable: 20 Fresh and Viable Grid Systems
With such big names as Foundation or Bootstrap templates, it seems that there is no place for other small and less powerful grid systems. However, not every project demands a bunch of functions and properties that are delivered by default…
Using HTML5 Custom Data-Attribute to Manipulate Data
HTML has come a long way. It’s the most remarkable web aspect today. While it comes with a bunch of great new semantic elements with the release of HTML5, it now offers machine-readable data which browser and script can use…
Pure CSS Notification Bars
In today’s tutorial we’re going to take a look at the creation of some pure css notification bars. If you browse the internet on daily bases, which I know you do, I’m sure you’ve saw these notification bars on many…
Create a Pure CSS Image Lightbox
Today I’m going to show you how to create a Pure CSS Image Lightbox. We’re going to use the :target selector for our Lightbox popup. So all we need to do, is create a list of images, that are wrapped in…
Pure CSS Dropdown Menu with FontAwesome Icons
In a previous article, I’ve showed you how to make Pure CSS Dropdown Menu. And one of our readers suggested that we add CSS Transitions to it. But I’ve decided not to add it to that tutorial, Instead I’m making a…
How to Create a Simple jQuery Image Slider
In today’s tutorial, I’m going to show you how to create a simple jquery image slider. We’re going to create one, that uses the next and previous buttons to navigate between the images, and one that has a timer as…