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