davidbisset.social

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

  • An Interactive Guide to #SVG Paths…. understanding the #HTML <svg> and more. https://www.joshwcomeau.com/svg/interactive-guide-to-paths/ #webdev #CSS

  • Why I 🧡 the web. Supposedly a site that shows the current sky at your approximate location as a #CSS gradient. https://dlazaro.ca #opensource https://github.com/dnlzro/horizon #TypeScript #webdev

  • "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

  • Optician Sans is a free #font based on historical eye charts and optotypes. 👀👓 #webdev #fonts #CSS https://optician-sans.com/

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

  • DaisyUI is a #Tailwind CSS component library that uses "semantic class names". https://daisyui.com/ #CSS #webdev

  • Untitled post 60680

    .house { position: relative; bottom: -500px;} #memes #css

  • https://glass3d.dev/ is a #CSS generator for a "hi res glass effect". #webdev

  • Poking at the #CSS if() Function a Little More and applying it to conditional color theming: https://css-tricks.com/poking-at-the-css-if-function-a-little-more-conditional-color-theming/ #webdev

  • Creating a timezone-aware clock without any #JavaScript #CSS https://lazy-guy.github.io/blog/clock/ #webdev

  • Untitled post 60645

    .bathroom { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row; } #memes #CSS

  • Untitled post 60637

    .tv { width: 10%; top: 0; position: absolute;} #memes #webdev #CSS

  • csv-to-html-table ( derekeder/csv-to-html-table )

    :arrow_down_small: Display any CSV (comma separated values) file as a searchable, filterable, pretty HTML table Created by derekeder on Jun 13, 2015.

  • Display any CSV file as a searchable, filterable, pretty HTML table. https://github.com/derekeder/csv-to-html-table #CSS #HTML #webdev

  • Hiding elements that require JavaScript without #JavaScript https://0xda.de/blog/2025/04/hiding-elements-that-require-javascript-without-javascript #CSS #webdev

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

  • "Plain Vanilla" "An explainer for doing web development using only vanilla techniques. No tools, no frameworks — just #HTML, #CSS, and #JavaScript." https://plainvanillaweb.com #webdev

  • Untitled post 60607

    .bathroom { width: 300%;} #memes #CSS

  • Untitled post 60598

    .door { max-width: 90%; float: right;} #memes #CSS #webdev

  • 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

  • Apache ECharts:An #opensource visualization library in #JavaScript. https://echarts.apache.org/en/index.html Also see https://chartscss.org/ #CSS #webtools #webdev #charts

  • "Rewriting my site in vanilla web" https://leanrada.com/notes/vanilla-web-rewrite/ #webdev #JavaScript #HTML #CSS

  • 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

  • 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

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

  • "Classless.css" is a new lightweight #CSS framework with “zero desire to add classes”. I know a few of these exist, and this one looks nice. Probably good for rapid prototyping or simple blogs. https://digitallytailored.github.io/Classless.css/ #webdev