davidbisset.social

webdev

  • Helpful boommark especially for #webdev folks – an alt decision tree. https://www.w3.org/WAI/tutorials/images/decision-tree/ #a11y

  • 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

  • "Build for the Web, Build on the Web, Build with the Web" From @csswizardry https://csswizardry.com/2025/01/build-for-the-web-build-on-the-web-build-with-the-web/ "Web as a platform = a safe bet…Opt into features incrementally…Embrace progressive enhancement…Write code that leans into browser, not away from it." #webdev #frontend #css

  • Untitled post 60276

    “Ever troubleshoot a #WordPress site and spot an old plugin that you didn’t know even existed?” 🤔 #memes #webdev #oldschool

  • https://open-props-ui.netlify.app allows you to use components (like a menu, button, badge, or form elements) that you can copy and paste to your project. #opensource: https://github.com/felix-bohlin/ui #frontend #webdev #CSS

  • A nice little #CSS button generator, in case you need one in a pinch. https://markodenic.com/tools/buttons-generator #webdev

  • "Top 25 Website Fonts for 2025" https://bestwebdesigntools.com/blog/designers-favorite-top-25-website-fonts-for-2025 i'm not a big font person, but sometimes I do like to change things up. I'm a rebel. #free #frontend #webdev #fonts

  • Some #opensource and free #Laravel SaaS Starter Kits. "…comes with a lot of features that are common to most #SaaS applications such as user authentication, subscription billing, team management, etc." https://www.amitmerchant.com/open-source-laravel-saas-starter-kits/ #PHP #webdev

  • Interesting: matcha.css is a drop-in semantic styling library in pure #CSS. https://matcha.mizu.sh “Ideal for fast prototyping, static HTML pages, Markdown-generated documents…”. No dependencies Semantic. #webdev

  • Not a big fan of distractions while I code, but this IS cute. https://github.com/tonybaloney/vscode-pets This adds playful pets 🦀🐱🐶 in your VS Code window. #vscode #webdev #programming

  • #PHP version stats: January, 2025 Good data here from Brent Roose ("stitcher"). Recent numbers here, but his post has lots more comparative data. 7.4 – 7.6%8.0 – 3.4%8.1 – 18.1%8.2 – 28.6%8.3 – 32.7%8.4 – 5.1% https://stitcher.io/blog/php-version-stats-january-2025 #webdev #Laravel

  • For developers using #Git, keep this handy if you use "Oops" (or other words) when you hit a problem… https://ohshitgit.com Like undoing commits, wrong branches, and more. #webdev

  • Nice to see a moderate pain in the #CSS butt addressed. https://developer.chrome.com/blog/css-text-box-trim Take back space from above and below your text content. #webdev

  • Nice if you end up using #FFmpeg. https://ffmpegbyexample.com/ #webdev #video

  • Untitled post 60236

    Client: "The forms on our website should cover ALL the bases." 🤔 #memes #webdev #UX

  • Untitled post 60229

    "Ever see things in real life that remind you of code bases you've worked on?" 🤔 #programming #memes #webdev

  • Relatively New Things You Should Know about #HTML Heading Into 2025 (from @chriscoyier.net on @frontendmasters.com) https://frontendmasters.com/blog/bone-up-html-2025/ And yes! Styleable <select>s are coming! 🎉 #CSS #webdev

  • Picyard is a tool for making your code snippets look nice with various themes and languages supported. I've seen apps (paid and free) do this, but if you need a free online solution work a look. https://www.picyard.in/code #frontend #CSS #webdev #JavaScript #PHP

  • https://colorify.rocks #AI generated color palettes. Enter any keyword or theme to generate. I tried it out – some good, some ok. But worth a bookmark IMO. #webdev #CSS

  • Why I 🧡 the web. There's a cat API (of course). 🐱 https://thecatapi.com #api #webdev #cats

  • Beautiful focus outlines in #CSS. "When we treat focus outlines as essential design elements rather than afterthoughts, we create interfaces that are both beautiful and inclusive." https://medienbaecker.com/articles/focus-outlines #accessibility #webdev via @medienbaecker

  • Sadly, only good companies know the importance of people having skills BEYOND coding (call them "soft skills" or whatever). And some people will find these a challenge. But they are important IMO for a good potential career future. And no, I believe coders will exist but this is still worth a read because it's mostly…

  • Nice collection of #CSS transitions here for the taking. https://www.transition.style #webdev

  • Untitled post 60202

    Client: “Sure we used AccessiBe to make our site accessible, why do you ask?” 🤔 #a11y #webdev #Accessibility #memes

  • If you wanted a little philosophy and self reflection with your #CSS then this might hit the spot. I’ve never personally identified with z-index until today. https://dev.to/eioluseyi/z-index-and-the-hierarchy-of-needs-1n #frontend #css #webdev

  • Untitled post 60196

    Client: “I’m sure the 8 web developers over the past 5 years that never communicated with each other built the code just fine.” 🤔 #webdev #javascript #memes

  • Nice. A #CSS flex box "playground" from Yoav Sabag. Experiment with different flex properties to understand how they affect layout. Adjust the controls below to see changes in real-time and copy the generated CSS code. #webdev https://yoavsbg.github.io/css-flexbox-playground/

  • Untitled post 60173

    Literally the last day of the year to finish your big project and you can’t get that 1% of #CSS to line up. #memes #webdev

  • A “no-nonsense guide” to frontend for backend developers. https://hojimat.com/frontend-intro/. #webdev #frontend