Doing some work for a company which has me writing some legacy CSS. Proper 2009-era stylesheets with a bit of SASS thrown in and a clear brief to work off.
Having a blast!
Doing some work for a company which has me writing some legacy CSS. Proper 2009-era stylesheets with a bit of SASS thrown in and a clear brief to work off.
Having a blast!
Tyler Sanderson, Kathryn Grayson Nanz, and Brent Stewart present on Frontend Development at Nebraska.Code().
An attempt at colorful font icon
Are Web Components & Cybersecurity A Better Combo?
I'm not trying to dunk on popular #UI #frameworks – I'm sure they're totally fine for #cybersecurity stuff, probably get loads of reviews and #audits.
But from my angle: Web Components are *native* to the #browser. Doesn't that just inherently reduce the risk of **#SupplyChainAttacks** (you know, like a rogue `npm install` on a bad network) for your #AppSecurity?
Or am I overthinking it, and the #framework choice is less important than the #browser, #OS, or #device running it? What are your thoughts, #DevCommunity?
---
Quick context: I've got a #ReactJS #messagingApp (repo here: https://github.com/positive-intentions/chat) and a separate #UIFramework (repo here: https://github.com/positive-intentions/dim) built with #Lit (which uses Web Components). I'm genuinely wondering if there's a compelling #cybersecurity reason to refactor the chat app to use my #WebComponent UI framework. Might be a whole new level of #SecurityByDesign for #FrontEndDev.
FYI, same question's on Reddit here: https://www.reddit.com/r/ExperiencedDevs/comments/1lmk1rg/are_web_components_better_for_cybersecurity/, got some good #insights, but want to make sure nothing's getting overlooked! Let's discuss #InfoSec #WebDev #JavaScript #OpenSource #TechQuestion.
People print websites, so I wrote an article over on @piccalilli about how to make sure they don’t feel the need to pull out all their hair while printing yours.
Decimate a rainforest, spend a fortune on some new ink cartridges, unjam the mechanism, print off the article, and give it a read.
https://piccalil.li/blog/printing-the-web-making-webpages-look-good-on-paper/
"Hey Meta, how to center a circle?"
New Blog Alert!
Want to make your websites faster, smarter, and cleaner?
Check out our latest post "Top JavaScript Tags Every Web Developer Should Know"
Whether you're just starting out or brushing up your skills, this guide covers the most essential JS tags like <script>, async, defer, and more — with examples and best practices!
Read now: https://www.dapirates.xyz/top-javascript-tags/
Save it for later & share with your dev friends!
#JavaScript #WebDevelopment #CodingTips #LearnJS #FrontendDev #DaPirates
React-like functional webcomponents, but with vanilla HTML, JS and CSS
Introducing Dim – a new #Framework that brings #ReactJS-like functional #JSX-syntax with #VanillaJS. Check it out here: Project: https://github.com/positive-intentions/dim
Website: https://dim.positive-intentions.com
My journey with #WebComponents started with Lit, and while I appreciated its native browser support (less #Tooling!), coming from #ReactJS, the class components felt like a step backward. The #FunctionalProgramming approach in React significantly improved my #DeveloperExperience and debugging flow.
So, I set out to build a thin, functional wrapper around #Lit, and Dim is the result! It's a #ProofOfConcept right now, with "main" #Hooks similar to React, plus some custom ones like useStore for #EncryptionAtRest. (Note: #StateManagement for encryption-at-rest is still unstable and currently uses a hardcoded password while I explore #Passwordless options like #WebAuthn/#Passkeys).
You can dive deeper into the #Documentation and see how it works here: Dim Docs: https://positive-intentions.com/docs/category/dim
This #OpenSource project is still in its early stages and very #Unstable, so expect #BreakingChanges. I've already received valuable #Feedback on some functions regarding #Security, and I'm actively investigating those. I'm genuinely open to all feedback as I continue to develop it!
Sunday Recap | May 25, 2025
Wrapping up the week with progress and purpose
Progress Report
• #Beyond365DaysOfCode Day 147
• #100DaysOfCode Day 147
• #freeCodeCamp grind still going strong
Daily Reading
freeCodeCamp News: 1 article
Daily.dev: 1 article
Planning
• Trello board updated
• #TheOdinProject landing page project pushed to GitHub
I figured I’d weigh in with my thoughts regarding all the CSS carousel stuff after being indirectly prompted by @SaraSoueidan ‘s fantastic article and @db ‘s pseudo-element discussion.
I’m digging into how useEffect behaves in React — and the render queue timing still surprises me sometimes.
It’s wild how something that seems so “after render” can still feel like it sneaks into your logic when you least expect it.
A huge help with that was a blog post on Frontend Masters written by Teng Wei Herr: https://frontendmasters.com/blog/react-internals-which-useeffect-runs-first/
Hello Mastodon! I’m a frontend dev who shares stories from my tech-life balance — coding, accessibility, React, travel tales, and a bit of gardening.
Expect #WebDev thoughts, #Accessibility tips, and maybe my #BalconyGarden updates.
We’re currently building a bunch of websites with @craftcms and may need freelance frontend dev support over the coming weeks/months.
Your profile:
- Solid Craft + Twig + Tailwind + A11y knowledge
- Turn Figma designs into responsive frontend code
- Timezone somewhat compatible with London/Berlin
Sample repo from current project: https://github.com/prototypefund/ptf-site/
Reply here or to hello@village.one with your availability, day rate and experience. Thanks! #CraftCMS #Tailwind #FrontendDev #FreelanceDev
Woah! I’m published on @csstricks !
I adore CSS-Tricks, and it has been invaluable to me over the years. I’m ecstatic to be able to contribute something back.
#WebDev #FrontEndDev #CSS #JS
RE: https://mastodon.social/@csstricks/114336363156155232
Speakers of English (traditional) rejoice, for I have fixed CSS. You can sleep easy knowing that there exists an easy way to permit writing ‘colour’ as ‘colour’.
BritCSS is a simple bit of client-side JS that permits using English spellings.
I’m Vale, a front-end developer making web stuff. I post about:
Bridging Traditional Development using XAF and AI: Training Sessions in Cairo
Feels like every time I have to work on a responsive web app, I get a renewed appreciation for why I hate #BootStrap
It's not necessarily strictly a bootstrap issue, but it feels like it encourages people to sprinkle! important throughout their stylesheets.
16 Best Extensions Used By Senior Python Developers !
16 Mejores Extensiones Para Devs Senior en Python !
Zoom: https://nubecolectiva.com/comunidad/flyers/16-best-extensions-used-by-senior-python-developers/
6 Ubuntu Versions That Shaped the Community !
6 Versiones de Ubuntu Que Marcaron a la Comunidad !
Zoom: https://nubecolectiva.com/comunidad/flyers/6-ubuntu-versions-that-shaped-the-community/