Lemon 🍋

How To Make Your Website A Progressive Web App (And Why You Might Want To)

For years, web developers and app developers have been siloed, looking at each other with jealousy. How come these people get to do push notifications? How come these people have such a simple build process? And why can’t we all just work with the same codebase?

A PWA (Progressive Web App) marries all these needs together, starting with a run-of-the-mill website and adding features as they’re appropriate. The most interesting part: You can start with a website you’ve been working on right now.

In this talk, Lemon will take you through the process of starting with a simple HTML website add add features like caching, notifications, desktop installation and offline mode to create an app that’s as interesting and dynamic as you’d want it to be.

I'm Going To Make You Stop Hating CSS.

As a formalized language, CSS is over 20 years old and has spent much of that time being maligned by the people who use it. Browser inconsistencies, changing specifications and general weirdness have combined to create this weird pseudo-language that you'd rather avoid.

UNTIL TODAY. With modern specs and tooling, CSS has never been more straightforward and less reliant on hacks. In this talk, Lemon will show you some common traps people fall in, as well as some general strategies for making a layout grid you can proud to build and confident in releasing.

This is a high energy conference talk aimed primarily at web professionals who've experienced CSS (or Sass or Less) in the past but who never really "got" it. It's about modern standards really removing a lot of the weirdness that CSS has been famous for, while presenting real-world scenarios people can walk away with.

CMS Speed Dating

Your content needs you, but you've got a problem: you've been by yourself for so long. Other than that regrettable encounter with SharePoint, it's been just you and your HTML for years. Sure, content management systems SAY they're fun and easy, but you've heard they have commitment issues. Could there really be a CMS out there who understands you?

In this fast-paced conference talk, Lemon's going to introduce you to some CMS you may have never met before. Let's compare Wordpress and SiteCore with Kirby and Cockpit. Let's have a honest talk about Decoupled vs Headless. With so many options and so many personalities, maybe you can find your match for life, or maybe just a match for now.

The goal of this talk is to present different CMS in a fun and interesting way: Present characters through the medium of dating profiles as a way to introduce different competing concepts.

Shrink The Web: How To Get Happier By Removing Crap

Websites have doubled in size every three years. For reasons both understandable and idiotic, web developers continue to create bigger and more complicated web projects, and now your node folder is mining bitcoin and the average web page is bigger than the 1993 video game DOOM. This is a trend we can change.

🐁 Let's shrink the web!

In this high-energy talk, we’re going to be looking at some easy wins for performance improvements like image optimization and JavaScript concatenation, that can actually make your users’ life better. In addition, we’re going to explore some very friendly process tools for doing all of that without days of editing config files.

Because a small website is an easy website, and an easy website means you can go home earlier.

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.