Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

CSS Preprocessors and Structuring CSS - 003

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.

<h2>Show Notes</h2> <ul> <li><a href="http://wesbos.com/">WesBos Website</a></li> <li><a href="https://leveluptutorials.com/">Level Up Tutorials</a></li> <li><a href="http://graphql.org/">GraphQL</a></li> <li><a href="https://dinosaurjs.org/">Dinosaur JS Conference</a></li> <li><a href="https://angular.io/">Angular</a></li> <li><a href="https://pugjs.org/api/getting-started.html">Pug / Jade</a></li> <li><a href="http://www.embeddedjs.com/">EJS</a></li> <li><a href="https://en.bem.info/methodology/">BEM Methodology</a></li> <li><a href="http://stylus-lang.com/">Stylus</a></li> <li><a href="http://jescalan.github.io/rupture/">Rupture</a></li> <li><a href="http://lesscss.org/">Less</a></li> <li><a href="http://sass-lang.com/">Sass</a></li> <li><a href="http://postcss.org/">PostCSS</a></li> <li><a href="https://github.com/postcss/autoprefixer">PostCSS Autoprefixer</a></li> <li><a href= "https://simplaio.github.io/rucksack/">RuckSack</a></li> <li><a href="http://cssnext.io/">cssnext</a></li> <li><a href="http://lostgrid.org/">LostGrid</a></li> <li><a href="http://getbootstrap.com/">Bootstrap</a></li> <li><a href="http://haml.info/">Haml</a></li> <li><a href="https://babeljs.io/">Babel</a></li> <li><a href="https://flickity.metafizzy.co/">Flickity Plugin</a></li> <li><a href="https://webpack.js.org/">webpack</a></li> <li><a href="http://compass-style.org/">Compass</a></li> <li><a href="https://facebook.github.io/react/">React</a></li> </ul> <h2><a id="user-content-sick-picks" class="anchor" href= "https://github.com/wesbos/Syntax/blob/master/shows/003%20-%20CSS%20Preprocessors%20and%20Structuring%20CSS.md#sick-picks" name="user-content-sick-picks"></a>Sick Picks</h2> <h4><a id="user-content-bartender-2" class="anchor" href= "https://github.com/wesbos/Syntax/blob/master/shows/003%20-%20CSS%20Preprocessors%20and%20Structuring%20CSS.md#bartender-2" name="user-content-bartender-2"></a><a href= "https://www.macbartender.com/">Bartender 2</a></h4> <p>Lets you organize your menu bar apps, by hiding them, rearranging them, or moving them to the Bartender Bar.</p> <h4><a id="user-content-vanilla" class="anchor" href= "https://github.com/wesbos/Syntax/blob/master/shows/003%20-%20CSS%20Preprocessors%20and%20Structuring%20CSS.md#vanilla" name="user-content-vanilla"></a><a href= "http://matthewpalmer.net/vanilla/">Vanilla</a></h4> <p>Hide menu bar icons on your Mac.</p> <h4><a id="user-content-power-blocks" class="anchor" href= "https://github.com/wesbos/Syntax/blob/master/shows/003%20-%20CSS%20Preprocessors%20and%20Structuring%20CSS.md#power-blocks" name="user-content-power-blocks"></a><a href= "http://www.powerblock.com/">Power Blocks</a></h4> <p>One set of Power Block replaces racks of dumbbells</p> <h2><a id="user-content-shameless-plugs" class="anchor" href= "https://github.com/wesbos/Syntax/blob/master/shows/003%20-%20CSS%20Preprocessors%20and%20Structuring%20CSS.md#shameless-plugs" name="user-content-shameless-plugs"></a>Shameless Plugs</h2> <h4><a id="user-content-javascript30" class="anchor" href= "https://github.com/wesbos/Syntax/blob/master/shows/003%20-%20CSS%20Preprocessors%20and%20Structuring%20CSS.md#javascript30" name="user-content-javascript30"></a><a href= "https://javascript30.com/">JavaScript30</a></h4> <p>A Free 30 Day Vanilla JS Coding Challenge Course. Build 30 things in 30 days with 30 tutorials. No Frameworks No Compilers No Libraries No Boilerplate. Join 101,746 others.</p> <h4><a id= "user-content-the-sketch-course--ux-prototyping-with-principle-combo" class="anchor" href= "https://github.com/wesbos/Syntax/blob/master/shows/003%20-%20CSS%20Preprocessors%20and%20Structuring%20CSS.md#the-sketch-course--ux-prototyping-with-principle-combo" name= "user-content-the-sketch-course--ux-prototyping-with-principle-combo"> </a><a href= "https://store.leveluptutorials.com/products/tutorials/lut-dd013008">The Sketch Course & UX Prototyping with Principle Combo</a></h4> <p>Limited Sale Price: $39.99 <del>$49.99</del></p> <p>Learn the new industry standard for web design. Become an expert in the app that is changing how designers work in the modern web and app design world.</p> <p><strong><em>Animate Your Ideas, Design Better Apps</em></strong></p> <p>Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing.</p> <h2><a id="user-content-twitter" class="anchor" href= "https://github.com/wesbos/Syntax/blob/master/shows/003%20-%20CSS%20Preprocessors%20and%20Structuring%20CSS.md#twitter" name="user-content-twitter"></a>Twitter</h2> <ul> <li><a href="https://twitter.com/wesbos">Wes Bos</a></li> <li><a href="https://twitter.com/stolinski">Scott Tolinski</a></li> </ul>

Show Notes WesBos Website
 Level Up Tutorials
 GraphQL
 Dinosaur JS Conference
 Angular
 Pug / Jade
 EJS
 BEM Methodology
 Stylus
 Rupture
 Less
 Sass
 PostCSS
 PostCSS Autoprefixer
 RuckSack
 cssnext
 LostGrid
 Bootstrap
 Haml
 Babel
 Flickity Plugin
 webpack
 Compass
 React
 Sick Picks Bartender 2 Lets you organize your menu bar apps, by hiding them, rearranging them, or moving them to the Bartender Bar.
 Vanilla Hide menu bar icons on your Mac.
 Power Blocks One set of Power Block replaces racks of dumbbells
 Shameless Plugs JavaScript30 A Free 30 Day Vanilla JS Coding Challenge Course. Build 30 things in 30 days with 30 tutorials. No Frameworks No Compilers No Libraries No Boilerplate. Join 101,746 others.
 The Sketch Course & UX Prototyping with Principle Combo Limited Sale Price: $39.99 $49.99
 Learn the new industry standard for web design. Become an expert in the app that is changing how designers work in the modern web and app design world.
 Animate Your Ideas, Design Better Apps
 Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing.
 Twitter Wes Bos
 Scott Tolinski

Aplikace Youradio Talk

CSS Preprocessors and Structuring CSS - 003

Poslechněte si podcast