8 Fantastic Pure CSS Border Effect Code Snippets

Borders are often thought of as small details that are used as a finishing touch to an image or container element. They serve as a nicety, but hardly anything to…
The post 8 Fantastic Pure CSS Border Effect Code Snippets appeared first on Speckyboy Design Magazine.
Using Images to Enhance the CSS Hover Effect

Hover is one of the oldest selectors in the CSS family. While we are accustomed to believing that it only pairs up beautifully with a link, in fact it can…
The post Using Images to Enhance the CSS Hover Effect appeared first on Speckyboy Design Magazine.
Playing with Fire: Examples of Creating Flame Effects with Code

It’s hard to think of a natural (or manmade) phenomena that grabs the attention quite like fire. You see it and can’t look away. Maybe it has something to do…
The post Playing with Fire: Examples of Creating Flame Effects with Code appeared first on Speckyboy Design Magazine.
8 Creative Snippets for Creating Pixelated Backgrounds

Pixels are the building blocks of so much of what we see online. And the more advanced display technology becomes, the more of these tiny squares are shown on our…
The post 8 Creative Snippets for Creating Pixelated Backgrounds appeared first on Speckyboy Design Magazine.
Add Cool Effects with CSS Blend Mode

Web design, and particularly CSS, has taken on a predictable pattern in recent years. First, we create special effects that make heavy use of images, outside libraries or both. Then…
The post Add Cool Effects with CSS Blend Mode appeared first on Speckyboy Design Magazine.
A Chat with Chris Coyier, Web Design Influencer & Entrepreneur

The ability to influence the web design community generally comes via two very different paths. One is to create compelling content that helps others level up their skills by introducing…
The post A Chat with Chris Coyier, Web Design Influencer & Entrepreneur appeared first on Speckyboy Design Magazine.
Beyond Bland: HTML Lists with Style

The HTML list is one of the true survivors in the throwaway world of web design. Trends come and go, but both ordered <ol> and unordered <ul> lists are still…
The post Beyond Bland: HTML Lists with Style appeared first on Speckyboy Design Magazine.
On the Downlow(res): A Showcase of CSS Pixel Art

With display technology currently in a sort of golden age, you may be curious as to why so many of us are still hung up on pixel art. Why, with…
The post On the Downlow(res): A Showcase of CSS Pixel Art appeared first on Speckyboy Web Design Magazine.