mia, to CSS
@mia@front-end.social avatar

Drafting a post about #CSS variables and mixins, but each time I write "substitute" I get The Who stuck in my head.

lefractal, to CSS
@lefractal@mstdn.social avatar

box-sizing: border-box;
The only sane way. #CSS

Chris, to CSS
@Chris@mastodon.social avatar

I've got a #css question!

Using scroll-driven animations, if I wanted to take these shapes, how could I start them in this position (the dark ones) and transition them to the end position (the lightened ones).

Ideally, the shapes are a part of the three columns, and the animation would be sending them to their "real" position.

This seems like it would be somewhat easy if it didn't have to be responsive.

jensimmons, to CSS
@jensimmons@front-end.social avatar

Web developers and designers,

What are you hoping to see at WWDC next week??

mia, to CSS
@mia@front-end.social avatar

It was lovely meeting so many of you at ! I had a great time. Now off to Spain for CSSWG, and then running a layout workshop at the end of June.

(use the conference hashtag in allcaps for a 10% discount!)

https://www.youtube.com/watch?v=9EDOzJJdxWA

sonny, (edited ) to CSS
@sonny@floss.social avatar

Checkout @alice update on GTK CSS :gtk: 💅

https://blogs.gnome.org/alicem/2024/06/07/css-happenings/

So many goodies 🤩

• variables
• color()
• color-mix()
• relative colors
• rgb, hsl, linear srgb, hwb, oklab, oklch, ...
• math functions
• accent colors

#GTK #CSS #GNOME

aral, (edited ) to SmallWeb
@aral@mastodon.ar.al avatar

:kitten: Say hello to the new Kitten web site! 🎉

https://kitten.small-web.org

Like Kitten itself, it’s a baby but will be evolving quickly as they approach API version 1 together.

Enjoy!

💕

PS. Of course it’s written in Kitten itself. It doesn’t do anything fancy but here’s the source code if you’re interested: https://codeberg.org/kitten/site

#Kitten #SmallWeb #SmallTech #web #dev #html #css #JavaScript #NodeJS #documentation

mobileatom, to CSS
@mobileatom@flipboard.com avatar
sarajw, to CSS
@sarajw@front-end.social avatar

Is this... Is this written by AI? CSS mixins are not (yet) a thing... https://www.csssnap.com/working-css-mixins-beginner-guide/

j9t, to webdev
@j9t@mas.to avatar

From the archives:

37 Theses on CSS and Web Development:

https://meiert.com/en/blog/37-theses/

kubikpixel, to CrystalsHashtags German
@kubikpixel@chaos.social avatar

»Adobe will Zugriff auf Inhalte von Photoshop-Usern:
Der Konzern hat seine Nutzungsbedingungen aktualisiert. Wer zustimmt, gibt dem Unternehmen das Recht, auf seine Daten zuzugreifen.«

Ich empfehle und nutze schon länger @krita, @GIMP, @inkscape, @Blender und/oder @penpot aber ich bin ja kein Grafikprofi. Abgesehen davon wird selten zugegeben, dass die Fixierung auf einen Hersteller nicht unbedingt professionell ist.

🖌️ https://www.inside-it.ch/adobe-will-zugriff-auf-inhalte-von-photoshop-usern-20240606


#adobe #photoshop #copyright #zugriff #grafik

kubikpixel,
@kubikpixel@chaos.social avatar

🧵 …ich hatte weiter oben unter anderem auf @penpot hingewiesen. Um deren infos so wie dessen Einsatz zu lernen, folgt doch deren Videos Account im Fediverse auf @peertube und/oder deren Kanäle der einzelnen Sparten. Somit wird es sicherlich auch ein professionell nutzbare Photoshop Alternative für euch bei der Gestaltung von Webseiten.

[ENG]
📺 @penpot_app
📺 https://peertube.kaleidos.net/w/wEMuvYaf1TBt29hi5PkpvV


mobileatom, to CSS
@mobileatom@flipboard.com avatar

Cap Unit: A look at how I solved a design problem with CSS cap unit. #CSS

https://ishadeed.com/article/css-cap-unit/?utm_source=flipboard&utm_medium=activitypub

Posted into Responsive Design, UX, UI, and more @responsive

sarajw, to books
@sarajw@front-end.social avatar

Aaahhh yes @rachelandrew is going into the problem of placing content in CSS grid, and having it confuse the visual order Vs DOM order, tabbing order, screen reader order.

reading-order-items (CSS Display Level 4) might help. It's in drafting stage. Here's hoping 🙏

Not all possibilities included in pictures attached here, see more at https://drafts.csswg.org/css-display-4/#reading-order-items

#CSSDay #CSS #accessibility

Rachel in front of screen with text "Can we just opt into the order that flex or grid items are laid out?"
Rachel in front of screen with text: reading-order-items: flex visual Follow the visual layout, taking writing mode and direction into account.

symfonystation, to Symfony
@symfonystation@newsletter.mobileatom.net avatar
lukasoppermann, to CSS

A more technical post on color spaces focused on by @argyleink: https://developer.chrome.com/docs/css-ui/high-definition-css-color-guide

However, it manages to explain color spaces very well and show you how to use it in code. Very good if you are working on colors for a .

cssbasics, to CSS
@cssbasics@hachyderm.io avatar

Introducing the anchor positioning API: "Position elements relative to each other using the new anchor positioning API." https://developer.chrome.com/blog/anchor-positioning-api

ashleykolodziej, to CSS

Hey y’all, my search engine skills are failing me here. Is anyone out there doing design systems implementation work using microfrontends and module federation? I’m especially curious about the idea of sharing assets like design tokens this way (not just components). Appreciate any examples or takeaways you can share !

davidbisset, to webdev
@davidbisset@phpc.social avatar

"Here’s What We Learned From the First State of Survey"

https://frontendmasters.com/blog/state-of-html-2023-results-2

"...when asked how they allocated their time between writing HTML/ and JavaScript/TypeScript code, 59% said they spent more than half their time writing – even though the survey was clearly aimed at people interested in HTML."

  • All
  • Subscribed
  • Moderated
  • Favorites
  • JUstTest
  • mdbf
  • ngwrru68w68
  • cubers
  • magazineikmin
  • thenastyranch
  • rosin
  • Durango
  • InstantRegret
  • Youngstown
  • slotface
  • khanakhh
  • kavyap
  • DreamBathrooms
  • provamag3
  • tacticalgear
  • osvaldo12
  • tester
  • modclub
  • normalnudes
  • everett
  • GTA5RPClips
  • ethstaker
  • Leos
  • anitta
  • megavids
  • cisconetworking
  • lostlight
  • All magazines