🎩 HTML Hacks - 10 Bizarre Tricks That Actually Work
Tags: css, html, ui, webdev
Published: 2023-12-14 13:33:00


**Hey everyone** ✌️ Here's a quick look at this week's newsletter:

☠️ Is Flat Design Dead?  
📖 Typography in UI  
✨ JavaScript Who? Coding with Less"

Enjoy this week's edition 👋 - Adam at Unicorn Club.  

---

Sponsored by  [AdventJS](https://go.unicornclub.dev/adventjs)

## [Crack the Code this Holiday with AdventJS!](https://go.unicornclub.dev/adventjs)

[![](https://unicornclub.dev/wp-content/uploads/2023/12/adventjs-pub.jpg)](https://go.unicornclub.dev/adventjs)

AdventJS is an engaging and festive coding event for the holiday season. It presents a digital advent calendar, where each day from December 1st to the 25th reveals a new coding challenge.

Participants can solve these creative and stimulating problems using JavaScript or TypeScript!

[**Unwrap Your First Challenge Now!**](https://go.unicornclub.dev/adventjs)

---

### 🖌️ CSS

[**You don't need JavaScript for that**](https://www.htmhell.dev/adventcalendar/2023/2/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

It's one of the core principles of web development and it means that you should Choose the least powerful language suitable for a given purpose.

[**Oh No, Overflow!**](https://css-irl.info/oh-no-overflow/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

The overflow CSS property (shorthand for overflow-x and overflow-y) controls what happens when the stuff you put inside a box is bigger than the box itself.

[**Using :has as a previous sibling selector**](https://dev.to/nicm42/using-has-as-a-previous-sibling-selector-4g83?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

I got very excited this week when I finally used :has. The trouble with it has been browser support, which isn't yet high enough to use it in production code.

### 🎨 Design

[**Is the flat design trend finally over?**](https://uxdesign.cc/is-the-flat-design-trend-finally-over-1e531ceb0ffa?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Designers might be at a crossroads with flat design and more detailed and three-dimensional design elements.

[**User Interface Typography**](https://imperavi.com/books/ui-typography/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

This book is about how to do good user interface typography, from basic things and principles to building layout and various design elements.

### 🧑‍💻 Dev

[**HTML & CSS for a One-Time Password Input**](https://chriscoyier.net/2023/12/04/html-css-for-a-one-time-password-input/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

The design and user experience was considered, like using the arrow keys to move between the inputs and handling “paste”.

[**10 Weird HTML Hacks**](https://tedium.co/2023/11/24/weird-html-hacks-history/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Many of these code quirks shouldn’t work, but somehow they do.

[**HTML Web Components Are Having a Moment**](https://cloudfour.com/thinks/html-web-components-are-having-a-moment/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

If you’ve missed the buzz around “HTML Web Components,” then consider these excellent articles.

### 🔥 Promoted Links

_Share with 2,000+ readers, book a  [classified ad](https://unicornclub.dev/sponsorship#classified-placement)._

[**Join a community of developers, testers, and hackers**](https://go.unicornclub.dev/api-inner-circle-newsletter)

Subscribe today for FREE and get exclusive tips, tricks, and killer command line cheats to hack your apps and APIs.

#### Support the newsletter

If you find Unicorn Club useful and want to support our work, here are a few ways to do that:

🚀 [Forward to a friend](https://preview.mailerlite.io/preview/146509/emails/107358530372109913)

📨 Recommend friends to  [subscribe](https://unicornclub.dev/)

📢 [Sponsor](https://unicornclub.dev/sponsorship)  or book a  [classified ad](https://unicornclub.dev/sponsorship#classified-placement)

☕️ [Buy me a coffee](https://www.buymeacoffee.com/adammarsdenuk)

_Thanks for reading ❤️  
[@AdamMarsdenUK](https://twitter.com/AdamMarsdenUK)  from Unicorn Club_