10 Pens That Pay Homage to Musical Legends
The biggest inspiration for artists is often the art they consume. What we see and hear has an undeniable impact on the things that we ourselves produce. Web designers are…
Category ArchivesCSS
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 site.
CSS3 is the latest version of CSS, and includes many powerful features and properties that give web designers more control over a web page, without having to rely upon using images or external JavaScript libraries. Features include flexible box, animations, multi-columns, rounded corners, shadows, transitions, gradients, animations, and much more.
Here you will find articles, tutorials, snippets, and collections, covering almost all areas of CSS and CSS3, including flexbox, animation, image filters, responsive toolkits, frameworks, libraries, and so much more.
You might also like to browse our extensive Bootstrap, JavaScript or jQuery archives.
10 Retro Video Games Recreated with HTML5, JS & CSS
Retro games still bring a smile to fans both young and not-so-young. That was evidenced by the wild popularity of 2016’s NES Classic Edition and this year’s Super NES Classic…
10 Code Snippets for Creating Masonry Grid Layouts
Tumblr and Pinterest popularized the masonry grid. It is a common layout style for variable sized images, and it’s a great way to get images to fit nicely into a…
10 CSS Animated Underline Text Effects Snippets
The default CSS underline works great. Who could hate it? But there’s always room to improve things. You may not think there’s a lot you can do with underlines, but…
10 CSS Tooltip Snippets To Save Time On Your Web Projects
Adding a simple tooltip into your page isn’t hard. You can find a bunch of free tooltip plugins and JS scripts that can help with this. But pure CSS is…
10 Code Snippets For Creating Animated Headers & Video Backgrounds
Every great website needs a beautiful header to grab attention. It’s the first thing visitors see, and it’s the only thing encouraging visitors to scroll down. If you want to…
10 Magnificent Code Examples of Morphing SVGs
The ability to morph one shape into another fascinates me. I can still remember the first time I saw it in action. It was Michael Jackson’s “Black or White” video…
10 Simple Code Snippets for Creating Beautiful Tabs
Tabs are a fundamental part of the web, and they’ve been around for years, but with even more developers going open source there’s a whole world of free code snippets…
10 Free Responsive Pricing Table HTML & CSS Snippets
The pricing page is a staple for any online shop. It’s used for SaaS products, service companies, and eCommerce shops all around the web. And no pricing page can be…
10 Free CSS & JS Notification Alert Code Snippets
Strong alert messages are needed for many interfaces. In the past these messages were done using JavaScript alerts that were just annoying. But nowadays we can build some pretty awesome…
Styleguide Toolbox – Templates, UI Kits, Tools & Generators
Styleguides are an essential tool for ensuring that everyone in an organization is on the same page. After all, maintaining a consistent style is vital to brand recognition, readability and…
10 Code Snippets for Creating Beautiful Forms
Every website usually needs some type of form, whether it’s a checkout page or a simple contact page. It’s crucial to make sure your forms work, so usability is #1….