Laurent Perrier

Posts

How It's Made - The Stripe Navigation (Part 2)

This is the second part of a series on recreating design elements from the Stripe homepage.

In today's video we'll be tackling the header navigation which is one of the most dynamic part of the page. We'll be using Sass, Vue.js and a bajillion CSS transitions to recreate all the swinging, sliding and resizing animations.

To keep things a little simpler, we will be handling the horizontal resizing, but not the vertical resizing. The process to animate the height and width are pretty much the same so it shouldn't be too hard to figure out once you've watched the video.

August 18, 2017
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