davidbisset.social

css

  • 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

  • Untitled post 60492

    .van { .van { .car { color: blue; } }} #meme #webdev #css

  • 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

  • "Blob Generator" was my nickname in college. It's now also a real thing, for this #JavaScript #HTML #CSS tutorial: https://webdesign.tutsplus.com/how-to-create-a-blob-generator-tool-in-javascript–cms-109107t #webdev #tutorial

  • This is awesome. 🎉 Agustin Capeletto has created a range of awesome tools at LayoutIt!, including the #CSS Voxel Editor, which showcases the power of pure CSS for #3D rendering (no #JavaScript). https://tympanus.net/codrops/2025/03/03/css-meets-voxel-art-building-a-rendering-engine-with-stacked-grids/

  • Untitled post 60458

    .pants { margin-top: -500px !important;} #memes #css

  • Why I 🧡 the web. Someone built this: "Instead of a boring scrollbar thought it would be fun to have an animated stick figure that walks up and down the side of your page when you scroll." 😍 https://focusfurnace.com/scroll_buddy.html #JavaScript #CSS

  • 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

  • Untitled post 60438

    section.wall { opacity: 0;} #memes #css

  • BritCSS ( DeclanChidlow/BritCSS )

    Fixes CSS to use non-bastardised spellings. Created by DeclanChidlow on Feb 20, 2025.

  • I love it. BritCSS fixes #CSS to use "non-bastardised" spellings using English (traditional) spellings for CSS properties, rather than English (simplified). background-colour vs background-color. 🙂 https://github.com/DeclanChidlow/BritCSS #webdev #JavaScript

  • A Content List With Bulk Actions Using Ancient #HTML and Modern #CSS https://cloudfour.com/thinks/a-content-list-with-bulk-actions-using-ancient-html-and-modern-css/ #webdev #frontend

  • Build a light/dark mode toggle switch component with #CSS & #JavaScript https://webdesign.tutsplus.com/light-dark-mode-toggle-switch-with-css-javascript–cms-109068t #webdev

  • 100+ Open Source #SVG Spinners https://magecdn.com/tools/svg-loaders?ref=web-design-weekly.com #webdev #frontend #CSS

  • ULTIMATE-JAVASCRIPT-PROJECT ( deepakkumar55/ULTIMATE-JAVASCRIPT-PROJECT )

    A comprehensive list of 500 JavaScript project ideas for developers of all skill levels. Open-source and community-driven. Created by deepakkumar55 on Jun 01, 2024.

  • Untitled post 60399

    .bathroom { width: fit-content;} #memes #css

  • Larastrap is a collection of opinionated Bootstrap 5 components for #Laravel. #PHP #CSS https://larastrap.madbob.org/

  • More #CSS goodies incoming. "CSS scrollbar-color and scrollbar-gutter are Baseline Newly available" https://web.dev/blog/baseline-scrollbar-props With the scrollbar-color property you can change the colors used for scrollbars. Using scrollbar-width you can opt-in to a narrower scrollbar or hide completely. #webdev

  • Untitled post 60337

    "How did you know that the worker installing your power outlets was formerly a bad #CSS developer?" 🤔 #memes #webdev

  • Untitled post 60329

    title { text-decoration: underline; width: 25%; word-break: all;} 🤔 #CSS #memes

  • tailwind-alchemist ( Einenlum/tailwind-alchemist )

    A CLI tool to find and replace Tailwind CSS colors 🪄 Created by Einenlum on Jan 29, 2025.

  • Untitled post 60320

    .stop-sign .hexagon { width: 50px; height: 50px;} #memes #CSS

  • Tailwind Alchemist is a #CLI tool to find and replace Tailwind #CSS colors. https://github.com/Einenlum/tailwind-alchemist Check all the #Tailwind default colors used in your project and replace existing colors with new ones while maintaining consistency. #webtools #webdev

  • Nice look'n SVG to CSS converter. Converts SVG code into a Data URI, an encoded URL format that can be used as a background-image source. #webdev #SVG #CSS https://www.svgbackgrounds.com/tools/svg-to-css/

  • Why I 🧡 the web: "Elemap" is a #TypeScript library allowing to create interactive game maps of various types, rendered using #HTML elements and #CSS. Demos:https://anbeeld.com/elemap #opensource https://github.com/Anbeeld/Elemap #gamemaps #JavaScript

  • Nice quick #HTML reference: https://htmlreference.io Also one for #CSS: https://cssreference.io #webdev

  • cs16.css is a #CSS library based on… <checks notes> …Counter Strike 1.6 UI. Neat. https://cs16.samke.me/ #webdev