Category Archives

CSS

Where HTML elements give a web page structure, CSS (Cascading Style Sheets) controls how those HTML elements are presented on that web page. A style sheet can be applied to any web page and makes it much easier to edit and manage the appearance and layout of a multi-page website.

Here you will find collections of articles, tutorials, snippets, covering almost all areas of CSS, including flexbox, grid, animation, image filters, responsive toolkits, frameworks, libraries, and so much more.

Styleguide Toolbox – Templates, UI Kits, Tools & Generators

Styleguide Toolbox – Templates, UI Kits, Tools & Generators

CSS

A consistent style is vital to brand recognition, readability and looks more professional. We’ve many free templates, UI kits, and tools to create your own.

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…

10 Free Material Design Web Frameworks Worth Considering

10 Free Material Design Web Frameworks Worth Considering

CSS

We have collected the best free web design frameworks that will allow you to quickly create your next Material Design styled web and mobile app project.

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…

10 CodePen Snippets Especially for Science Geeks

10 CodePen Snippets Especially for Science Geeks

CSS

Science, technology and design are all natural companions. So it makes perfect sense that many of us in the design field are fascinated by tech and the science that makes…

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.

10 Beautiful Examples of Particle Animation in Web Design

10 Beautiful Examples of Particle Animation in Web Design

CSS / JavaScript

Taking the Web by storm, particle animations managed to carve out quite a niche for themselves several years ago. The massive current obsession with designs that have a high-tech vibe…

20 Beautifully Designed Free Web Fonts

20 Beautifully Designed Free Web Fonts

CSS / Fonts
Previous Page1617181920Next Page