css

  • Untitled post 52100

    Fun little tool. šŸ§” A generator for "Pixel Art" "9-patch" #CSS Borders. Design of this is provoking a little nostalgia of old Windows and Apple programs. When you're done, you can copy the css. https://maxbittker.github.io/broider/

  • Untitled post 52097

    So @vozercozer ALSO styles the "advanced" #Mastodon view and this looks pretty good. šŸ‘šŸ» https://github.com/SlippingGitty/Espresso-Mastodon If you're a TweetDeck user this might appeal to you. Does to me. Go #CSS!

  • Untitled post 52074

    Nice method shared by @yuanchuan to get a "dreamy blur" via #SVG filters and #CSS. Pretty cool what you can do! https://yuanchuan.dev/dreamy-blur

  • There was feedback requested from #WordPress community on ā€œshort formā€ learning. I think Benā€™s video on #CSS is a good example. Tik-tok like but that what the kids are into. And if you keep the topic laser focus, could work. What topics in 60 …

  • “CSS Diff”: Chrome extension that allows to easily compare #CSS of two HTML elements. github.com/kdzwinel/CSS-Dā€¦ pic.twitter.com/v9Pmbi9gYj

  • When to use Grid and when to use flexbox #CSS "It depends". Of course it does. https://publishing-project.rivendellweb.net/when-to-use-grid-and-when-to-use-flexbox/

  • #WordPress plugin that does custom #CSS per page, block, or template (via @kevinbatdorf) github.com/KevinBatdorf/pā€¦

  • Love these CSS old school skins! šŸ˜ #Playstation 1 style #CSS Framework, inspired by https://nostalgic-css.github.io/NES.css/ https://micah5.github.io/PSone Imagine using #Mastodon like this!

  • Line heights in #CSS work better with ratios: andy-bell.co.uk/line-heights-iā€¦

  • Nice read on conditional #CSS: @shadeed9 shows off a few CSS features commonly used and how conditional they are. ishadeed.com/article/conditā€¦ pic.twitter.com/u1zZN6RiEI

  • Love how ā€œwobble clickā€ is coded although part of me is bothered by it at the same time. Hereā€™s a retina supported version on @glitch: somethingorotherwhatever.com/wobble-clock/ #JavaScript #CSS pic.twitter.com/c9cbuhbn34 Video

  • Nice 3D tilt toggle #CSS effect. codepen.io/jkantner/pen/mā€¦ twitter.com/jonkantner/staā€¦

  • Justify space between individual items in flexbox #CSS blog.jim-nielsen.com/2023/justify-sā€¦

  • Some nice ways #CSS :has() can make your HTML forms better (via @heyAustinGil) austingil.com/css-has-with-hā€¦

  • Front-end dev subject of accessible ways of marking up colors (with factoring in GitHubā€™s hex code swatches) from @tigt_ dev.to/tigt/marking-uā€¦ #CSS

  • Agreed w/ @chriscoyier that styleable resizers would be a nice addition, on his list of things #CSS ā€œcould still use heading into 2023ā€. chriscoyier.net/2022/12/21/thiā€¦

  • Agreed w/ @chriscoyier that styleable resizers would be a nice addition on his list of things #CSS ā€œcould still use heading into 2023ā€. https://chriscoyier.net/2022/12/21/things-css-could-still-use-heading-into-2023/

  • New #Gutenberg is out with: – a new, reorganized Site Editor interface– ability to add custom #CSS rules– new Style Book feature that allows users and designers to view and edit all blocks for global changes. https://make.wordpress.org/core/2022/12/22/whats-new-in-gutenberg-14-8-21-december/ #WordPress

  • New #Gutenberg is out with: – a new, reorganized Site Editor interface – ability to add custom #CSS rules – new Style Book feature that allows users and designers to view and edit all blocks for global changes. make.wordpress.org/core/2022/12/2ā€¦ #WordPress

  • I remember when this #CSS trick first came out. Still a neat way to create diagonal lines with just CSS. code.tutsplus.com/tutorials/how-ā€¦

  • Like how @HaulPebert explains how made his snowflake generator and how to make it your own. #CSS cloudfour.com/thinks/coding-ā€¦

  • Min is a free and #opensource ā€œminimalā€ web browser with focus on privacyā€¦ written w/ #CSS and #JavaScript using Electron. Seems Mac only for now. minbrowser.org github.com/minbrowser/min

  • Interesting piece on #CSS for URLs and HTTP Headers via @jimniels. blog.jim-nielsen.com/2022/css-for-uā€¦ “There can be information critical to styling a webpage that lives outside of the HTML alone.”

  • Interesting piece on #CSS for URLs and HTTP Headers via Jim Nielsen. https://blog.jim-nielsen.com/2022/css-for-urls-and-http-headers/ "There can be information critical to styling a webpage that lives outside of the HTML alone."

  • How to do a #CSS infinite slider “Flipping Through Polaroid Imagesā€ css-tricks.com/css-infinite-sā€¦

  • Versatile metallic finish forĀ yourĀ #CSS. #opensource metallicss.com Reminds me of some #macOS UI “back in the dayā€.

  • Results of the State of #CSS 2022 survey are available. Still readingā€¦ but I know many look at the responder demographics first. Not much change in gender/race vs last year. 2022: blue, first image 2021: red, second image 2022.stateofcss.com/en-US/

  • Dynamic Tab-Size Demo Using #CSS Custom Properties In #JavaScript (via ) bennadel.com/blog/4366-dynaā€¦

  • List of classless #CSS themes and frameworks. They don’t define special classes you must add to your HTML elements. So you can style any plain-HTML page just by linking to the style sheet (prototyping, etc.) github.com/dbohdan/classlā€¦

  • List of classless #CSS themes and frameworks. They don't define special classes you must add to your HTML elements. So you can style any plain-HTML page just by linking to the style sheet (prototyping, etc.) https://github.com/dbohdan/classless-css