Links
Can you create beautiful stroked text in CSS?
Stroked text, also referred to as outlined text, can be used to improve readability, helping letters stand out from a background. It can be employed in a variety of ways to give your webpage some additional punch.
Solving the CSS layout and source order disconnect
Your feedback is wanted on a proposed solution for the problem of layout methods arranging items in an order that is disconnected from the source of the document.
Modern HTML email (tables no longer required)
It’s well past time that Outlook got a proper update, and it’s finally here. The new Outlook switches rendering engines from Microsoft Word to Edge. Support for CSS features in the new Outlook application appears to be identical to that of outlook.com, which is a great leap forward.
Build a Better Mobile Input
By properly configuring a few key input attributes, you can make web forms much easier to use on mobile devices. Experiment with different combinations of the related
type
andinputmode
attributes, and make sure to specify anautocomplete
attribute for an optimized user experience.
Expanding Grid Cards with View Transitions
When I click on any of them it expands at the top to full width and the rest of the cards re-arrange themselves below it. Like anything web design & development, there are a boatload of ways you could do this. Different layout strategies, different combinations of native technologies, different libraries to punt to, etc. I lean native first, so this was how my brain scripted the problem:
Videos
Please NEVER do this in your CSS
For whatever reason, I’ve been seeing a lot of people running into issues because they’re declaring way too many things on their universal selector these days, so in this video I take a quick look at the type of issues that it can get you into, and when you might actually want to use it as well.
Sponsor
Sponsored by Cloud Four
Thanks to Cloud Four for sponsoring this week’s newsletter! If you’d like to help with the costs of running Friday Front-End, you can back our Patreon for as little as a dollar a month.