Pawooサポート @pawoo_support

niu tech<a href="https://chromium.social/@developers" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@developers</a> Pure <a href="https://fosstodon.org/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> carousels have long been available e.g. <a href="https://css-tricks.com/css-only-carousel/" rel="nofollow noopener noreferrer" target="_blank">https://css-tricks.com/css-only-carousel/</a>

W3C DevelopersEver wanted to style HTML form controls with custom CSS? A new <a href="https://w3c.social/@w3c" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@w3c</a> <a href="https://w3c.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> specification is underway: "CSS Form Control Styling Level 1" <a href="https://w3c.social/tags/FPWD" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FPWD</a> <a href="https://w3c.social/tags/timetogiveinput" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#timetogiveinput</a> ▶️ <a href="https://www.w3.org/TR/css-forms-1/" rel="nofollow noopener noreferrer" target="_blank">https://www.w3.org/TR/css-forms-1/</a>This spec. aims to standardize form styling, improving design consistency and <a href="https://w3c.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> while giving web <a href="https://w3c.social/tags/designers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#designers</a> more control. Feedback welcome! <a href="https://github.com/w3c/csswg-drafts/labels/css-forms-1" rel="nofollow noopener noreferrer" target="_blank">https://github.com/w3c/csswg-drafts/labels/css-forms-1</a>Need a demo? Check this one by <a href="https://front-end.social/@argyleink" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@argyleink</a>! <a href="https://nerdy.dev/customize-a-select" rel="nofollow noopener noreferrer" target="_blank">https://nerdy.dev/customize-a-select</a>

SteffoApparently SCSS variables can't be used to declare CSS variables?This doesn't work:--width: $sWidth; <a href="https://a.junimo.party/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://a.junimo.party/tags/Sass" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Sass</a> <a href="https://a.junimo.party/tags/SCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SCSS</a>

pablolarah🟡🔵 Matching drop shadows across CSS, Android, iOS, Figma, and Sketch by @bjango.com <a href="https://mastodon.social/@bjango" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@bjango</a> <a href="https://mastodon.social/tags/DropShadow" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DropShadow</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/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/Android" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Android</a> <a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Figma</a> <a href="https://mastodon.social/tags/iOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#iOS</a> <a href="https://mastodon.social/tags/Sketch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Sketch</a> <a href="https://bjango.com/articles/matchingdropshadows/" rel="nofollow noopener noreferrer" target="_blank">https://bjango.com/articles/matchingdropshadows/</a>

CSS by T. Afif :verified:💡 CSS Tip!Want to see some magic using the new attr() function? Here is a trick to create a progress element with a dynamic coloration based on the progression!<a href="https://css-tip.com/custom-progress/" rel="nofollow noopener noreferrer" target="_blank">https://css-tip.com/custom-progress/</a>⚠️ Chrome-only for now ⚠️<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>

c't MagazinDie c’t <webdev> sucht Vorträge und WorkshopsDie c’t <webdev> 2025 startet ihren Call for Participation. Die Konferenz rund um Frontend-Entwicklung findet im November statt - wieder auf Englisch.<a href="https://www.heise.de/news/Die-c-t-webdev-sucht-Vortraege-und-Workshops-10324180.html?wt_mc=sm.red.ho.mastodon.mastodon.md_beitraege.md_beitraege&utm_source=mastodon" rel="nofollow noopener noreferrer" target="_blank">https://www.heise.de/news/Die-c-t-webdev-sucht-Vortraege-und-Workshops-10324180.html?wt_mc=sm.red.ho.mastodon.mastodon.md_beitraege.md_beitraege&utm_source=mastodon</a><a href="https://social.heise.de/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://social.heise.de/tags/IT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IT</a> <a href="https://social.heise.de/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://social.heise.de/tags/Webentwicklung" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webentwicklung</a> <a href="https://social.heise.de/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#news</a>

TealkIch überarbeite gerade ein wenig die Webseite von <a href="https://rollenspiel.social/tags/RollenspielMonster" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RollenspielMonster</a> aber weiß grad nicht so ganz wie ich das übersichtlich darstellen soll. Hat jemand Ideen wie man das schön darstellen kann?<a href="https://rollenspiel.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> <a href="https://rollenspiel.social/tags/gohugo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#gohugo</a> <a href="https://rollenspiel.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://rollenspiel.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

Adam Argyle :chrome:<a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> only carousels arrive in Chrome 135⤷ <a href="https://nerdy.dev/css-carousel-in-chrome-135" rel="nofollow noopener noreferrer" target="_blank">https://nerdy.dev/css-carousel-in-chrome-135</a>

Hacker News 50Minding the gaps: A new way to draw separators in CSSLink: <a href="https://blogs.windows.com/msedgedev/2025/03/19/minding-the-gaps-a-new-way-to-draw-separators-in-css/" rel="nofollow noopener noreferrer" target="_blank">https://blogs.windows.com/msedgedev/2025/03/19/minding-the-gaps-a-new-way-to-draw-separators-in-css/</a> Discussion: <a href="https://news.ycombinator.com/item?id=43420683" rel="nofollow noopener noreferrer" target="_blank">https://news.ycombinator.com/item?id=43420683</a><a href="https://social.lansky.name/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

Sebastian LaubeHey <a href="https://layer8.space/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> and <a href="https://layer8.space/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> folks, it's 2025 and we still do not have a way to set an `img` source defined by the size of the element instead of the viewport? Or did I miss something?For example: an element with three or two cards in a row. I would rather set the image source to a file that is close to the actual element size that to thinker with viewport sizes and extra markers for 2 or 3 columns. I really care for <a href="https://layer8.space/tags/webPerformance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webPerformance</a> too much…<a href="https://layer8.space/tags/ResponsiveImages" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveImages</a> <a href="https://layer8.space/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a>

:rss: Qiita - 人気の記事ReactとCSSで一定時間表示される通知をやるときの色々な方法 <a href="https://qiita.com/uhyo/items/08f9b66db3cad73826ad?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items" rel="nofollow noopener noreferrer" target="_blank">https://qiita.com/uhyo/items/08f9b66db3cad73826ad?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items</a><a href="https://rss-mstdn.studiofreesia.com/tags/qiita" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#qiita</a> <a href="https://rss-mstdn.studiofreesia.com/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://rss-mstdn.studiofreesia.com/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#React</a>

The New OilCybercriminals Exploit <a href="https://mastodon.thenewoil.org/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> to Evade <a href="https://mastodon.thenewoil.org/tags/Spam" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Spam</a> Filters and Track <a href="https://mastodon.thenewoil.org/tags/Email" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Email</a> Users' Actions<a href="https://thehackernews.com/2025/03/cybercriminals-exploit-css-to-evade.html" rel="nofollow noopener noreferrer" target="_blank">https://thehackernews.com/2025/03/cybercriminals-exploit-css-to-evade.html</a><a href="https://mastodon.thenewoil.org/tags/cybersecurity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cybersecurity</a>

Ana Tudor 🐯For everyone who has told me the <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> + <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SVG</a> stuff I've been sharing is cool, remember that praise doesn't pay for all this work..but you can <a href="https://ko-fi.com/anatudor" rel="nofollow noopener noreferrer" target="_blank">https://ko-fi.com/anatudor</a>

Negative12DollarBillHi, <a href="https://techhub.social/tags/Today" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Today</a> I decided to try to <a href="https://techhub.social/tags/getfedihired" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#getfedihired</a> — I've got many years of experience with web development, programming and production (<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/Javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Javascript</a>), I can make myself useful in anything on the open-source side of back end, i.e. the <a href="https://techhub.social/tags/Perl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Perl</a>, <a href="https://techhub.social/tags/Python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Python</a>, <a href="https://techhub.social/tags/PHP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PHP</a>, <a href="https://techhub.social/tags/MySQL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MySQL</a>, <a href="https://techhub.social/tags/Linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Linux</a> kind of area.I live in <a href="https://techhub.social/tags/Sydney" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Sydney</a> Australia and would be happy to work in-office, remote or hybrid.Let me know of any opportunities, or pass this on to anyone else who might know of something? Thanks.

Ana Tudor 🐯Ever wanted to get the number of auto-fit columns in CSS?``` --u: 5em; grid-template-columns: repeat(auto-fit, minmax(var(--u), 1fr)) ```It's now possible! Using registered <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> vars, the tan division hack and container query units! Here's a little test on <a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@codepen</a>: <a href="https://codepen.io/thebabydino/pen/JojpBJr" rel="nofollow noopener noreferrer" target="_blank">https://codepen.io/thebabydino/pen/JojpBJr</a><a href="https://mastodon.social/tags/cssGrid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssGrid</a> <a href="https://mastodon.social/tags/cssLayout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssLayout</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a> <a href="https://mastodon.social/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#layout</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a>

Ténno Seremél’> Hyphens: auto doesn't work with capitalized words<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1706879" rel="nofollow noopener noreferrer" target="_blank">https://bugzilla.mozilla.org/show_bug.cgi?id=1706879</a>🤷<a href="https://lor.sh/tags/lang_en" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#lang_en</a> <a href="https://lor.sh/tags/firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#firefox</a> <a href="https://lor.sh/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

𝙹𝚘𝚑𝚊𝚗<a href="https://cr8r.gg/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://cr8r.gg/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://cr8r.gg/tags/%D0%92%D0%B5%D0%B1%D0%94%D0%B8%D0%B7%D0%B8%D0%B3%D0%BD" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ВебДизигн</a> <a href="https://cr8r.gg/tags/%D0%92%D0%BE%D0%BF%D1%80%D0%BE%D1%81" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Вопрос</a>: а как <a href="https://moskvichmag.ru/gorod/v-pravitelstvo-vnesli-zakon-o-vyplatah-zhenshhinam-za-vedenie-domashnego-hozyajstva/" rel="nofollow noopener noreferrer" target="_blank">на этом сайте</a> реализовали буквицу? По ходу это приделано к itemprop, но как? 🤔 <a href="https://mastodon.ml/@rf" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@rf</a> <a href="https://lor.sh/@ru" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@ru</a> <a href="https://3zi.ru/@Russia" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@Russia</a> <a href="https://mastodon.social/@russian_mastodon" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@russian_mastodon</a>