Found 130 bookmarks
Custom sorting
Modern CSS Solutions
Modern CSS Solutions
A series examining modern CSS solutions to problems Stephanie Eckles (@5t3ph), a seasoned frontend developer, has been solving for 13+ years.
·moderncss.dev·
Modern CSS Solutions
Using CSS gradients
Using CSS gradients
CSS gradients are represented by the gradient data type, a special type of image made of a progressive transition between two or more colors. You can choose between three types of gradients: linear (created with the linear-gradient() function), radial (created with radial-gradient()), and conic (created with the conic-gradient() function). You can also create repeating gradients with the repeating-linear-gradient(), repeating-radial-gradient(), and repeating-conic-gradient() functions.
·wiki.developer.mozilla.org·
Using CSS gradients
cssdb
cssdb
A comprehensive list of CSS features and their positions in the process of becoming implemented web standards.
·cssdb.org·
cssdb
Subgrid
Subgrid
Level 2 of the CSS Grid Layout specification includes a subgrid value for grid-template-columns and grid-template-rows. This guide details what subgrid does, and gives some use cases and design patterns that are solved by the feature.
·developer.mozilla.org·
Subgrid
CSS Variables - var() Function
CSS Variables - var() Function
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, Python, Bootstrap, Java and XML.
·w3schools.com·
CSS Variables - var() Function
var()
var()
The var() CSS function can be used to insert the value of a custom property (sometimes called a "CSS variable") instead of any part of a value of another property.
·developer.mozilla.org·
var()
Using CSS custom properties (variables)
Using CSS custom properties (variables)
Custom properties (sometimes referred to as CSS variables or cascading variables) are entities defined by CSS authors that contain specific values to be reused throughout a document. They are set using custom property notation (e.g., --main-color: black;) and are accessed using the var() function (e.g., color: var(--main-color);).
·developer.mozilla.org·
Using CSS custom properties (variables)
Digging Into The Display Property: The Two Values Of Display
Digging Into The Display Property: The Two Values Of Display
We talk a lot about Flexbox and CSS Grid Layout, but these layout methods are essentially values of the CSS `display` property, a workhorse of a property that doesn’t get a lot of attention. Rachel Andrew takes a better look in a short series.
·smashingmagazine.com·
Digging Into The Display Property: The Two Values Of Display
CSS Shapes Resources
CSS Shapes Resources
Documentation & Guides: CSS Shapes - MDN Overview of CSS Shapes - MDN -MDN shape-image-threshold -MDN shape-margin - MDN shape-outside - MDN CSS Shapes Module Level 1...
·codepen.io·
CSS Shapes Resources
CSS values and units
CSS values and units
There are a common set of values and units that CSS properties accept. The majority of these are defined in the CSS Values and Units specification. This document details these, with some basic information about how they are used. Refer to the page for each value type to read detailed information.
·developer.mozilla.org·
CSS values and units
A Guide To CSS Support In Browsers
A Guide To CSS Support In Browsers
It can be frustrating when you want to use a feature and discover that it is not supported or behaves differently across browsers. In this article, Rachel Andrew explains how CSS is evolving to make it easier to deal with them.
·smashingmagazine.com·
A Guide To CSS Support In Browsers
CSS Functions Reference
CSS Functions Reference
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, and XML.
·w3schools.com·
CSS Functions Reference
CSS Selectors Reference
CSS Selectors Reference
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, and XML.
·w3schools.com·
CSS Selectors Reference
CSS Combinators
CSS Combinators
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, and XML.
·w3schools.com·
CSS Combinators
Axiomatic CSS and Lobotomized Owls
Axiomatic CSS and Lobotomized Owls
Managing flow content can get unwieldy—too many class selectors can become a specificity headache, nested styling can get redundant, and content editors don’t always understand the presentational markup. Heydon Pickering offers an unexpected option for handling cascading styles more efficiently: a variation on the universal selector.
·alistapart.com·
Axiomatic CSS and Lobotomized Owls
An Introduction and Guide to the CSS Object Model (CSSOM)
An Introduction and Guide to the CSS Object Model (CSSOM)
If you've been writing JavaScript for some time now, it's almost certain you've written some scripts dealing with the Document Object Model (DOM). DOM How to use the CSS Object Model (CSSOM) to read and manipulate inline styles and CSS from exertnal stylesheets.
·css-tricks.com·
An Introduction and Guide to the CSS Object Model (CSSOM)
calc()
calc()
The calc() CSS function lets you perform calculations when specifying CSS property values. It can be used anywhere a length, frequency, angle, time, percentage, number, or integer is allowed.
·developer.mozilla.org·
calc()