In the fourth episode of this series, we'll be making our blog layout responsive so that it looks good at any resolution and on smaller devices. I'll share how I choose breakpoints and a few other tricks that help with responsive website development and media queries.
Read More
If you’re not familiar with Flexbox, it’s a set of CSS properties that make it easy to style websites and position elements on a page. You can use it instead of floats, or table layouts, both of which are pretty awful to use. In this video, we'll be creating a website layout using flexbox for a fictitious company that…
Read More
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…
Read More
In the third episode of this series, we'll be using Vue.js to keep our blog's sidebar content 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.
Read More
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…
Read More