I recently figured it would be cool to make an image placeholder that looks like it’s on top of other images. I decided to fiddle around with the :before and :after pseudo-class selectors. I quickly figured out that you apparently can’t use these...
Thanks to CSS3, our design and development options have grown a lot. In this tutorial I will how you how to make a transparent glass menu bar with CSS3. The demo can be seen below. For this demo, I wanted...
Hi all, in this demo I will show you how I made some glowing lights purely in CSS. The demo and source code is available below, feel free to use it however you like! As you can see this is...
Today, just for fun, let’s make a nice pure CSS loader animation using Sass and Compass. A demo is included below. Note: If the demo doesn’t seem right. Hover over it and press “Rerun” in the bottom right corner. This...
Here is a little experiment I did when I was fiddling around with adjusting element properties using Sass in a for-loop. The HTML This effect can easily be done in a few simple lines. In this particular example I created...
Hello everyone, in this article I will go over some of the details of the following codepen demo where I created a header by using the SVG Blur filter. The source code is readily available from the demo widget above...
In this tutorial I will how you how to create perfect CSS hexagons in any size using transform and calc(). This method doesn’t make use of borders and dynamically calculates the essential values like the width and positioning based on...
In this tutorial I will show you how you can implement custom cursors with some really simple CSS and JavaScript using jQuery. Both the demo and source can be found below. The source is really simple so I will go...
In this tutorial I will show you how to make a full-screen responsive gallery using CSS and Masonry. Besides for an image gallery, this technique can also be used for things like articles, profile displays, posts, … A demo and...
In this article I will show you how to center vertically and horizontally using CSS3 transform property. Centering horizontally is easy, but vertical alignment has always been a bit tricky with CSS. I created a class for this that I...
Frameworks and Libraries for Deep Learning
29 Jul, 2015
Intro to the HTML5 Speech Synthesis API
19 Oct, 2014
Implementing Full-Text search in Laravel
30 Dec, 2013