Clik here to view.
Shadow DOM-less Web Component library
I don’t know if this is a dumb idea, but with my current knowledge, this seems like a good idea.Maybe it’s best for non-atomic components, like layout components or templates, whatever you want to call...
View ArticleHarder than being disabled
You know what’s harder than being disabled, accepting that you’re actually disabled.You know what’s harder than accepting that you’re actually disabled, not holding yourself up to internalised ableist...
View ArticleClik here to view.
CSS Grid vs Flexbox: How to decide (with examples)
Should you use a hammer or a screwdriver? Of course that would depend on the job!The same is true when comparing CSS Grid vs Flexbox. No one layout mode is better than the other. It depends on the task...
View ArticleClik here to view.
Element.closest()
Element: closest() method - Web APIs | MDNThe closest() method of the Element interface traverses the element and its parents (heading toward the document root) until it finds a node that matches the...
View Articletweetback
Over the weekend, I turned my twitter archive into something useful over at twitter.ellyloel.com using tweetback, which is a great little tool.If you’re ditching twitter too or if you’re interested in...
View ArticleClik here to view.
Raycast wrapped
UsageSupercharged ProductivityLet’s take a look at how you used Raycast over the last year to become productive and stay focused.7351 Raycast opened.2937 Actions performed.You installed Raycast 423...
View ArticleDetails summary marker
By default, <summary> inside <details> gets a display: list-item;, that’s where the lil triangle ::marker comes from. So it follows that if you change the display value, you will lose the...
View ArticleClik here to view.
CSS Nesting
First nesting syntax surveyTwitterHelp pick a syntax for CSS nesting | Blog | Chrome for DevelopersTwo competing syntaxes need your help in determining which should be championed through to a...
View ArticleDomains
ellyloel.com is my main domain.elly.to is for my personal URL shortener.elly.lol is for fun, it’s painfully close to my actual name but just a tiny little bit off.
View ArticleClik here to view.
Google fonts hate her, speed up your website with this one weird trick!
Jokes aside, I have spent a fair amount of time and effort figuring out how to improve my font situation.Like many others, my “font setup” consisted of these three...
View ArticleCustom Open Graph Images, yet another way
Creating a page for every page⚠️ This probably isn’t the best way to do this!If you’re following along keep this in mind, and if you know a better way to do it please let me know, so I can update...
View ArticleClik here to view.
Input types a11y
TL;DRSee here for a list of every single input type.The bad ones:buttondatedatetime-localemailmonthnumberresetsearchsubmittimeweekThe good ones:checkboxfilehiddenpasswordradiotextThe I’m not sure...
View ArticleClik here to view.
Too scared to start
I have so many ideas but I’m too scared to actually turn them into anything.I’m scared of getting stuck. I’m scared of being frustrated. I’m scared of wasting time. I’m scared of not being able to do...
View ArticleClik here to view.
CSS wishlist 2023
I know I’m late, but hey why not!To be polished…This is a bit of a messy brain dump, poke me on Mastodon to clean it up.Things that don’t exist yetJust to be clear, when I say “don’t exist yet” I mean...
View ArticleClik here to view.
CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best...
I’m big on modular design. I’ve long been sold on dividing websites into components, not pages, and amalgamating those components dynamically into interfaces. Flexibility, efficiency and...
View ArticleClik here to view.
Web: How to document the screen reader user experience - Accessibility, Your...
User experience designers guide - How to document the screen reader user experience for web content. Using your visual as a starting point, we’ll take you step by step through how to document the...
View ArticleClik here to view.
Clik here to view.
The ideal viewport doesn’t exist
Before you settle on basing design decisions on a handful of strict breakpoints, make sure you consider the vast fragmentation of screen sizes and browser viewports.Link to link
View ArticleClik here to view.
Designing for the autistic community
Product design principles that will improve usability for everyone.Link to article
View Article
