css

Building a CodePen Type Editor from Scratch https://decode.sh/building-a-code-pen-type-editor-from-scratch #CSS #JavaScript

April 15, 2023

A #CSS selector to highlight clickable elements https://sebastiandedeyne.com/a-css-selector-to-highlight-clickable-elements/ via @sebdd

March 31, 2023

Appreciated this: “#CSS is hard no matter how good you are at it” (via @JonathanStee1) aha.io/engineering/ar…

March 30, 2023

NERD ALERT. Trigonometric functions in #CSS https://web.dev/css-trig-functions/

March 28, 2023

Some really nice tips here from @collinsworth on #CSS animation: https://joshcollinsworth.com/blog/great-transitions

March 27, 2023

Circular Text with #CSS https://dev.to/jh3y/circular-text-with-css-57jf

March 27, 2023

Looks like you can try #CSS nesting (at least in Chrome and Safari) today: https://webkit.org/blog/13813/try-css-nesting-today-i-safari-technology-preview/

March 22, 2023

Nice: Ten tips for better #CSS transitions and animations via @collinsworth https://nicolas-hoizey.com/links/2023/03/21/ten-tips-for-better-css-transitions-and-animations/

March 21, 2023

If you do #CSS or front-end code, this is a nice post on what you can do grid-template-areas: builder.io/blog/css-grid-…

March 13, 2023

#CSS tip: “Zebra Stripe Lines” of text even when they wrap (via @chriscoyier) chriscoyier.net/2023/03/07/zeb…

March 8, 2023

Nice. @chriscoyier turned me on to: https://scrollbar.app Shows off multiple #CSS pseudo-elements that allows us to customize elements scrollbar on WebKit and Blink based browsers.

March 6, 2023

Awesome. Having flashbacks. After Dark Screensavers in #CSS https://www.bryanbraun.com/after-dark-css/

March 5, 2023

transition.css ( argyleink/transition.css )

:octocat: Drop-in CSS transitions Created by argyleink on Jul 28, 2020.

March 4, 2023

transition.css contains 46 pre-built transitions. #CSS #opensource transition.style github.com/argyleink/tran… pic.twitter.com/IhuRpGuaok Video

March 4, 2023

Izmir ( ciar4n/Izmir )

Izmir – An image hover mini CSS library Created by ciar4n on Nov 01, 2019.

March 3, 2023

Izmir is a mini #CSS library allowing you to quickly create image hover elements. https://github.com/ciar4n/Izmir https://ciar4n-izmir.netlify.app/#/

March 2, 2023

Why I 🧡 the web: A “Speak & Spell” on @CodePen. WITH SOUND. Even has dust inside the speaker box. codepen.io/danwilson/full… via front-end.social/@DanCWilson #CSS pic.twitter.com/GxRPELtbmz

February 27, 2023

simple-dark-mode-for-wp-dashboard ( ronilaukkarinen/simple-dark-mode-for-wp-dashboard )

The simplest way to make your WordPress admin dashboard dark Created by ronilaukkarinen on Dec 16, 2021.

February 25, 2023

“Classless” #CSS libraries allow you to apply semantic HTML to apply a nice look. You apply no classes or any other selectors Here's one – Almond.css (looks nice). 👍🏻 https://blog.codepen.io/2023/02/23/classless-css-library-almond-css/

February 23, 2023

Yippie! WebKit now supports #CSS nesting! webkit.org/blog/13813/try… pic.twitter.com/TL8V7hriTS

February 16, 2023

Some cool "shuffling" animation here with the power of #JavaScript and some #CSS. https://github.com/codrops/TypeShuffleAnimation/

February 15, 2023

How to build a magazine layout w/ #CSS Grid areas (via @Pfenya) smashingmagazine.com/2023/02/build-… Some impressive layout options here that DO look like they could be laid out by hand.

February 8, 2023

I like some of the #CSS examples here. Simple, black and white, but cool animations which you can copy and use in your site creations. twitter.com/karks88/status…

February 6, 2023