Lemon 🍋

Media & Information

Information & Communications Technology

Arts

Sass pug Vue Frontend comedy Game Development PHP Kirby CSS Grid CSS Front End Development Web Development progressive web apps

Minneapolis, Minnesota, United States

Write Pretty Code With Pug & Sass

Using precompiler languages, such as Pug and Sass, is a straightforward way to write frontend code that is clean, extendable, abstracted, and DRY. But to do all that, you need a build step. Or do you?

In this talk, Lemon will demonstrate how to use a precompiler without EVER touching the command line, and then we’re gonna start working on some extendable Pug and Sass to keep your code looking 😍.

The first part here is to introduce people briefly to the idea of a precompiler, and examples of reasons why you might want one.
Then we move into an example of the Grunt/Gulp build step, before offering a UI interface (in this case Prepros/Codekit) as another way of doing this.
Once we have the environment explored, we start looking at some useful mixins, extends and imports. We’ll compare some file sizes and visual layouts, building a webpage which is nice to look at AND ships a minimal amount of code to the browser.


Lemon 🍋

Does things to the internet. The internet does things to him as well.

With a day job as the development lead for a mid-sized Minneapolis agency, Lemon spends his work time making websites for money and his free time making websites for no money.

He's created over a dozen gimmick sites like damn.dog, pretend.world and greatsex.tips. He also hosts a podcast that looks at some of the internet's weirder subcultures. It is not safe for your work, unless you work somewhere really cool.

  ahoylemon.xyz (ahoylemon.xyz)

Lemon's full speaker profile