Pretty happy how my HTML DM screen pages turned out and are even printable. Here's the last page.

CSS border-image-source and slices used with the box border ( not your 00's average borders anymore ).

Note: CSS mix-blend-mode: multiply used on the AI illustration (I suck at drawing) to let the white pass through as transparent to get a look it's painted on top of the paper.

Works on both A4 and Letter size.

really the more I use it, the more convinced I am that #CSS #Flexbox makes #WebDesign fun again. being able to go from a 2 column layout nav-left, content-right as flex: row, to a stacked single column layout with content above nav as flex: column-reverse, with a single at query in the CSS is a real hoot.

Every time I find a way to use it, theres SO many problems from the past it solves.

Am I the only one who gets heavily confused that – to position a flex item – I have to align the items and justify the content. No, uhm, I align the content and justify the items? I'm sure there is logic behind this! But hey: What do you think? Which is the correct way to do the same alignment with grid?

This. Is. Not. Logical.

If I’m blunt with myself I’ve already bit off more than I can reasonably chew in a reasonable amount of time, lol.

#blog #design #gallery #artwork #shop #products #records #magazine #photos #objects #posts #uses #now #blogroll #projects #ecommerce #cms #relatedPages #grid #flexbox #css #ally #php oh, and #coffee

Laura’s* Penpot** session, Introduction to Flex and Grid Layout, will be live streamed via Peertube tomorrow from 2-3 PM UTC at https://peertube.kaleidos.net/w/g5F9Se2PK2934EFrLSuJ16

* @laura
** @penpot

NEU: Einstieg in HTML und CSS in der 3. Auflage

Ende August 2024 erscheint die 3. Auflage des »Einstieg in HTML und CSS«. Dieser Beitrag stellt das Buch vor und zeigt, was es Neues gibt.

#Barrierefreiheit #CSS #Flexbox #Grid #HTML #ResponsiveGrafiken #Rheinwerk

https://pmueller.de/einstieg-in-html-und-css-2024/

#flexbox is fucking magical. with, like, 3 lines of css, i have a horizontal navbar

#Flexbox is insanely fun. I just modified my #booklog, my #homepage, my #blogroll and some other sections thanks to it.

Once I understood it, my eyes were opened!

What do you guys think?

#CSS #Flexbox cheatsheet from https://css-tricks.com

Just wasted an hour debugging some #CSS #flexbox stuff because a client had "
" ([U+2028]) in a docx with their data. How does that even get in there? It's not a client that's very savvy in #IT, so I don't think they're trolling me?

If you ever feel lost in the #CSS weeds, wrestling with the cascade, or you just want to improve your workflow with modern, efficient, and maintainable stylesheets, then this workshop with @mia is for you!

Cascading Style Systems: Resilient & Maintainable CSS
Mon & Tue, Feb 26 – Mar 12, 2024
Hosted by @smashingconf

https://smashingconf.com/online-workshops/workshops/modern-css-miriam-suzanne

I wish float was more semantic. I always want a right-floated div, never a left-floated one, but because we read left to right that means the content which is before structurally ends up after visually. Is this possible to solve with #CSS3 #flexbox ? Has anyone ever managed to get right floats working?

No more using tables for layout. Though I personally would have gone for grid instead of flexbox in this scenario, what do you think?

Seen at Vienna main train station.