Mike

Mike

@mostlyfocused.com

I'm a full stack web dev who likes to write technical articles. https://mostlyfocused.com

127 followers318 following69 posts

Mike
@mostlyfocused.com

"Hey Mike, check out my new function: getGlobalStatus" "What does it do?" "Oh, it sets Claim messages." "What does it return?" "Nothing." "Do you see any issues with that name?" "No." I'm tired boss.

Mike
@mostlyfocused.com

Why use React's conditional rendering to remove a tag when you could instead use a CSS module to always set the height to 1px and then import a different CSS module to conditionally set the height to "auto?" Shitty results, with 4 times the effort! Bonus: it's impossible to test and not accessible!

Mike reposted

Jhey ส•ยทแดฅยทใ€€ส”
@jhey.dev

<table> highlighting with CSS :has() ๐Ÿ’ก td:has(~ td:hover), /* previous sibling cells */ table:has(td:nth-of-type(3):hover) /* column cells */ tr:not(:first-of-type):has(~ tr:hover) td:nth-of-type(3) { background: var(--highlighted); }

Mike reposted

David Darnes
@darn.es

HTML, CSS, JS & A11y course stack: - HTML For People by @blakewatson.com: htmlforpeople.com - Complete CSS by @piccalil.li: complete-css.com - Joy For JavaScript Developers by @joshwcomeau.com: www.joyforjs.com - Practical Accessibility by @sarasoueidan.com: practical-accessibility.today

practical-accessibility.todayThe Practical Accessibility CourseA get-right-down-to-it online course for Web designers and developers who want to start creating more accessible Web user interfaces and digital products today

Mike reposted

Una Kravets
@una.im

Dang I'm excited about new semantic attr() capabilities in CSS! I wrote a post about why this feature is so powerful, how it could change the way you build components, and how I would use it. Advanced attr() is rolling out in Chrome 133 starting next week ๐Ÿฅฐ una.im/advanced-attr/

una.imuna.im | New capabilities for attr()Advanced attr() is landing in Chrome 133, and I'm really excited for this feature! Here's a bit about it and how you can use it.
Mike
@mostlyfocused.com

Wrote a piece about Docker images, Dockerfiles, and containers, and what they each do. But mostly I'm just proud of this little graphic I made

Mike reposted

Shannon Osaka
@shannonosaka.bsky.social

Pretty amazing that nonprofit Watch Duty -- which says it has 150 volunteers working around the clock to track wildfires -- has become the most trusted source of information on LA fires. Operated by retired/volunteer firefighters, dispatchers, and reporters. Real people. www.watchduty.org

watchduty.orgWatch Duty - Wildfire Maps & AlertsWatch Duty, a 501(c)(3) nonprofit, alerts you of nearby wildfires and firefighting efforts in real-time.

Mike reposted

Frontend Focus ๐Ÿš€
@frontendfocus.bsky.social

New Frontend Features For Designers In 2025: https://www.smashingmagazine.com/2024/12/new-front-end-features-for-designers-in-2025/

smashingmagazine.comNew Front-End Features For Designers In 2025 โ€” Smashing MagazineSearching for the most flexible front-end workflows and toolkits, itโ€™s easy to forget how powerful some of the fundamentals on the web have become these days. This post is a journey through new front-end features and what they are capable of.

Mike reposted

Cory LaViska
@cory.laviska.com

โ€œIn todayโ€™s web-first world, most native apps feel redundant, cluttering our phones unnecessarily. With how far modern web technologies have come, itโ€™s time to rethink if we really need them.โ€ rogueengine.io/blog/your-ap...

rogueengine.ioYour App Should Have Been A Website (And Probably Your Game Too)Discover why native apps are becoming obsolete in today's web-first world. Learn how web apps, including web games, are revolutionizing industries and how platforms like Rogue Engine are leading the c...
Mike
@mostlyfocused.com

Finally fixed all the annoying layout shifts on my site. It took me a while to figure out what was causing it (even after inlining all css), and then I realized it was the web components. They're such an interesting feature, but you have to be careful with them.

Mike reposted

Corbin Crutchley
@crutchcorn.dev

If you're new to following me, I'd love to share my book that I published in March: framework.guide It teaches React, Angular, and Vue for free! No email signups, no account needed, nothing. I want to help get others into tech and this is part of that process. ๐Ÿ’– Feedback welcomed! ๐Ÿ’ก

framework.guideThe Framework Field GuideA practical and free way to teach Angular, React, and Vue all at once, so you can choose the right tool for the job and learn the underlying concepts in depth.

Mike reposted

Ashlee ๐ŸคŸ๐Ÿป
@ashleemboyer.com

Hi! Any of these sound like you? - I'm new to accessibility - Idk where to start testing - I want to sharpen my skills - I'm looking for quick wins - Idk which issues to fix first Yeah? Try out my new guide! There's a sweet deal at the end. ๐Ÿ˜Ž semanticfish.com/automating-a... #a11y #accessibility

semanticfish.comAutomating Accessibility: A Free Digital Guide | Semantic Fish Creative GroupHow To Test for the 6 Most Common Accessibility Issues on Home Pages
Mike
@mostlyfocused.com

Given that we've already seen some recent models cost hundreds of dollars a month, I worry that these code completion style workflows aren't a good tool to become dependent on. If you're starting out with coding, be careful with things like this.

GitHub@github.com

A new free tier of GitHub Copilot in Visual Studio Code. โœ… 2,000 code completions per month ๐Ÿ’ฌ 50 chat messages per month ๐Ÿ’ซ Models like Claude 3.5 Sonnet or GPT-4o โ™ฅ๏ธ More fun for you Check it out today! Oh yeah, and we passed 150M developers on GitHub ๐Ÿ’… github.blog/news-insight...

github.blogAnnouncing 150M developers and a new free tier for GitHub Copilot in VS CodeCome and join 150M developers on GitHub that can now code with Copilot for free in VS Code.