Some small css tips #003

Some small css tips #003

To continue on my previous post here are some more tweets with little Css tips that might help you in your projects.

Attribute selections

Check out the full documentation here: developer.mozilla.org/en-US/docs/Web/CSS/At..


Missing attribute selection

Text version is here: gist.github.com/vanaf1979/743529e1910c7f39e..

Css :not() documentation: developer.mozilla.org/en-US/docs/Web/CSS/:not

To check for more a11y issues i recommend you check out checka11y.css github.com/jackdomleo7/Ch


Left aligning your html lists

Full text version is here: gist.github.com/vanaf1979/f1107b152e21560ac..


Simple columns

Full text version is here: gist.github.com/vanaf1979/27ce8660def0de2c5..


Full text version: gist.github.com/vanaf1979/1f73caabf97a70ee9..

Attribute selectors docs: developer.mozilla.org/en-US/docs/Web/CSS/At..

Font Awesome with pseudo-selectors docs: fontawesome.com/how-to-use/on-


Responsive headers with clamp

Live example in CodePen > codepen.io/Since1979/pen/KKgQzKw?editors=1100

Css Clamp Docs > developer.mozilla.org/en-US/docs/Web/CSS/cl..

Css Clamp browser support > caniuse.com/?search=Clamp


Want more of this?

If you would like to have these tips, and other stuff, in your twitter timeline come and follow me @Vanaf1979. If you just want the gist you can follow me here on hashnde as well. Or you could check out my blog at Sinse1979.dev

Thanks for reading and stay safe.