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.

The CSS Practices That Can Hurt Accessibility

The CSS Practices That Can Hurt Accessibility

CSS

We take a look at a few CSS practices that can hurt accessibility, including common features that will require careful consideration.

8 Code Snippets for Creating Amazing Patterns with CSS

8 Code Snippets for Creating Amazing Patterns with CSS

CSS / UI Design

Patterns are among the most flexible design assets. They can be the star of the show or fit neatly into the background. As such, they can also range from minimal…

8 CSS & JavaScript Snippets that Celebrate the Sky & Outer Space

8 CSS & JavaScript Snippets that Celebrate the Sky & Outer Space

CSS / JavaScript / UI Design

The natural world has always served as a great source of inspiration. And we can see some of its most amazing wonders by looking up towards the heavens. A crystal-blue…

8 HTML Code Snippets for Creating Responsive Newsletter Templates

8 HTML Code Snippets for Creating Responsive Newsletter Templates

CSS / UI Design

A collection of HTML code snippets that give you a great starting point for creating your own responsive newsletters templates.

8 CSS & JavaScript Snippets for Creating eCommerce Microinteractions

8 CSS & JavaScript Snippets for Creating eCommerce Microinteractions

CSS / JavaScript / UI Design

A collection of code snippets for adding simple microinteractions to your eCommerce store. Improve the UX of your online store!

10 CSS, JavaScript & SVG Snippets for Creating Logos

10 CSS, JavaScript & SVG Snippets for Creating Logos

CSS / JavaScript / Logo Design / UI Design

We take a look at 10 examples of logo design built with CSS, JavaScript and SVG. Some are originals, others are from well-known brands. All are amazing!

8 CSS & JavaScript Snippets for Texture & Pattern Effects

8 CSS & JavaScript Snippets for Texture & Pattern Effects

CSS / JavaScript / UI Design

We have a fantastic collection of free-to-use CSS and JavaScript code snippets that you can use to create highly creative patterns & textures.

8 CSS & JavaScript Snippets for Creating Interactive Timelines

8 CSS & JavaScript Snippets for Creating Interactive Timelines

CSS / JavaScript / UI Design

These CSS & JavaScript snippets demonstrate that timelines can be incredibly versatile. From minimally formatted layout to a fully animated experience.

10 CSS & JavaScript Snippets for Page Transition Effects

10 CSS & JavaScript Snippets for Page Transition Effects

CSS / UI Design

A collection of CSS and JavaScript snippets for creating page transitions that you can use to add something exciting to your next project.

8 CSS & JavaScript Snippets for Social Media Icons & Buttons

8 CSS & JavaScript Snippets for Social Media Icons & Buttons

CSS / JavaScript / UI Design

Customize your website with unique social media icons using CSS and JavaScript. Stand out with personalized icons that match your brand.

8 Pure CSS Games You Can Play in Your Browser

8 Pure CSS Games You Can Play in Your Browser

CSS / UI Design

A collection of the best pure CSS games currently available. They range from the stupefyingly simple all the way to “wow, CSS can do that?”

8 CSS & JavaScript Snippets for Awesome Reveal Effects

8 CSS & JavaScript Snippets for Awesome Reveal Effects

CSS / JavaScript / UI Design

A collection of copy and paste CSS and JavaScript code snippets for creating animated reveal effects.

8 CSS & JavaScript Snippets for Creating 3D Text Effects

8 CSS & JavaScript Snippets for Creating 3D Text Effects

CSS / JavaScript / UI Design

A collection of CSS and JS snippets for creating beautiful 3D text effects. They run the gamut from calm and classy to outrageously animated.

8 CSS & JavaScript Snippets for Wild & Crazy Backgrounds

8 CSS & JavaScript Snippets for Wild & Crazy Backgrounds

CSS / JavaScript / UI Design

We take a look at an area that will grab your attention: wild and crazy background patterns built with CSS and JavaScript. No subtlety here.

How to Target Design Elements with the CSS :not Pseudo-Class

How to Target Design Elements with the CSS :not Pseudo-Class

CSS / UI Design

:not allows you to target elements that do not match a list of provided selectors. The result is more control over niche design features.

8 CSS & JavaScript Snippets for Creating Animated Progress Bars

8 CSS & JavaScript Snippets for Creating Animated Progress Bars

CSS / JavaScript / UI Design

A collection of copy and paste CSS and JavaScript code snippets for creating dynamic progress bars.

The Importance of Keeping Up with the Latest CSS Techniques

The Importance of Keeping Up with the Latest CSS Techniques

CSS

Even if your current solutions work adequately, there are still reasons to invest in learning the latest CSS techniques.

8 CSS & JavaScript Snippets for Creating Complex Gradients

8 CSS & JavaScript Snippets for Creating Complex Gradients

CSS / JavaScript / UI Design
Previous Page1234Next Page