Fun Examples of CSS Imitating Print Design

There’s still some value in having a document or other printed product that you can hold in your hand. And as much as the web has promised a “paperless” world,…
The post Fun Examples of CSS Imitating Print Design appeared first on Speckyboy Web Design Magazine.
8 Snippets That Show the Power of CSS Grid

By now, we’ve seen some impressive examples of what CSS Grid can do. But it seems like we’re just starting to scratch the surface of what this newfangled way of…
The post 8 Snippets That Show the Power of CSS Grid appeared first on Speckyboy Web Design Magazine.
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.