Laurent Perrier

Hi, I'm Laurent.

The Blog #3 - Sticky Sidebar With Vue.js

In the third episode of this series, we'll be using Vue.js to keep our blog's sidebar post visible as we scroll down the page. We'll be using dynamic class bindings to position the sidebar depending on its height, the window's height, and the scroll position.

August 12, 2017
How It's Made - The Stripe Homepage (Part 1)

This is a new series where we'll recreate designs and features from popular websites. We'll be using Laravel as the backend framework, Sass for the CSS, and Vue.js for the JavaScript.

The first website we'll be working with is the Stripe homepage. There's a lot of interesting things going on there, but for this episode we'll start by focusing on recreating the header's background.

August 10, 2017
The Blog #2 - How To Organize CSS So It's Not A Total Mess

This is the second episode of a series where I take you along as I build a custom blog platform with Laravel and Vue.js. The post is fast paced so if you have any questions, don't hesitate to ask in the comments.

In this episode we'll be working on the layout of our blog. We'll go over to organize your CSS so it's not a total mess, and we'll also cover an easy way to include SVG icons in your projects.

August 7, 2017
The Blog #1 - How To Set Up A New Laravel Project

This is the beginning of a series where I'll take you along as I work on a custom blog platform with Laravel and Vue.js. The post is fast paced so if you have any questions, don't hesitate to ask in the comments.

In the first episode we'll go over how I like to set up a new Laravel project, how to include php helpers, how to pull in npm dependancies, and how to set up our CSS and JavaScript.

August 6, 2017
Debounce VS Throttle: What's The Difference? Which One To Use?

In today's video we'll be talking about the difference between debounce and throttle. These functions often get mixed up, and while they both serve a similar purpose, they're also quite different.

First, let's go over what they have in common. Both debounce and throttle act as flood gates between events and event handlers. They're useful when you want to execute an expensive operation, such as a DOM query or an API request, based on a mostly continuous trigger such as mousemove or scroll.

We'll go over how each one of them works, and then explore a common use case for when you should use one over the other.

August 4, 2017