davidbisset.social

frontend

  • HTML’s Best Kept Secret: The <output> Tag https://denodell.com/blog/html-best-kept-secret-output-tag #HTML #frontend #css #webdev

  • Untitled post 60784

    Client hiring: "Our last developer added a feature at the last minute and we need you to fix a little #CSS". The feature: #webdev #memes #freelancelife #frontend

  • "The least amount of CSS for a decent looking site." https://thecascade.dev/article/least-amount-of-css/ It's from 2023 – not that old – and "min or intro CSS is debated but looks still like a great intro for the absolute beginner to dip their toes into #CSS. #webdev #frontend

  • Gallery of system font stack #CSS organized by typeface classifications. https://modernfontstacks.com/ "The fastest #fonts available. No downloading, no layout shifts, no flashes — just instant renders." #webdev #frontend

  • Why I 🧡 the web. loadmo.re is a mobile websites gallery "showcasing the best design inspiration for unconventional web". I love galleries – so many cool and edgy things especially in the web 1.0 days. 👍 👀 #frontend #design #webdev #CSS

  • "How I, a non-developer, read the tutorial you, a developer, wrote for me, a beginner" #developer #webdev #frontend #tutorial #programming https://anniemueller.com/posts/how-i-a-non-developer-read-the-tutorial-you-a-developer-wrote-for-me-a-beginner

  • "Why I’m Writing Pure #HTML & #CSS in 2025" https://joeldare.com/why-im-writing-pure-html-and-css-in-2025 #webdev #frontend

  • Why semantic #HTML still matters https://www.jonoalderson.com/conjecture/why-semantic-html-still-matters/ #webdev #frontend #css

  • A #CSS only time progress bar to use in #markdown / #GitHub Pages https://christianheilmann.com/2025/09/05/a-css-only-time-progress-bar-to-use-in-markdown-github-pages/ #webdev #frontend

  • "Basecoat" ia "all of the shadcn/ui magic, none of the #React." A components library built with #Tailwind #CSS that works with any web stack. https://basecoatui.com #webdev #frontend

  • https://awesomeindex.dev/ allows you to search trouble GitHub's "Awesome" Lists. #webdev #frontend #CSS #webtools #Github

  • 7.css is a #CSS framework for building interface components that look like #Windows 7. https://khang-nd.github.io/7.css/ #webdev #frontend

  • How to have the browser pick a contrasting color in #CSS via @jensimmons https://webkit.org/blog/16929/contrast-color/ #webdev #frontend

  • Why I 🧡 the web. WebTUI is a modular #CSS library that brings the beauty of Terminal UIs to the browser. 💻 https://webtui.ironclad.sh/ #frontend #webdev

  • Untitled post 60559

    Some nice #SVG tricks. Animated "Knight Rider" bars, table of contents tweaks, and more. https://fuma-nama.vercel.app/blog/svg-art #webdev #frontend #CSS

  • "Default styles for h1 elements are changing" #frontend #webdev #HTML https://developer.mozilla.org/en-US/blog/h1-element-styles/

  • A typeface for creating sparklines in text without code. https://github.com/aftertheflood/sparks?tab=readme-ov-file Works on both the desktop and the web where it works without #Javascript, though it does require a modern-ish web browser. #font #frontend #webdev

  • NebulaSans is a #font with two styles in six weights… good for "interfaces, print, and for any other graphical, digital, physical, metaphysical, metaphorical, or allegorical typeface needs". Available "for anyone to use under the SIL Open Font License." https://nebulasans.com/ #frontend

  • Wow if you are a #frontend or #CSS nerd, then come for the in-depth on anchor tags, stay maybe for the site design which is nice. https://thirty-five.com/overengineered-anchoring #webdev

  • Minimal #CSS only blurry image placeholders https://leanrada.com/notes/css-only-lqip/ #frontend #webdev

  • Debunking native in-browser spell-jacking. "For input fields that handle sensitive information, such as passwords, personal details, or proprietary data, ensure the spellcheck attribute is set to false." (TLDR: Being on the safe side) https://medium.com/doctolib/debunking-native-in-browser-spell-jacking-0fccdc06373b #frontend #webdev

  • How to do transparent inner border for images in #CSS https://css-tip.com/inner-border/ Cut a border from the inside of an image using the mask property and two gradients. #frontend

  • How to get those nice "super crispy" #SVG icons. https://persevering.substack.com/p/super-crispy-svg-icons #frontend #webdev

  • Styling Counters in #CSS https://css-tricks.com/styling-counters-in-css/ #frontend #webdev

  • Nice tool for #frontend developers and others. "Special #HTML Symbols" Copy a wide range of HTML symbols (arrows but lots of other ones, some of which I'm reminded exist. https://symbl.revend.group #webdev #webtools

  • Styling an #HTML dialog modal to take the full height of the viewport https://til.simonwillison.net/css/dialog-full-height #frontend

  • Trig-Animations.css "Predefined and configurable #CSS scroll animations that drop straight into your projects HTML." https://idev-games.github.io/Trig-JS/animations.html #frontend

  • On the #HTML front: "With the command and commandfor attributes, buttons can now perform actions on other elements declaratively." https://developer.chrome.com/blog/command-and-commandfor See: https://html.spec.whatwg.org/multipage/form-elements.html#attr-button-command #webdev #frontend

  • Interesting: Image comparison slider in 6 lines of #JavaScript https://muffinman.io/blog/image-comparison-slider/ @codepen.io – https://codepen.io/stanko/pen/myddXKm #CSS #webdev #frontend

  • Agreed. "Knowing #CSS is mastery to Frontend Development." https://helloanselm.com/writings/knowing-css-is-mastery-to-frontend-development via https://mastodon.social/@helloanselm "You won’t be a master at frontend development if you don’t understand underlying mechanisms of a language." #webdev #frontend