W3Bits https://w3bits.com/ Web Development Tutorials Thu, 28 Nov 2024 11:21:01 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 The Correct way to Toggle Display with JavaScript https://w3bits.com/javascript-toggle-display/ Fri, 08 Apr 2022 16:58:31 +0000 http://w3bits.com/?p=5009 How to toggle display with JavaScript at any given event; bugs in the traditional show/hide method, fixes, and advanced techniques.

The post The Correct way to Toggle Display with JavaScript appeared first on W3Bits.

]]> CSS Flip Animation: Super SMOOTH 3d Flipping Cards https://w3bits.com/css-flip-animation/ Tue, 02 Jun 2020 17:02:31 +0000 http://w3bits.com/?p=4472 Easy-peasy CSS-only 3d Card flip Animation effect with three free, beautiful, downloadable mock-ups. No bootstrap required!

The post CSS Flip Animation: Super SMOOTH 3d Flipping Cards appeared first on W3Bits.

]]> Create jQuery slideToggle in Pure Javascript https://w3bits.com/javascript-slidetoggle/ Wed, 27 Mar 2019 17:14:41 +0000 http://w3bits.com/?p=4325 A detailed tutorial explaining the creation of pure JavaScript SlideToggle feature without any involvement of jQuery or any additional JS library.

The post Create jQuery slideToggle in Pure Javascript appeared first on W3Bits.

]]> The Correct Way to Center-align Web Layouts https://w3bits.com/css-centered-layout/ Fri, 01 Mar 2019 09:27:16 +0000 http://w3bits.com/?p=4280 A how to guide to center a website: the right and robust method to achieve centered layouts with no hacky stuff but just CSS.

The post The Correct Way to Center-align Web Layouts appeared first on W3Bits.

]]> Quick and Beautiful CSS Floating Labels for Input Fields https://w3bits.com/css-floating-labels/ Sun, 30 Dec 2018 12:26:30 +0000 http://w3bits.com/?p=3960 Use these smooth, ready-made pure CSS floating label (or placeholder) effects for HTML form elements and make your forms interact some more with the audience.

The post Quick and Beautiful CSS Floating Labels for Input Fields appeared first on W3Bits.

]]> Load Disqus on Click and Scroll Events https://w3bits.com/load-disqus-on-click/ Fri, 28 Dec 2018 14:37:14 +0000 http://w3bits.com/?p=3971 The right way to load Disqus comments on demand with AJAX on click and scroll events. jQuery and plain JavaScript—both ways covered.

The post Load Disqus on Click and Scroll Events appeared first on W3Bits.

]]> Quickly Create Christmas Snowfall with Pure CSS https://w3bits.com/css-snowfall/ Mon, 24 Dec 2018 19:42:47 +0000 http://w3bits.com/?p=3861 Create floating snowflakes with pure CSS without having to use even one bit of JavaScript.

The post Quickly Create Christmas Snowfall with Pure CSS appeared first on W3Bits.

]]> Left-to-right Masonry Layout using CSS Grid https://w3bits.com/css-grid-masonry/ Sun, 23 Dec 2018 16:58:22 +0000 http://w3bits.com/?p=3681 A tutorial to create a left-to-right masonry layout using CSS Grid Layout properties. Practical and dynamic use case involves a tiny bit of JavaScript.

The post Left-to-right Masonry Layout using CSS Grid appeared first on W3Bits.

]]> 11 Most Beautiful Sublime Text Themes https://w3bits.com/sublime-text-themes/ Thu, 20 Dec 2018 15:43:28 +0000 http://w3bits.com/?p=3548 A showcase of the most beautiful Sublime Text themes and color-schemes--all of these themes are compatible with the latest Sublim Text Build (3176).

The post 11 Most Beautiful Sublime Text Themes appeared first on W3Bits.

]]> CSS Sprites: Creating PNG Sprites and Using with CSS https://w3bits.com/css-sprites/ Sat, 16 Jun 2018 01:08:01 +0000 http://w3bits.com/?p=4711 A beginner's guide to start using CSS sprites, why they are useful for UX and SEO, and free tools to create PNG sprite sheets.

The post CSS Sprites: Creating PNG Sprites and Using with CSS appeared first on W3Bits.

]]>