#flexbox — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #flexbox, aggregated by home.social.
-
The State of CSS Centering in 2026, by @css (@csstricks):
https://css-tricks.com/the-state-of-css-centering-in-2026/?ref=frontenddogma.com
-
“safe” in Flex and Grid Alignment, by @iprodan.dev:
-
“safe” in Flex and Grid Alignment, by @iprodan.dev:
-
“safe” in Flex and Grid Alignment, by @iprodan.dev:
-
“safe” in Flex and Grid Alignment, by @iprodan.dev:
-
“safe” in Flex and Grid Alignment, by @iprodan.dev:
-
#WiSheyes #LinkSSy #flexbox #wix #website #websites #websitedesign #tatsLife #WiSheyes #UserRq
Flexbox/Wix(?)
~~~~~~~~~~
my plan is to piece together
a tender "gurlie" website
to exhibit myself
and the things i do
and the things i enjoy
~~~~~~~~~~~~~~
i'll attempt to use a template shown.
~~~~~~~~~~~~~~~~~
my thanks and credit go to
@JenJen
for sharing
https://www.itinerae.org/?m=1 -
#WiSheyes #LinkSSy #flexbox #wix #website #websites #websitedesign #tatsLife #WiSheyes #UserRq
Flexbox/Wix(?)
~~~~~~~~~~
my plan is to piece together
a tender "gurlie" website
to exhibit myself
and the things i do
and the things i enjoy
~~~~~~~~~~~~~~
i'll attempt to use a template shown.
~~~~~~~~~~~~~~~~~
my thanks and credit go to
@JenJen
for sharing
https://www.itinerae.org/?m=1 -
#WiSheyes #LinkSSy #flexbox #wix #website #websites #websitedesign #tatsLife #WiSheyes #UserRq
Flexbox/Wix(?)
~~~~~~~~~~
my plan is to piece together
a tender "gurlie" website
to exhibit myself
and the things i do
and the things i enjoy
~~~~~~~~~~~~~~
i'll attempt to use a template shown.
~~~~~~~~~~~~~~~~~
my thanks and credit go to
@JenJen
for sharing
https://www.itinerae.org/?m=1 -
-
Gotta evaluate the new #CSS #column features.
https://css-tricks.com/css-multi-column-layout-wrapping-features/I created a similar #layout for https://metaspora.org using #flexbox.
-
Flexbox Masonry Layout (Explained With Math), by @frontendmasters.com:
https://frontendmasters.com/blog/flexbox-masonry-layout-explained-with-math/
-
FlexBox is an experimental Jetpack Compose container that lays out items in a single direction, dynamically resizing, wrapping, and aligning them to optimally fill the available space. We just launched new documentation for this feature last week:
https://developer.android.com/develop/ui/compose/layouts/adaptive/flexbox
-
Пример оптимизации интерфейса динамического списка в мобильном приложении, сделанном на 1С при помощи HTML + CSS
Добрый день! Хочу привести пример небольшой оптимизации интерфейса (frontend) мобильного приложения, сделанного на 1С. Разницу вы сами можете проверить, скачав приложение и переключив флаг в настройках "Оформление HTML".
https://habr.com/ru/articles/1002726/
#1с #мобильное_приложение #html #css #flexbox #frontend #backend
-
Пример оптимизации интерфейса динамического списка в мобильном приложении, сделанном на 1С при помощи HTML + CSS
Добрый день! Хочу привести пример небольшой оптимизации интерфейса (frontend) мобильного приложения, сделанного на 1С. Разницу вы сами можете проверить, скачав приложение и переключив флаг в настройках "Оформление HTML".
https://habr.com/ru/articles/1002726/
#1с #мобильное_приложение #html #css #flexbox #frontend #backend
-
Пример оптимизации интерфейса динамического списка в мобильном приложении, сделанном на 1С при помощи HTML + CSS
Добрый день! Хочу привести пример небольшой оптимизации интерфейса (frontend) мобильного приложения, сделанного на 1С. Разницу вы сами можете проверить, скачав приложение и переключив флаг в настройках "Оформление HTML".
https://habr.com/ru/articles/1002726/
#1с #мобильное_приложение #html #css #flexbox #frontend #backend
-
Пример оптимизации интерфейса динамического списка в мобильном приложении, сделанном на 1С при помощи HTML + CSS
Добрый день! Хочу привести пример небольшой оптимизации интерфейса (frontend) мобильного приложения, сделанного на 1С. Разницу вы сами можете проверить, скачав приложение и переключив флаг в настройках "Оформление HTML".
https://habr.com/ru/articles/1002726/
#1с #мобильное_приложение #html #css #flexbox #frontend #backend
-
@bazkie I'm not sure how ironic your comment is meant to be (it would be justified if it were :-)), but this has been possible with #flexbox since 2015. It's even easier with #grid, though. #CSS is getting so nice now, that I'm tempted to do vanilla/raw CSS on the next big project. Haven't done that in decades.
-
So I saw a demo in the @codepen Spark and I liked the idea, but it was too JS-heavy for my taste, plus I would have preferred the rotation animations to be "hinged" around the top/ bottom edge depending on direction.
So I did it with pure #CSS on scroll https://codepen.io/thebabydino/pen/JoKqRjZ
cc @bramus
#cssScrollAnimation #scrollEffect #code #cssTransforms #cssTransform #css3D #3D #coding #frontend #cssLayout #web #dev #webDev #webDevelopment #cssGrid #cssFlex #flexbox #cssVariables #cssTransition
-
So I saw a demo in the @codepen Spark and I liked the idea, but it was too JS-heavy for my taste, plus I would have preferred the rotation animations to be "hinged" around the top/ bottom edge depending on direction.
So I did it with pure #CSS on scroll https://codepen.io/thebabydino/pen/JoKqRjZ
cc @bramus
#cssScrollAnimation #scrollEffect #code #cssTransforms #cssTransform #css3D #3D #coding #frontend #cssLayout #web #dev #webDev #webDevelopment #cssGrid #cssFlex #flexbox #cssVariables #cssTransition
-
So I saw a demo in the @codepen Spark and I liked the idea, but it was too JS-heavy for my taste, plus I would have preferred the rotation animations to be "hinged" around the top/ bottom edge depending on direction.
So I did it with pure #CSS on scroll https://codepen.io/thebabydino/pen/JoKqRjZ
cc @bramus
#cssScrollAnimation #scrollEffect #code #cssTransforms #cssTransform #css3D #3D #coding #frontend #cssLayout #web #dev #webDev #webDevelopment #cssGrid #cssFlex #flexbox #cssVariables #cssTransition
-
So I saw a demo in the @codepen Spark and I liked the idea, but it was too JS-heavy for my taste, plus I would have preferred the rotation animations to be "hinged" around the top/ bottom edge depending on direction.
So I did it with pure #CSS on scroll https://codepen.io/thebabydino/pen/JoKqRjZ
cc @bramus
#cssScrollAnimation #scrollEffect #code #cssTransforms #cssTransform #css3D #3D #coding #frontend #cssLayout #web #dev #webDev #webDevelopment #cssGrid #cssFlex #flexbox #cssVariables #cssTransition
-
So I saw a demo in the @codepen Spark and I liked the idea, but it was too JS-heavy for my taste, plus I would have preferred the rotation animations to be "hinged" around the top/ bottom edge depending on direction.
So I did it with pure #CSS on scroll https://codepen.io/thebabydino/pen/JoKqRjZ
cc @bramus
#cssScrollAnimation #scrollEffect #code #cssTransforms #cssTransform #css3D #3D #coding #frontend #cssLayout #web #dev #webDev #webDevelopment #cssGrid #cssFlex #flexbox #cssVariables #cssTransition
-
Understanding the Fundamentals of CSS Layout, by @polypane.app:
https://polypane.app/blog/understanding-the-fundamentals-of-css-layout/
-
#flexbox help, my brain can't parse this:
Two columns; overall height should be determined by the left-hand column. Right hand column contains two items stacked vertically. The bottom one is often quite long, but it should *scroll* rather than extend beyond the bottom of the left column content.
Can anyone point me at the combo of magical flexbox words to do that?
-
CSS Layout: Flexbox, Grid, Media Queries, and Container Queries, by @rauschma:
https://2ality.com/2025/10/css-layout.html
#css #layout #flexbox #grids #mediaqueries #containerqueries #introductions
-
I thought the bright and friendly #blog design was fine, which is why it went online. But deep down, something else seemed to disagree, and it was becoming increasingly apparent. So I let that guide me to see what the end result would be.
Even simpler #HTML and #CSS, without #grid or #flexbox. Single-column again, but above all, dark. I like the dark mode, and it actually fits the orientation much better.
No, it's not online yet 😉 First, there are over 200 files to edit 🥵
-
Das helle und freundliche #Blog-Design fand ich in Ordnung, weshalb es ja auch online ging. Doch tief in mir war da wohl etwas anderer Meinung und hat sich immer stärker ins Bewusstsein gedrängt. Also habe ich mich davon leiten lassen, um zu sehen, was am Ende herauskommt.
Noch simpleres #HTML und #css, ohne #grid oder #flexbox. Wieder einspaltig, doch vor allem dunkel. Mir gefällt der Dark-Mode und passt im Grunde auch viel besser zur Ausrichtung.
Nein, ist noch nicht online 😉 Erst einmal gilt es, über 200 Dateien zu bearbeiten 🥵
-
»Another article about centering in CSS«
https://piccalil.li/blog/another-article-about-centering-in-css/This blog post by Picalilli's Andy Bell is a one-stop shop about centering in CSS. Bookmarked.
#CSS #layout #grid #flexbox #margin #position https://front-end.social/@piccalilli/115026791147284583
-
»Another article about centering in CSS«
https://piccalil.li/blog/another-article-about-centering-in-css/This blog post by Picalilli's Andy Bell is a one-stop shop about centering in CSS. Bookmarked.
#CSS #layout #grid #flexbox #margin #position https://front-end.social/@piccalilli/115026791147284583
-
»Another article about centering in CSS«
https://piccalil.li/blog/another-article-about-centering-in-css/This blog post by Picalilli's Andy Bell is a one-stop shop about centering in CSS. Bookmarked.
#CSS #layout #grid #flexbox #margin #position https://front-end.social/@piccalilli/115026791147284583
-
»Another article about centering in CSS«
https://piccalil.li/blog/another-article-about-centering-in-css/This blog post by Picalilli's Andy Bell is a one-stop shop about centering in CSS. Bookmarked.
#CSS #layout #grid #flexbox #margin #position https://front-end.social/@piccalilli/115026791147284583
-
On the article referenced in https://mastodon.design/@julieblanc/114898215638090915, @julieblanc quoted a #TAG commentary
"Overall, we think #Masonry, #Grid, and wrapping #Flexbox should be incorporated into a unified set of properties. #Chrome’s [New Masonry Layout] proposal splits apart property sets too eagerly, but even the #WebKit [using CSS Grid] proposal seems to miss a chance to develop more-general properties. (…) #CSS currently has 3 layout modes (…): Grid, Multicol, and wrapping Flexbox. This is already causing a lot of author confusion, and Masonry attempts to add a 4th mode. As a general principle, having vastly different ways to accomplish slightly different things is a usability #antipattern. We urge the [CSS] W[orking] G[group] to explore ways to unify these so that authors can port more knowledge from one to the other (even if they are implemented as separate code paths internally). (Issue #1003 on w3ctag/design-reviews, comment on Nov 20, 2024, by #JeffreyYasskin /@jyasskin) -
On the article referenced in https://mastodon.design/@julieblanc/114898215638090915, @julieblanc quoted a #TAG commentary
"Overall, we think #Masonry, #Grid, and wrapping #Flexbox should be incorporated into a unified set of properties. #Chrome’s [New Masonry Layout] proposal splits apart property sets too eagerly, but even the #WebKit [using CSS Grid] proposal seems to miss a chance to develop more-general properties. (…) #CSS currently has 3 layout modes (…): Grid, Multicol, and wrapping Flexbox. This is already causing a lot of author confusion, and Masonry attempts to add a 4th mode. As a general principle, having vastly different ways to accomplish slightly different things is a usability #antipattern. We urge the [CSS] W[orking] G[group] to explore ways to unify these so that authors can port more knowledge from one to the other (even if they are implemented as separate code paths internally). (Issue #1003 on w3ctag/design-reviews, comment on Nov 20, 2024, by #JeffreyYasskin /@jyasskin) -
On the article referenced in https://mastodon.design/@julieblanc/114898215638090915, @julieblanc quoted a #TAG commentary
"Overall, we think #Masonry, #Grid, and wrapping #Flexbox should be incorporated into a unified set of properties. #Chrome’s [New Masonry Layout] proposal splits apart property sets too eagerly, but even the #WebKit [using CSS Grid] proposal seems to miss a chance to develop more-general properties. (…) #CSS currently has 3 layout modes (…): Grid, Multicol, and wrapping Flexbox. This is already causing a lot of author confusion, and Masonry attempts to add a 4th mode. As a general principle, having vastly different ways to accomplish slightly different things is a usability #antipattern. We urge the [CSS] W[orking] G[group] to explore ways to unify these so that authors can port more knowledge from one to the other (even if they are implemented as separate code paths internally). (Issue #1003 on w3ctag/design-reviews, comment on Nov 20, 2024, by #JeffreyYasskin /@jyasskin) -
On the article referenced in https://mastodon.design/@julieblanc/114898215638090915, @julieblanc quoted a #TAG commentary
"Overall, we think #Masonry, #Grid, and wrapping #Flexbox should be incorporated into a unified set of properties. #Chrome’s [New Masonry Layout] proposal splits apart property sets too eagerly, but even the #WebKit [using CSS Grid] proposal seems to miss a chance to develop more-general properties. (…) #CSS currently has 3 layout modes (…): Grid, Multicol, and wrapping Flexbox. This is already causing a lot of author confusion, and Masonry attempts to add a 4th mode. As a general principle, having vastly different ways to accomplish slightly different things is a usability #antipattern. We urge the [CSS] W[orking] G[group] to explore ways to unify these so that authors can port more knowledge from one to the other (even if they are implemented as separate code paths internally). (Issue #1003 on w3ctag/design-reviews, comment on Nov 20, 2024, by #JeffreyYasskin /@jyasskin) -
I still like to go to #YouTube for #tutorials. No idea why I didn't do that for #css #grid and #flexbox until now. I made up for this omission yesterday. Oh dear, the result was devastating. I'm obviously lucky that my tinkering worked. This delays the restart of the blog even further, because of course I can't leave it at that.
-
Für #Tutorials steuere ich nach wie vor gerne #YouTube an. Keine Ahnung, warum ich das für #css #grid und #flexbox bisher nicht machte. Das Versäumnis habe ich gestern nachgeholt. Oje, das Ergebnis war niederschmetternd. Ich habe offenbar Glück, dass mein Gebastel funktioniert. Damit verzögert sich der Neustart des Blogs noch weiter, denn das kann ich natürlich nicht so stehen lassen.
-
On Wednesday, I finished a #css layout for the #blog. It wasn't perfect, but it was fine for me. To be honest, I just couldn't get it any better.
But it kept bothering me over the holidays. I reread the chapters on #flexbox and #grid in the book several times. Today I tried if my ideas were correct.
Even though it took a few attempts, I was victorious in the end. Ultimately, a mix of flexbox AND grid delivered the desired result. Now I can start copying the content. What a feat 🥴
-
Mittwoch hatte ich ein #css Layout für das #Blog fertig, welches nicht perfekt war, mir aber genügte. Ehrlicherweise bekam ich es auch einfach nicht besser hin.
Es ließ mir aber über den Feiertag keine Ruhe. Mehrfach las ich im Buch die Kapitel über #flexbox und #grid nach. Heute dann probiert, ob meine Überlegungen richtig waren.
Auch wenn ich einige Anläufe brauchte, doch am Ende war ich siegreich. Letztlich lieferte ein Mix aus flexbox UND grid das gewünschte Ergebnis. Nun kann ich beginnen, die Inhalte zu kopieren. Was für ein Akt 🥴
-
Die Neugestaltung des Blogs war gestern bis auf ein Bereich fertig. Den wollte ich nun vervollständigen und hielt es für einen Klacks. Was habe ich mich doch getäuscht. Ist der Code bisher sauber wie aus dem Lehrbuch, verlangt die Navigation im #footer Klimmzüge und (erste) Brücken. Zudem macht die #flexbox nicht das, was sie ihrem Namen nach tun sollte.
Ich bin ja bereit zu akzeptieren, dass das Unvermögen vorm Monitor sitzt. Aber wenn ich bei Null anfange, mich nach den Angaben aus dem Buch – immerhin aus der "für Dummies"-Reihe – richte und nicht das passiert, was passieren sollte – und ich wirklich nicht derart unterbelichtet bin, um Vorgaben nicht fehlerfrei abschreiben zu können –, dann kennt auch meine Geduld Grenzen. Unbefriedigend.
-
Die Neugestaltung des Blogs war gestern bis auf ein Bereich fertig. Den wollte ich nun vervollständigen und hielt es für einen Klacks. Was habe ich mich doch getäuscht. Ist der Code bisher sauber wie aus dem Lehrbuch, verlangt die Navigation im #footer Klimmzüge und (erste) Brücken. Zudem macht die #flexbox nicht das, was sie ihrem Namen nach tun sollte.
Ich bin ja bereit zu akzeptieren, dass das Unvermögen vorm Monitor sitzt. Aber wenn ich bei Null anfange, mich nach den Angaben aus dem Buch – immerhin aus der "für Dummies"-Reihe – richte und nicht das passiert, was passieren sollte – und ich wirklich nicht derart unterbelichtet bin, um Vorgaben nicht fehlerfrei abschreiben zu können –, dann kennt auch meine Geduld Grenzen. Unbefriedigend.
-
Die Neugestaltung des Blogs war gestern bis auf ein Bereich fertig. Den wollte ich nun vervollständigen und hielt es für einen Klacks. Was habe ich mich doch getäuscht. Ist der Code bisher sauber wie aus dem Lehrbuch, verlangt die Navigation im #footer Klimmzüge und (erste) Brücken. Zudem macht die #flexbox nicht das, was sie ihrem Namen nach tun sollte.
Ich bin ja bereit zu akzeptieren, dass das Unvermögen vorm Monitor sitzt. Aber wenn ich bei Null anfange, mich nach den Angaben aus dem Buch – immerhin aus der "für Dummies"-Reihe – richte und nicht das passiert, was passieren sollte – und ich wirklich nicht derart unterbelichtet bin, um Vorgaben nicht fehlerfrei abschreiben zu können –, dann kennt auch meine Geduld Grenzen. Unbefriedigend.
