Topic Archives

CSS Snippets

From animation to responsive design, find the perfect CSS code snippet for your web design project and streamline your development process.

View all CSS content

Code as an Ode to Hackers

Code as an Ode to Hackers

CSS / JavaScript / UI Design

Over the last 40 years or so, it seems that society has become fascinated by the art hacking.  Of course, the nefarious kind is always of concern when it comes…

Boom! Examining Explosions in Web Design

Boom! Examining Explosions in Web Design

CSS / Inspiration / UI Design

There are many ways to grab the audience’s attention. We are spoiled with choice, even though the current state of technologies is still imperfect. We are experiencing some browser compatibility…

10 Examples of High-End Artwork Recreated with Code

10 Examples of High-End Artwork Recreated with Code

CSS / JavaScript / UI Design

They say that code is poetry. While that may be the case, code can also be used as a building block for other artforms as well. Combining code with more…

Code Snippets That Pay Homage to Apple Devices

Code Snippets That Pay Homage to Apple Devices

CSS / JavaScript / UI Design

As much as we associate Apple with its handheld devices these days, their history is filled with a great depth of other compelling products. Desktops, laptops, even printers and monitors….

10 Examples of Generating Randomness with Code

10 Examples of Generating Randomness with Code

CSS / UI Design

Since the very first programming languages, coders have used them to generate things at random. While common examples such as numbers and letters immediately come to mind, there is so…

On the Downlow(res): A Showcase of CSS Pixel Art

On the Downlow(res): A Showcase of CSS Pixel Art

CSS / JavaScript / UI Design

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…

Keeping Time: A Collection of Clock and Timer Code Snippets

Keeping Time: A Collection of Clock and Timer Code Snippets

CSS / JavaScript / UI Design

The act of displaying time is quite popular on the web. But it’s not at all limited to what we typically wear on our wrist or hang on the wall….

Fun Examples of CSS Imitating Print Design

Fun Examples of CSS Imitating Print Design

CSS / JavaScript / UI 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,…

Bringing the Curtain Effect to Your Website with These Snippets

Bringing the Curtain Effect to Your Website with These Snippets

CSS / JavaScript / UI Design

The curtain effect will not make your design pop or amaze users, but certainly can engage visitors, smarten the design, and enrich the user experience.

Shining Examples of the Flashlight Effect Web Design Trend

Shining Examples of the Flashlight Effect Web Design Trend

Inspiration / UI Design / Web Design

2019 has already seen numerous tiny trends where the mouse cursor played first fiddle: mouse trails, repelling effects, interactive 3D globes and fantastic hover effects – to name a few….

Using Shaders to Create Realistic Special Effects in Web Design

Using Shaders to Create Realistic Special Effects in Web Design

JavaScript / UI Design / Web Design

WebGL has become the subject of experimentation and testing the limits of what is possible on the web. Almost each day we stumble upon grandiose solutions powered by it. As…

How to Create a Vertical Slide-Out Menu with CSS Transitions

How to Create a Vertical Slide-Out Menu with CSS Transitions

Web Design
Previous Page13141516Next Page