youtu.be/-21Aptb59SU 033 Let's finish the let's connect section In this lesson, we get to play more with the input type checkbox and nth-of-type and many many many other CSS tricks that can help us hide or show properly t...

Join me to discover How To Setup Obs For Streaming And Recording. This is a tutorial for beginners that aren't familiar with how to set up obs for streaming on youtube, Facebook, twitch or others. PS: There is also part 2, are you interested? ow.ly/KzXW30qNwq0

youtu.be/19zVsuKtpuc 034 start the skills section In this lesson, we want to start a new component that will be responsible to generate the HTML and CSS for our Skills section. To do that we’ll use pug and s...

Join me to discover How To Setup Obs For Streaming And Recording. This is a tutorial for beginners that aren't familiar with how to set up obs for streaming on youtube, Facebook, twitch or others. PS: There is also part 2, are you interested? ow.ly/wya730qNwq1

youtu.be/Y_3aStM_ddY 035 add data for our legend in the skills section Let’s start to create the structure for our legend area in the skills section. We’ll make use of pug and loops similar to JavaScript to generate the HTML for...

Join me to discover How To Setup Obs For Streaming And Recording. This is a tutorial for beginners that aren't familiar with how to set up obs for streaming on youtube, Facebook, twitch or others. PS: There is also part 2, are you interested? ow.ly/Sa8T30qNwq2

youtu.be/h83Uy18gYsA 036 add icons to the legend In this lesson, we’ll encounter a misplaced icon, a bell instead of a book. We’ll update the wireframe and place the icons in our web page.

Join me to discover How To Setup Obs For Streaming And Recording. This is a tutorial for beginners that aren't familiar with how to set up obs for streaming on youtube, Facebook, twitch or others. PS: There is also part 2, are you interested? ow.ly/uHPC30qNwq3

youtu.be/3ZQbJoFAl5Y 037 finish styling the legend Let’s play with CSS and SCSS to style our legend area. We want to add the proper colours, apply the correct font size and positions.

Two from the #webdeveloper breed, #mentor and #mentee :) @ West India Dock - Canary Wharf instagram.com/p/CIi0Vd9jfGF/…

Join me to discover How To Setup Obs For Streaming And Recording. This is a tutorial for beginners that aren't familiar with how to set up obs for streaming on youtube, Facebook, twitch or others. PS: There is also part 2, are you interested? ow.ly/pPHl30qNwq4

youtu.be/KGCxnNTSmj4 038 define the data structure for our skills using JSON We want to create a data structure that we can iterate later on to generate our content inside our skills section.

youtu.be/51ZR0LvBKi8 039 finish the skills section In this lesson we want to apply the proper spacing, colors for our tags, increase the font size a bit and generate all the CSS needed using SCSS. As a bonus,...

My favourite shortcut for #m1 mac, #vscode from code insiders to code.

youtu.be/6VTBbCz1XUw 040 Define the data structure of the experience section We want to identify from our wireframe what data entities we want to have and write a basic JSON file with some dummy data to have a starting point.

youtu.be/7haAvdcZCrA 041 how to write reusable CSS using Sass Let’s discover how to refactor some CSS and create a reusable block of rules using Sass in a smart way.

youtu.be/YgmSjgbq4HU 042 generate the HTML structure using PUG for the experience accordion Let’s create the pug structure to generate HTML out of the wireframe provided for us. We’ll loop through a two-level deep multidimensional array that we wrot..

youtu.be/CSQwRWNQ85s 043 implement CSS grid and position the elements inside the accordion CSS grid is quite fun, so let’s figure out a way to split the layout of our accordion items, implement the css grid rules and place each element inside it as...

youtu.be/7bJvw-zAPZc 044 style the job title, image logo, company name and chevron Let’s apply some style to the job title, company name, and image logo. Update the dummy chevron to the correct one and rotate it into position.

youtu.be/zAfg6egaivc 045 style the body and make the chevron work Let’s have some fun with CSS and style the body. At the same time, I think it’ll be a great idea to use a CSS trick with input checkbox and label to make our...