Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Hasty Treat - CSS Units

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

<p>In this Hasty Treat, Scott and Wes talk about CSS units (e.g. rems vs ems, px, ch, vmax), when and why you want to be using them, tips and tricks, and more!</p> <h2><a id="LogRocket__Sponsor_9" name= "LogRocket__Sponsor_9"></a>LogRocket - Sponsor</h2> <p><a href="https://logrocket.com/syntax">LogRocket</a> lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session replayer and a performance monitor. Get 14 days free over at <a href= "https://logrocket.com/syntax">https://logrocket.com/syntax</a>.</p> <h2><a id="Show_Notes_13" name="Show_Notes_13"></a>Show Notes</h2> <p>2:32</p> <ul> <li>Typography with CSS units</li> </ul> <p>12:04</p> <ul> <li>Pixels</li> </ul> <p>15:17</p> <ul> <li>Viewport units</li> </ul> <p>15:51</p> <ul> <li>ch units</li> </ul> <p>16:35</p> <ul> <li>inch/cm for print</li> </ul> <p>17:19</p> <ul> <li>Percentages</li> </ul> <p>18:10</p> <ul> <li>Media queries</li> </ul> <p>19:41</p> <ul> <li>Flexbox (flex-grow)</li> </ul> <p>20:28</p> <ul> <li>CSS Grid: flexible units: 1fr 2fr</li> </ul> <h2><a id="Links_51" name="Links_51"></a>Links</h2> <ul> <li><a href="https://sentry.io/">Sentry</a></li> </ul> <h2><a id="Tweet_us_your_tasty_treats_54" name= "Tweet_us_your_tasty_treats_54"></a>Tweet us your tasty treats!</h2> <ul> <li><a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li><a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li><a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li><a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li><a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li><a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li>Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this Hasty Treat, Scott and Wes talk about CSS units (e.g. rems vs ems, px, ch, vmax), when and why you want to be using them, tips and tricks, and more!
 LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session replayer and a performance monitor. Get 14 days free over at https://logrocket.com/syntax.
 Show Notes 2:32
 Typography with CSS units
 12:04
 Pixels
 15:17
 Viewport units
 15:51
 ch units
 16:35
 inch/cm for print
 17:19
 Percentages
 18:10
 Media queries
 19:41
 Flexbox (flex-grow)
 20:28
 CSS Grid: flexible units: 1fr 2fr
 Links Sentry
 Tweet us your tasty treats! Scott’s Instagram
 LevelUpTutorials Instagram
 Wes’ Instagram
 Wes’ Twitter
 Wes’ Facebook
 Scott’s Twitter
 Make sure to include @SyntaxFM in your tweets

Aplikace Youradio Talk

Hasty Treat - CSS Units

Poslechněte si podcast