10 Code Snippets For Creating Animated Headers & Video Backgrounds

Every great website needs a beautiful header to grab attention. It’s the first thing visitors see, and it’s the only thing encouraging visitors to scroll down. If you want to…
The post 10 Code Snippets For Creating Animated Headers & Video Backgrounds appeared first on Speckyboy Web Design Magazine.
10 Magnificent Code Examples of Morphing SVGs

The ability to morph one shape into another fascinates me. I can still remember the first time I saw it in action. It was Michael Jackson’s “Black or White” video…
The post 10 Magnificent Code Examples of Morphing SVGs appeared first on Speckyboy Web Design Magazine.
10 Free CSS & JS Notification Alert Code Snippets

Strong alert messages are needed for many interfaces. In the past these messages were done using JavaScript alerts that were just annoying. But nowadays we can build some pretty awesome…
The post 10 Free CSS & JS Notification Alert Code Snippets appeared first on Speckyboy Web Design Magazine.
10 Free CSS Loading Spinner Snippets For Web Designers & Developers

Custom spinners are a fun way to breathe life into your pages. You can find plenty of custom sites offering free spinners as GIFs. But what if you want to…
The post 10 Free CSS Loading Spinner Snippets For Web Designers & Developers appeared first on Speckyboy Web Design Magazine.
10 CSS & JavaScript Snippets for Beautiful Syntax Highlighting

We’re all familiar with desktop coding software and web IDEs. These feature syntax highlighting to make writing code & debugging easier. But did you know that you can take the…
The post 10 CSS & JavaScript Snippets for Beautiful Syntax Highlighting appeared first on Speckyboy Web Design Magazine.
10 Examples of Unorthodox Shapes Created with CSS

Sometimes it feels like we have a lack of creativity when it comes to building CSS containers. They’re either round, somewhat-round, square or rectangular. They get the job done, but…
The post 10 Examples of Unorthodox Shapes Created with CSS appeared first on Speckyboy Web Design Magazine.
9 Free Progress Bar JavaScript Plugins For Web Designers

Progress bars can be used for loading pages, pulling Ajax content, or for handling basic user input tasks like file uploads. The newer HTML5 progress bars make it super easy…
The post 9 Free Progress Bar JavaScript Plugins For Web Designers appeared first on Speckyboy Web Design Magazine.
10 Open Source Login Pages Built With HTML5 & CSS

Designing a quick login page may not seem like much. It’s just a form and a submit button after all. Yet if you dig into various login form pages you’ll…
The post 10 Open Source Login Pages Built With HTML5 & CSS appeared first on Speckyboy Web Design Magazine.