8 Ways to Make the Search Field Sexy with CSS

The search field is very much a utilitarian part of your average website. But that doesn’t mean it should be ignored. Quite the contrary. Search provides users with a simple…
The post 8 Ways to Make the Search Field Sexy with CSS appeared first on Speckyboy Web Design Magazine.
8 Stunning CSS & JavaScript Code Snippets for Enhancing Illustration

Illustrations can bring a highly-artistic style to any website. Whether hand-drawn or created digitally, these images can help us tell a story and convey ideas. By itself, a great illustration…
The post 8 Stunning CSS & JavaScript Code Snippets for Enhancing Illustration appeared first on Speckyboy Web Design Magazine.
A Collection of Unique Password Field & Form Utility Code Snippets

If your website enables users to have their own accounts, then passwords are an important part of both security and the UI. You’ll certainly want users to adopt strong passwords…
The post A Collection of Unique Password Field & Form Utility Code Snippets appeared first on Speckyboy Web Design Magazine.
Our 50 Favorite CSS Frameworks, Libraries & Tools from 2018

With all of the changes and rapid advancements CSS has gone through over the last few years, we should not be surprised at the vast volume of open-source resources and…
The post Our 50 Favorite CSS Frameworks, Libraries & Tools from 2018 appeared first on Speckyboy Web Design Magazine.
10 Examples of Interactive Skeuomorphic Design Elements

Skeuomorphism is the practice of using realistic elements in your design. For example, you might want to build a UI that resembles an object like a car or a computer….
The post 10 Examples of Interactive Skeuomorphic Design Elements appeared first on Speckyboy Web Design Magazine.
10 Pens That Pay Homage to Musical Legends

The biggest inspiration for artists is often the art they consume. What we see and hear has an undeniable impact on the things that we ourselves produce. Web designers are…
The post 10 Pens That Pay Homage to Musical Legends appeared first on Speckyboy Web Design Magazine.
10 Code Snippets for Creating Masonry Grid Layouts

Tumblr and Pinterest popularized the masonry grid. It is a common layout style for variable sized images, and it’s a great way to get images to fit nicely into a…
The post 10 Code Snippets for Creating Masonry Grid Layouts appeared first on Speckyboy Web Design Magazine.
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.