![Float Placeholder with CSS – Live Demo](https://w3bits.com/wp-content/themes/w/assets/images/default-thumb.jpg)
Float Placeholder with CSS – Live Demo
A quick demo to some CSS floating placeholder effects. No JavaScript was involved in the making of these smooth effects.
![Live Demo of loading Disqus Comments on Button-click](https://w3bits.com/wp-content/themes/w/assets/images/default-thumb.jpg)
Live Demo of loading Disqus Comments on Button-click
This is the live demonstration of loading Disqus comments on "click" event. Click the button below and test it yourself.
![Lazy Loading Disqus Comments on Scroll [Live Demo]](https://w3bits.com/wp-content/themes/w/assets/images/default-thumb.jpg)
Lazy Loading Disqus Comments on Scroll [Live Demo]
This is a quick demonstration of how we lazy load Disqus comments with JavaScript when the user scrolls down the document window.
![CSS-only Social Navigation using SVG Icons](https://w3bits.com/wp-content/themes/w/assets/images/default-thumb.jpg)
CSS-only Social Navigation using SVG Icons
A quick and simple social navigation built using SVG icons. Icons are rendered using an SVG sprite, which is created using IcoMoon App.
![Pure CSS Floating Snowflakes [Live Demo]](https://w3bits.com/wp-content/themes/w/assets/images/default-thumb.jpg)
Pure CSS Floating Snowflakes [Live Demo]
Floating Snowflakes created using just CSS and not a single bit of JavaScript. Sass is used in the making of this demo.
![Simple Responsive Horizontal Masonry with CSS Grid](https://w3bits.com/wp-content/themes/w/assets/images/default-thumb.jpg)
Simple Responsive Horizontal Masonry with CSS Grid
A simple masonry in horizontal order created using CSS Grid module. No JavaScript is involved in the making of this masonry grid.
![An Image-only Masonry in Horizontal Order with CSS Grid](https://w3bits.com/wp-content/themes/w/assets/images/default-thumb.jpg)
An Image-only Masonry in Horizontal Order with CSS Grid
Image-only CSS Grid made using CSS Grid properties and a tiny bit of JavaScript. The ordering of masonry items is from left-to-right.
![Perfect Horizontal Masonry With CSS Grid + JavaScript](https://w3bits.com/wp-content/themes/w/assets/images/default-thumb.jpg)
Perfect Horizontal Masonry With CSS Grid + JavaScript
A practical left-to-right masonry created using CSS Grid module and a tiny bit of JavaScript. It is totally responsive and fits well on any screen-size.
![10 Cool Image Hover Effects in CSS with Zoom](https://w3bits.com/wp-content/themes/w/assets/images/default-thumb.jpg)
10 Cool Image Hover Effects in CSS with Zoom
A bunch of some cool mouseover zoom effects for images pulled with just plain CSS and nothing more. Demo the effects and then grab the code for free!
![Holy Grail Layout with Flexbox](https://w3bits.com/wp-content/themes/w/assets/images/default-thumb.jpg)
Holy Grail Layout with Flexbox
« Previous Demo Simple Holy Grail Layout with Flexbox (3-columns) Next Demo » This content is to represent the content area of our Holy grail layout built with CSS Flexbox properties. This section is given a maximum width (max-width) of 60%, as each of the two sidebars carry 20% width, totalling 40%. The layout automatically […]
We push blog updates with the help of Feedburner. You'll get a notification every time a post gets published here.