davidbisset.social

css

  • "#HTML Whitespace is Broken" If you wanted to spend the afternoon reading the "War and Peace" sized blog post about HTML (and some #CSS etc) and HTML whitespace this is your jam. "Deep dive" doesn't do this justice (in a good way). https://blog.dwac.dev/posts/html-whitespace/ via @develwithoutacause #webdev

  • Untitled post 59706

    Friend: "Did you see the #CSS redesign of our site on mobile?" Me: 🤔 #webdev #memes

  • Styling links based on their destination #CSS #HTML https://shkspr.mobi/blog/2024/10/styling-links-based-on-their-destination/

  • Two #CSS Properties for Trimming Text Box Whitespace https://css-tricks.com/two-css-properties-for-trimming-text-box-whitespace

  • Nice. How to animate the #CSS Grid properties by building a responsive image grid with hover effects. https://webdesign.tutsplus.com/how-to-animate-css-grid-layouts-image-grid-project–cms-108937t

  • A simple way of building a periodic table in #CSS. https://dev.to/madsstoumann/the-periodic-table-in-css-3lmm #webdev

  • "Hire #HTML and #CSS people" https://robinrendle.com/notes/hire-html-people/ #webdev

  • #SVG Coding Examples: Useful Recipes For Writing Vectors By Hand #webdev #frontend #CSS https://www.smashingmagazine.com/2024/09/svg-coding-examples-recipes-writing-vectors-by-hand/

  • Creating a custom cursor for your website #HTML #CSS #webdev https://dev.to/bridget_amana/creating-a-custom-cursor-for-your-website-2jpo?ref=web-design-weekly.com

  • cssnano takes your nicely formatted #CSS "and runs it through many focused optimisations, to ensure that the final result is as small as possible for a production environment". #webdev https://cssnano.github.io/cssnano/

  • A (more) Modern #CSS Reset. https://piccalil.li/blog/a-more-modern-css-reset/

  • "Two Ways to Create Custom Translated Messaging for #HTML Forms" https://css-tricks.com/two-ways-to-create-custom-translated-messaging-for-html-forms/ #CSS #translation

  • Untitled post 59641

    "How are you doing learning #CSS grid?" Me: 🤔 #webdev #memes

  • #CSS-only infinite scrolling carousel animation "Uses & nesting selector syntax, which is a Baseline 2023 feature." https://blog.logto.io/css-only-infinite-scroll

  • Untitled post 59634

    #CSS @property and the New Style https://ryanmulligan.dev/blog/css-property-new-style/ "The ensuing demo explores what's possible in the next generation of CSS."

  • Why I 🧡 the web. Someone made a site that lets everyone edit the same #gradient in real-time. https://internetgradient.com/ Going a little #viral so it's slow. Best to use on a desktop, full screen and Chrome (Firefox worked slower). #CSS

  • #CSS finally adds vertical centering in 2024 https://build-your-own.org/blog/20240813_css_vertical_center/

  • A recent and "fresh look" at the #CSS grid template areas and how to take advantage of its full potential. #webdev https://ishadeed.com/article/css-grid-area/

  • An introduction to #CSS container queries. https://www.hongkiat.com/blog/css-container-queries/?ref=web-design-weekly.com #webdev

  • A collection of simple one-line #CSS solutions to add "little improvements to any web page". https://alvaromontoro.com/blog/68055/ten-css-one-liners-for-almost-every-project #webdev

  • …and here's an #opensource app that turns #photos into kaleidoscope animations. #JavaScript #CSS https://collidingscopes.github.io/

  • Flow Charts with #CSS Anchor Positioning https://coryrylan.com/blog/flow-charts-with-css-anchor-positioning

  • From @chriscoyier "One of the Boss Battles of #CSS is Almost Won! Transitioning to Auto" https://frontendmasters.com/blog/one-of-the-boss-battles-of-css-is-almost-won-transitioning-to-auto/ "The experimental CSS function calc-size(auto) can be used so that transitions and animations can go from zero (0) to this value. But that is unlikely to be the final syntax! ⚠️ So be forewarned."

  • Nice tip: Case Insensitive #CSS Attribute Selector https://davidwalsh.name/css-attribute-case

  • "Here’s What We Learned From the First State of #HTML Survey" https://frontendmasters.com/blog/state-of-html-2023-results-2 "…when asked how they allocated their time between writing HTML/#CSS and JavaScript/TypeScript code, 59% said they spent more than half their time writing #JavaScript – even though the survey was clearly aimed at people interested in HTML."

  • "In Praise Of The Basics" https://www.smashingmagazine.com/2024/05/in-praise-of-the-basics/ "Long live the basics! Long live the “a-ha!” moments that help us all fall in love with the World Wide Web." #webdev #oldschool #html #css

  • Modern #CSS Layouts: You Might Not Need A Framework For That #webdev https://www.smashingmagazine.com/2024/05/modern-css-layouts-no-framework-needed/

  • Making a tic-tac-toe game with 'randomness' using pure #HTML and #CSS. Without #JavaScript. https://blog.scottlogic.com/2024/05/17/noJS-2-stochastic-boogaloo.html

  • Why new #CSS features aren't getting fast adoption as one might think. https://mxb.dev/blog/old-dogs-new-css-tricks/ "While there are many different reasons for the slow adoption, I think one of the biggest barriers are our own brains."

  • matcha.css is a "drop-in semantic styling library in pure #CSS". https://matcha.mizu.sh/ Designed to style #HTML elements similarly to a default browser stylesheet, eliminating the need for users to manually patch their documents. Ideal for fast prototyping, static HTML pages, #Markdown generated documents, etc.