An in-depth guide to customising lists with CSS - Piccalilli
Think you know about styling lists with CSS? Think again!
This is just a taste of the kind of in-depth knowledge that Rich will be beaming directly into our brains at Web Day Out…
Think you know about styling lists with CSS? Think again!
This is just a taste of the kind of in-depth knowledge that Rich will be beaming directly into our brains at Web Day Out…
Great minds think alike! I have a very similar HTML web component on the front page of The Session called input-autosuggest.
So, let’s start with a simple premise: how can we make design less opaque and encourage teams to make small changes more efficiently? Not every product decision needs to be a big, complicated design process.
This checklist, in four parts, is meant to be a simple, lightweight way for the team to get the ‘gist’ of the issue and make a shared decision quickly. It’s a starting point, a way to get the critical information in once place so the entire team can understand and discuss. The four parts are:
- Gather: Bring the right info together into a single place
- Impact: List the size of the problem and possible risks
- Sketch: Create a preliminary sketch of a solution
- Team Huddle: Get the product team to discuss and agree on a solution.
This is very nice HTML web component by Miriam, progressively enhancing an ordered list of audio elements.
This is a damned fine list.
There was life before Google search. There will be life after Google search.
Google is not a huge source of traffic and visibility. I get most of my visits from RSS readers, other people’s links including fellow bloggers, or websites like Hacker News. It’s hard to tell at this point since I don’t track anything, but that’s an educated guess.
Removing my website from Google would have very little impact, so I was wondering if I should just do it.
I’ve read 16 of these and some of the others are on my to-read list. It’s a pretty good selection, although the winking inclusion of God Emperor Of Dune by the SEO guy verges on trolling.
A depressing but accurate description of the economics of web development.
I like how Paul has recreated his own version of This Is My Jam and I really like how he’s done it with an HTML web component.
Gosh! And I thought I had strong opinions about markup!
A historical record of foundational web development blog posts.
Every one of these 42 articles are gold!
It warms my heart to see Resilient Web Design included in this list.
A plea to let users do web things on websites. In other words, stop over-complicating everything with buckets of JavaScript.
Honestly, this isn’t wishlist isn’t asking for much, and it’s a damning indictment of “modern” frontend development that we’ve come to this:
- Let me copy text so I can paste it.
- If something navigates like a link, let me do link things.
- …
Annalee Newitz:
When we imagine future tech, we usually focus on the ways it could turn humans into robotic workers, easily manipulated by surveillance capitalism. And that’s not untrue. But in this story, I wanted to suggest that there is a more subversive possibility. Modifying our bodies with technology could bring us closer to the natural world.
Stéphanie has gathered a goldmine of goodies:
Articles, resources, checklists, tools, plugins and books to design accessible products
See, about a year or so ago, I took inspiration from Kevin Smokler to set about listening through my entire music library alphabetically by song title.
I think I’m going to do this! I have a paltry 10,602 songs so it should take a mere 29 days of continuous listening.
I hadn’t come across this before: a barebones blogging tool with built-in fediverse support—neat!
Styling a list of nested details elements to create a beautiful lokking tree view, all in CSS, all nicely accessible.
Pessimism always sounds smarter than optimism because optimism sounds like a sales pitch while pessimism sounds like someone trying to help you.
I usually hate these kinds of lists of bumper-sticker aphorisms but some of these have me pondering my own work, like this one:
People learn when they’re surprised. Not when they read the right answer, or are told they’re doing it wrong, but when they experience a gap between expectations and reality.
Or this:
There are two types of information: stuff you’ll still care about in the future, and stuff that matters less and less over time. Long-term vs. expiring knowledge.
If you were at dConstruct on Friday and you enjoyed the mood music during the breaks, this is what you were listening to.
I’m not usually that keen on lists of pithy aphorisms but some of these really resonated…
- If you stop to listen to a musician or street performer for more than a minute, you owe them a dollar.
- Efficiency is highly overrated; Goofing off is highly underrated. Regularly scheduled sabbaths, sabbaticals, vacations, breaks, aimless walks and time off are essential for top performance of any kind. The best work ethic requires a good rest ethic.
- The biggest lie we tell ourselves is “I dont need to write this down because I will remember it.”
- Buy used books. They have the same words as the new ones. Also libraries.
- You can be whatever you want, so be the person who ends meetings early.
- It’s thrilling to be extremely polite to rude strangers.