Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Margins

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 class="has-line-data" data-line-start="0" data-line-end="1">In this Hasty Treat, Scott and Wes talk about margins. There are a lot of techniques for dealing with margins - padding instead of margin, only margin or padding bottom, Flexbox for everything, Grid for everything, or a spacing Div.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Sentry__Sponsor_2" name="Sentry__Sponsor_2"></a>Sentry - Sponsor</h2> <p class="has-line-data" data-line-start="4" data-line-end="5"> <a href="https://bit.ly/syntax-fm">Find out about Sentry’s Dex Conference</a>.</p> <p class="has-line-data" data-line-start="6" data-line-end="7">From controlling chaotic workflows to maintaining stable code, there’s a lot that can drive a developer mad. We’re hosting DEX, the conference for developers by developers, to give us all a chance to come together and sort through that madness.</p> <p class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://bit.ly/syntax-fm">This is a free, one-day event</a> to share best practices, epic fails, and seasoned insights on how to improve productivity. Whether you join us in-person in San Francisco or virtually from your home, you’ll have the opportunity to share your thoughts, engage with other developers, and walk away with your own personal madness sorting algorithm.</p> <h2 class="code-line" data-line-start="10" data-line-end="11"> <a id="Auth0__Sponsor_10" name="Auth0__Sponsor_10"></a>Auth0 - Sponsor</h2> <p class="has-line-data" data-line-start="12" data-line-end="13"> Auth0 is the easiest way for developers to add authentication and secure their applications. They provides features like user management, multi-factor authentication, and you can even enable users to login with device biometrics with something like their fingerprint. Not to mention, Auth0 has SDKs for your favorite frameworks like React, Next.js, and Node/Express. Make sure to sign up for a free account and give Auth0 a try with the link below. <a href="https://a0.to/syntax">https://a0.to/syntax</a></p> <h2 class="code-line" data-line-start="14" data-line-end="15"> <a id="Show_Notes_14" name="Show_Notes_14"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=00:30">00:30</a></strong> Welcome</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=01:39">01:39</a></strong> Sponsor: Sentry</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=02:50">02:50</a></strong> Sponsor: Auth0</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=04:25">04:25</a></strong> Introduction to margins</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=08:28">08:28</a></strong> Margin vs padding</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=11:46">11:46</a></strong> New techniques</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=14:32">14:32</a></strong> The spacer div</li> <li class="has-line-data" data-line-start="23" data-line-end="25"> <strong><a href="#t=17:36">17:36</a></strong> Why do it as a component vs a class?</li> </ul> <h2 class="code-line" data-line-start="25" data-line-end="26"> <a id="Tweet_us_your_tasty_treats_25" name= "Tweet_us_your_tasty_treats_25"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> 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 margins. There are a lot of techniques for dealing with margins - padding instead of margin, only margin or padding bottom, Flexbox for everything, Grid for everything, or a spacing Div.
 Sentry - Sponsor Find out about Sentry’s Dex Conference.
 From controlling chaotic workflows to maintaining stable code, there’s a lot that can drive a developer mad. We’re hosting DEX, the conference for developers by developers, to give us all a chance to come together and sort through that madness.
 This is a free, one-day event to share best practices, epic fails, and seasoned insights on how to improve productivity. Whether you join us in-person in San Francisco or virtually from your home, you’ll have the opportunity to share your thoughts, engage with other developers, and walk away with your own personal madness sorting algorithm.
 Auth0 - Sponsor Auth0 is the easiest way for developers to add authentication and secure their applications. They provides features like user management, multi-factor authentication, and you can even enable users to login with device biometrics with something like their fingerprint. Not to mention, Auth0 has SDKs for your favorite frameworks like React, Next.js, and Node/Express. Make sure to sign up for a free account and give Auth0 a try with the link below. https://a0.to/syntax
 Show Notes  00:30 Welcome
 01:39 Sponsor: Sentry
 02:50 Sponsor: Auth0
 04:25 Introduction to margins
 08:28 Margin vs padding
 11:46 New techniques
 14:32 The spacer div
 17:36 Why do it as a component vs a class?
  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

Margins

Poslechněte si podcast