List of All the classes in W3.CSS

Are you using Bootstrap? Or W3.CSS? Bootstrap is doing really well past years, but if you have like a very simple website - a small website which needs very little styling, then you may use W3.css.

How to remove photos from a website without changing HTML code only using CSS?

Yes, you can do it using CSS only, however JS would be a great option. There are many ways to do this using CSS, so lets dive in ;)

Before Proceeding, this is a short notice that the image element will be there in HTML - but only styles will make them disappear from the screen view.

Defer Off screen Images in Blogger Using Lazyload Plugin

Every webmaster out there wants to rank his/her website or blog on Google. They put all the efforts in - inpage SEO, Offpage SEO , back links etc.

Make a simple Image Light box in HTML5

×

Its always beautiful to have a Image Light box for your images on your blog.  If the image contain small details, it becomes easy to click on them and view image larger using image light box.

Make pure CSS animation from PNG sequence like GIF

Howdy! Today we are going to make an animation in pure CSS without JavaScript.This will be an sequence of a images that run one after another so that it looks like a animation.We will merge many images into one and will make a vertical(or even horizontal) sequence.We will then crop of the single image and run the sequence so fast that it will look like a GIF image or animation.

Detect The Keyboard Key Clicks In JavaScript

Well, you might have seen on the different websites and web apps that you can control them on keyboard. For example, you can hit spacebar for play/pause the video or F to toggle full-screen. You can apply it to your project too. For that, you need to detect the keyboard clicks in JavaScript.

Make a beautiful Light-box for images in HTML5, CSS and JavaScript

Most of the users get irritated when the click on a photo to view bigger on a website and land straight on the image URL. Then, to read existing post, they have to click the previous button to come back.

How to Make popup for liking Facebook page on Blogger using Sweet Alert2?

So we want something that pops up when the user is about to leave or to enter the email when subscription box opens on our blog? So we are making that with a Javascript framework called Sweet Alert. Sweet Alert is a better way to display output to the user rather than to use the usual JavaScript alert();.

Change cursor styles using CSS

Well we sometime bore using the same same and same cursor or the theme of cursors on every website. Want to try some or make some new sets of cursor for your website or blog? Here's how to do it using CSS.

Make A Calculator In JavaScript

Making a calculator in JavaScript is not have been taught so far. As it supports mathematical calculations. Now, we will make a simple calculator using HTML5, CSS and JavaScript.

How to detect if the user is in Incognito mode using Javascript?

Sometime before, we had talked about the incognito mode in Google chrome browser. Today, we are going to see how we can detect it using simple lightweight JavaScript.

Make objects animate : CSS transition Property

Well, you must already know that CSS now has transition and animation property with it in its new version 3.Here, today we will understand the concept of how easily we can understand the CSS transition property.

Build a HTML 5 Video Player With Custom Controls || Part-2

This is the second part of  ''How to make an HTML 5 video player with custom controls''. For first part head over to the first post.

Create a custom scrollbar with pure CSS

Want to make your existing scrollbar beautiful, responsive and matching with the theme of your blog? Yes! you could too build it without using any JavaScript and only with a little bit of CSS.

Make a Html 5 video player with custom controls

As we know HTML 5 has introduced many new elements including video element, which we are using to display videos on our web pages.Since 2014, the year of a released 5th version of HTML, browsers have also slowly adopted themselves into HTML 5 and now, we are going to see make a media player with our own custom controls.

Top 5 code editors for web development

Code editors play an important role in developing or writing a web application or either. It will become very hard without the code with different colors. So let's start with some of the best 10 code editors(Right now you might be using one of them!).

Make a Image comparison slider

Whenever we have to compare two images , to show before and after images or to differentiates between two image filter we users image comparison slider. For example, If you want to differentiate between HD and SD quality of photos , you use image comparison slider.

Top 5 CSS3 Animation makers Online

While doing CSS animations some developers face a little difficulty or designing CSS animations are quiet hard fore some.So,here is a great article telling you to how to make CSS animations online faster, easier and better then before!

Make a cool swiping animation for your sub-domain title

Hello, friends. If you have already seen a collapsing tittle below in the demo at the very starting of this page, you  have been pleasantly wanting to do this type of title on your own website or blog. Now we are going to see that cool animation that you can use it as a title of your sub domains at a side of your logo. This is a short article giving you a direct CSS and HTML code.
So, first take a look at demo.

Hue Rotation and Invert :CSS filter property

1.1 HUE ROTATION

This filter will apply a hue rotation on your images. The parameter (passed as an angle) will determine the number of degrees around the color circle the images will be adjusted.0 deg is default, and represents the original image. Maximum value is actually 360 deg.(because original image shoes at every 0 deg,360 deg,720 deg ,1080 deg etc.)