chrome://new-tab-page/
CSS
mike foskett on CodePen
Ex front-end bagger f' devil's grocer.
Pure
Pure is a ridiculously tiny CSS library you can use to start any web project.
The Best Looking CSS Animated Background Examples
This article, we.ve selected CSS animated background for different levels of developing skills and sure everyone will find something.
Awesome Looking CSS Hover Effects for You
CSS hover effects allow elements to load quickly. Most web designers prefer CSS animations as they are easy to employ.
8 CSS & JavaScript Snippets for Making the Search Field Sexy
We have a collection of snippets that take the humble search field up a notch. From simple CSS aesthetic enhancements all the way to JavaScript-infused UIs.
10 Exciting CSS & JavaScript Page Transition Effects
These CSS & JS page transition snippets are great for keeping the user interested as new content loads, while having a minimal impact on performance.
10 Advanced Image Hover Effects with CSS & JavaScript
We show you some truly creative CSS snippets that web designers are using to integrate image hover effects into the UI of their websites.
The latest in CSS and web UI: I/O 2024 recap | Blog | Chrome for Developers
Read all of the CSS and Web UI announcements from Google I/O 2024.
CSS Tip: Learn CSS the easy way
The best place to keep up to date with the new CSS features. Daily CSS tips and tricks to become a better web developer.
Theme Machine: A CSS Color Palette Tool
Introducing a new tool for generating color palette custom properties
CSS @property and the New Style
An exploration of the newly supported at-rule for explicitly defining and animating custom properties in CSS.
How to hide an element when display: none doesn't work
Here's the deal. I have troubles while trying to hide a paragraph element with a class"text".Link to the pen I've tried display:none but it didn't work for me either.
<style>
.img {
...
Sass: Syntactically Awesome Style Sheets
Syntactically Awesome Style Sheets
CSS Selector Cheat Sheet and CSS Selector Shortcuts Online
CSS selector cheat sheet is a document that provides help in understanding and using CSS selectors.
Box Shadow CSS Generator | CSSmatic
-webkit-box-shadow: 0px 1px 15px 0px rgba(130,130,130,1);-moz-box-shadow: 0px 1px 15px 0px rgba(130,130,130,1);box-shadow: 0px 1px 15px 0px rgba(130,130,130,1);
The 30 CSS Selectors You Must Memorize
Have you learned the base id, class, and descendant CSS selectors and then called it a day? If so, you’re missing out on a huge amount of flexibility. Commit these advanced CSS selectors to memory!
The horizontal overflow problem
My good friend, Wei, has a pet peeve: unintended horizontal over-scrolling on mobile. Which is very different from intentional horizontal scrolling on mobile.
The 30 CSS Selectors You Must Memorize
Learn CSS: The Complete Guide
We've built a complete guide to help you learn CSS, whether you're just getting started with the basics or you want to explore more advanced CSS.
CSS Selectors
So...
Hover.css - A collection of CSS3 powered hover effects
Comparing Various Ways to Hide Things in CSS | CSS-Tricks
You would think that hiding content with CSS is a straightforward and solved problem, but there are multiple solutions, each one being unique.
Simple.css Demo
A showcase of Simple.css formatting in action and how to use it.
simple.css/simple.css at main · kevquirk/simple.css · GitHub
gilbitron/flexmasonry: A lightweight masonry (cascading grid layout) library powered by flexbox.
A lightweight masonry (cascading grid layout) library powered by flexbox. - gilbitron/flexmasonry: A lightweight masonry (cascading grid layout) library powered by flexbox.
CSS Links - W3Schools online HTML editor
The W3Schools online code editor allows you to edit code and view the result in your browser
W3Schools CSS grid-gap demonstration
curiositry/timeless-style-css-framework: A solid + satisfying sass starting point for stable and sane stylesheet architecture.
A solid + satisfying sass starting point for stable and sane stylesheet architecture. - curiositry/timeless-style-css-framework: A solid + satisfying sass starting point for stable and sane stylesh...
Ridiculously easy row and column layouts with Flexbox
Write really easy row and column layouts with Flexbox
Center Background Images in CSS
This tutorial introduces how to center background images in CSS
CSS Accordion Examples That Are Amazing and Open Source
CSS accordion boxes hide a text or information by default and reveal them if requested. Thanks to its practical design.