Mastodon

205 posts143 participants45 posts today

HubSite 365💥 Create Stunning PDFs in Power Automate — No Premium Needed! 🆓✨ Custom columns with CSS 🖌️ Unique styles for each table 🖼️ Branded images & layouts 🛠️ Troubleshoot HTML/CSS with ease 🔓 No premium license required!▶︎ <a href="https://www.hubsite365.com/en-ww/citizen-developer/?id=314cd0eb-3419-f011-998a-6045bdf57e1e&topic=8daf8386-bb75-ea11-a811-000d3a210788&theater=true" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.hubsite365.com/en-ww/citizen-developer/?id=314cd0eb-3419-f011-998a-6045bdf57e1e&topic=8daf8386-bb75-ea11-a811-000d3a210788&theater=true</a>🚀 Power Automate allows PDF creation without premium access. Explore cost-effective and flexible solutions powered by HTML and CSS integration in Power Automate. Achieve high-quality PDFs customizing every detail by managing your flows intuitively. Embrace no premium capabilities today! 🌟<a href="https://techhub.social/tags/PowerAutomate" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PowerAutomate</a> <a href="https://techhub.social/tags/PDFTemplates" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PDFTemplates</a> <a href="https://techhub.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://techhub.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://techhub.social/tags/AutomationTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AutomationTools</a>

Frontend DogmaMaking “:visited” More Private, by <a href="https://chromium.social/@developers" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@developers</a>:<a href="https://developer.chrome.com/blog/visited-links" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.chrome.com/blog/visited-links</a><a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mas.to/tags/selectors" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#selectors</a> <a href="https://mas.to/tags/privacy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#privacy</a> <a href="https://mas.to/tags/chrome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#chrome</a> <a href="https://mas.to/tags/google" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#google</a> <a href="https://mas.to/tags/browsers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#browsers</a>

CSS by T. Afif :verified:I have made a small interactive demo to better see how flex-wrap affects the alignment and also see the difference between align-content and align-items.Demo: <a href="https://codepen.io/t_afif/full/EaxBevN" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/t_afif/full/EaxBevN</a> via <a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@codepen</a> <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

randomMDN🦖 grid-template-rows ✅ Widely available (from Oct 2017)<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows</a>The grid-template-rows CSS property defines the line names and track sizing functions of the grid rows.<a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

CSS Basics<a href="https://hachyderm.io/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> Bursts with Conic Gradients: "Using hard color stops with `repeating-conic-gradient()` and the double-stop syntax, we can pretty easily create a burst background. Then get fancier." <a href="https://frontendmasters.com/blog/css-bursts-with-conic-gradients/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://frontendmasters.com/blog/css-bursts-with-conic-gradients/</a>

Friday Front-EndBetter typography with text-wrap pretty: "Let’s take a look at what the WebKit version of `pretty` does — it’s probably a lot more than you expect. Then, we’ll compare it to `balance` and the other `text-wrap` values to better understand when to use which one." <a href="https://hachyderm.io/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://webkit.org/blog/16547/better-typography-with-text-wrap-pretty/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://webkit.org/blog/16547/better-typography-with-text-wrap-pretty/</a>

Webdev WeeklyWeb Development recap for week 15/2025<a href="https://discu.eu/weekly/webdev/2025/15/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/weekly/webdev/2025/15/</a><a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nodejs</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/typescript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typescript</a> <a href="https://mastodon.social/tags/webassembly" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webassembly</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>Get RSS feeds and support this bot with the premium plan: <a href="https://discu.eu/premium" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/premium</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Techniques</a> How to open and close HTML dialogs · You’ll use a little JS today but none in the future <a href="https://ilo.im/163b4u" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/163b4u</a>_____ <a href="https://mastodon.social/tags/Dialogs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dialogs</a> <a href="https://mastodon.social/tags/Modals" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Modals</a> <a href="https://mastodon.social/tags/Invokers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Invokers</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>

Chris SmithBest free resource for learning CSS from scratch?I've a friend who's considering a move from UX into front end design. Doesn't want to commit to a paid course in case it's not for him.<a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

GENKI* 🎨 明度・彩度・色相もそれぞれ変数化できる <a href="https://social.vivaldi.net/tags/CssVariables" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CssVariables</a> * 🧮 特定の色を相対的に変化可能な <a href="https://social.vivaldi.net/tags/RelativeColorSyntax" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RelativeColorSyntax</a> * 🌈 色をより人間の知覚に近い形で扱える <a href="https://social.vivaldi.net/tags/oklch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#oklch</a> このあたりは、現存するどのデザインツールよりも、現在のブラウザーで使える <a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> の機能のほうが柔軟で拡張性が高い。…あれ、ということはやっぱり最強のデザインツールは <a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> なのでは :vivaldia_1:

GENKI某所で <a href="https://social.vivaldi.net/tags/oklch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#oklch</a> とか <a href="https://social.vivaldi.net/tags/RelativeColorSyntax" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RelativeColorSyntax</a> とか最新の <a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> のカラー周りの機能について雑談してみて、oklch() とか使って色管理するにはまだデザインソフト側が対応してないからやっぱり採用ハードルあるよなーと思ったんだけどいまふと「いや、むしろだからこそインブラウザデザインの時代なんじゃないか！？」と思ったりした:vivaldia_5: インブラウザデザインの夜明けぜよ :macos:

Frontend DogmaHolographic Masks, by @hejchristian.com:<a href="https://codepen.io/HejChristian/pen/YPzLbYX" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/HejChristian/pen/YPzLbYX</a><a href="https://mas.to/tags/codepens" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#codepens</a> <a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mas.to/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#gradients</a> <a href="https://mas.to/tags/blendmodes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#blendmodes</a> <a href="https://mas.to/tags/effects" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#effects</a>

Frontend DogmaThe “min()” and “max()” Functions, by <a href="https://front-end.social/@kevinpowell" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@kevinpowell</a>:<a href="https://html-css-tip-of-the-week.netlify.app/tip/min-and-max-functions/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://html-css-tip-of-the-week.netlify.app/tip/min-and-max-functions/</a><a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mas.to/tags/functions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#functions</a>

CEOTECH.ITGoogle Chrome risolve storica falla sulla privacy dei link <a href="https://mastodon.social/tags/Aggiornamento" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Aggiornamento</a> <a href="https://mastodon.social/tags/App" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#App</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/BugFix" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BugFix</a> <a href="https://mastodon.social/tags/Chrome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Chrome</a> <a href="https://mastodon.social/tags/Correzione" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Correzione</a> <a href="https://mastodon.social/tags/Cronologia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Cronologia</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/Google" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Google</a> <a href="https://mastodon.social/tags/GoogleChrome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GoogleChrome</a> <a href="https://mastodon.social/tags/Internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Internet</a> <a href="https://mastodon.social/tags/LinkVisitati" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LinkVisitati</a> <a href="https://mastodon.social/tags/Notizie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Notizie</a> <a href="https://mastodon.social/tags/Novit%C3%A0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Novità</a> <a href="https://mastodon.social/tags/Privacy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Privacy</a> <a href="https://mastodon.social/tags/Sicurezza" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Sicurezza</a> <a href="https://mastodon.social/tags/Software" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Software</a> <a href="https://mastodon.social/tags/TechNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TechNews</a> <a href="https://mastodon.social/tags/Tecnologia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tecnologia</a> <a href="https://mastodon.social/tags/Tracciamento" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tracciamento</a> <a href="https://mastodon.social/tags/Vulnerabilit%C3%A0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Vulnerabilità</a> <a href="https://www.ceotech.it/google-chrome-risolve-storica-falla-sulla-privacy-dei-link/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.ceotech.it/google-chrome-risolve-storica-falla-sulla-privacy-dei-link/</a>

2rZiKKbOU3nTafniR2qMMSE0gwZNew College Credit Courses From Treehouse Treehouse is excited to share a game-changing opportuni... <a href="https://blog.teamtreehouse.com/new-college-credit-courses-from-treehouse" rel="nofollow noopener noreferrer" target="_blank">https://blog.teamtreehouse.com/new-college-credit-courses-from-treehouse</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/Learn" target="_blank">#Learn</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/Treehouse" target="_blank">#Treehouse</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/News" target="_blank">#News</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/coding" target="_blank">#coding</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/college" target="_blank">#college</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/credits" target="_blank">#credits</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/css" target="_blank">#css</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/cybersecurity" target="_blank">#cybersecurity</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/html" target="_blank">#html</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/javascript" target="_blank">#javascript</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/Python" target="_blank">#Python</a> <a href="https://awakari.com/pub-msg.html?id=Rdm2ExWZzioRuyQfTGGhSthfKqG" rel="nofollow noopener noreferrer" target="_blank">Event Attributes</a>

Chris SmithIn the history of CSS has anyone ever been able to justify a z-index higher than a single figure?When you use a third-party tool and they hard-code the z-index to something like 9999. Surely that's for the page developer to decide?<a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

ValeWoah! I’m published on <a class="u-url mention" href="https://mastodon.social/@csstricks" rel="nofollow noopener noreferrer" target="_blank">@csstricks</a> !I adore CSS-Tricks, and it has been invaluable to me over the years. I’m ecstatic to be able to contribute something back.<a class="hashtag" href="https://fedi.vale.rocks/tag/webdev" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/frontenddev" rel="nofollow noopener noreferrer" target="_blank">#FrontEndDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/css" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/js" rel="nofollow noopener noreferrer" target="_blank">#JS</a> RE: <a href="https://mastodon.social/@csstricks/114336363156155232" rel="nofollow noopener noreferrer" target="_blank">https://mastodon.social/@csstricks/114336363156155232</a>

MozillaDefault styles for h1 elements are changing Comments <a href="https://developer.mozilla.org/en-US/blog/h1-element-styles/" rel="nofollow noopener noreferrer" target="_blank">https://developer.mozilla.org/en-US/blog/h1-element-styles/</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/browsers" target="_blank">#browsers</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/web" target="_blank">#web</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/css" target="_blank">#css</a> <a href="https://awakari.com/pub-msg.html?id=VKBueYOziR1s4wbddkFzZCPe3Bw" rel="nofollow noopener noreferrer" target="_blank">Event Attributes</a>

Garrett LeSage"CSS logical properties" implies the existence of "CSS illogical properties".(They're really "physical properties", but still... they're generally illogical to use now that we have logical properties.)<a href="https://mastodon.xyz/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.xyz/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a>

FirefoxJustified Text: Better Than Expected? Do new CSS properties make justified text with automatic h... <a href="https://cloudfour.com/thinks/justified-text-better-than-expected/" rel="nofollow noopener noreferrer" target="_blank">https://cloudfour.com/thinks/justified-text-better-than-expected/</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/CSS" target="_blank">#CSS</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/Design" target="_blank">#Design</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/Responsive" target="_blank">#Responsive</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/Web" target="_blank">#Web</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/Design" target="_blank">#Design</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/Typography" target="_blank">#Typography</a> <a href="https://awakari.com/pub-msg.html?id=IwnUkDpMggPlwxunOceCod2v8rI" rel="nofollow noopener noreferrer" target="_blank">Event Attributes</a>

Recent searches

Search options

Administered by:

Server stats:

#css