Newsletter Subject

#318: Front-End Cheatsheets

From

smashingmagazine.com

Email Address

newsletter@smashingmagazine.com

Sent On

Tue, Sep 14, 2021 12:58 PM

Email Preheader Text

For looking up JavaScript and CSS, nesting HTML tags and discovering hidden gems in Git. Issue #318

For looking up JavaScript and CSS, nesting HTML tags and discovering hidden gems in Git. Issue #318 • September 14, 2021 • [View in the browser]( 💨 [Smashing Newsletter]( Sveiki Smashing Friends, What’s the right property for vertical alignment in Flexbox again? do we choose the right tag in HTML? Can we include span inside of button? For all of these and many other scenarios, having trusted online references and cheatsheets can save quite a bit of time. So for this newsletter issue, we are looking at some handy little cheatsheets and references that can be very useful as a quick look-up: from accessibility and CSS to Git and JavaScript. [Meets For Speed]( [Smashing Meets for Speed]( our next free online meet-up with Addy Osmani, Tammy Everts and Robin Marx. [Jump to the schedule →]( As of Smashing updates, we are very, very — very! — excited to welcome you to [our next free online meet-up on web performance]( and our [online workshops]( over the next couple of weeks. With useful session and a friendly, welcoming atmosphere to meet people around the world! We’d love you to join us, of course. Happy Smashing times, everyone! — Vitaly ([@smashingmag]( --------------------------------------------------------------- 1. Finding The Right HTML Tag Let’s say you want to collect data from the user, you have a list of options to choose from, more than seven even, and the user can select several of these options. Which HTML tag do you use? Benjamin Holfve’s tool [What the tag?!]( helps you find the HTML tag that suits your goals, not only in this situation but whenever you’re unsure about what’s the best one to use. [What the tag?!]( To narrow down your search, the tool confronts you with several statements about what you want to achieve with the HTML tag you’re looking for. With each answer, the picture becomes clearer, so that you get a clear recommendation after just a few steps. In the case of our example from the beginning, the tag to use would be