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.

Create Better CSS Layouts with Flexbox

Create Better CSS Layouts with Flexbox

CSS Flexbox does have a bit of a learning curve, but taking the time to learn the basics is highly recommended. These examples will help you!

8 CSS & JavaScript Snippets for Creating Realistic Liquid Effects

8 CSS & JavaScript Snippets for Creating Realistic Liquid Effects

A collection of liquid effects CSS & JavaScript snippets that are incredibly realistic, while others are reminiscent of a sci-fi fantasy.

25 Lightweight & Minimalist CSS Frameworks Worth Considering

25 Lightweight & Minimalist CSS Frameworks Worth Considering

A collection of lightweight and responsive CSS frameworks that provide everything you need to get started on your next web project quickly.

40+ Best Free Bootstrap Templates & Themes

40+ Best Free Bootstrap Templates & Themes

A collection of the best free Bootstrap 5 templates for you to use on your next web project. All templates come bundled with added extras.

8 CSS & JavaScript Snippets for Bokeh Effects

8 CSS & JavaScript Snippets for Bokeh Effects

Enhance your website’s look with these CSS and JavaScript snippets for creating eye-catching bokeh effects. Perfect for adding visual flair.

8 CSS & JavaScript Snippets for Animating Words

8 CSS & JavaScript Snippets for Animating Words

Explore a collection of CSS and JavaScript code snippets for creating eye-catching animated typographic effects.

8 CSS & JavaScript Snippets for Creating Blur Effects

8 CSS & JavaScript Snippets for Creating Blur Effects

We share some excellent examples of CSS & JavaScript blur effects. They are a surefire way of making a design element stand out.

20+ Free Bootstrap UI Kits

20+ Free Bootstrap UI Kits

A collection of the best free Bootstrap 4 & 5 UI kits that you can use as the starting point of your next web design project.

8 CSS & JavaScript Snippets for Creative Audio & Video Players

8 CSS & JavaScript Snippets for Creative Audio & Video Players

A collection of CSS & JavaScript code snippets for creating incredible HTML5 audio and video players. Feel free to experiment with the source code.

8 CSS & JavaScript Snippets for Creating Gamification Badges

8 CSS & JavaScript Snippets for Creating Gamification Badges

Covering a variety of styles and levels of complexity, we have an amazing collection of gamification badges that have all been built using HTML and CSS.

Many Plugins, Many Styles: Creating a Consistent User Experience with WordPress

Many Plugins, Many Styles: Creating a Consistent User Experience with WordPress

We share techniques for keeping the often opinionated CSS of an installed WordPress plugin from disrupting the UX of your site.

8 CSS & JavaScript Snippets for Creating Paginated Navigations

8 CSS & JavaScript Snippets for Creating Paginated Navigations