Discover and read the best of Twitter Threads about #width

Most recents (2)

Hello tweeps!

In this #Thread, I'll be explaining step-by-step process of designing the below #UI #Mockup (by @frontendmentor) with only #html & #css.

You can follow along by typing out the #codes in the images.

#100DaysOfCode #CodeNewbie
#WomenWhoCode #freeCodeCamp

1/25 ImageImage
2/25

We'll learn how to look at mockups so we can do the following:

1. Deduce #html tags to #code the #webpage
2. Declare #css properties to style the webpage
3. Establish #breakpoints to make the webpage #responsive.
.
.

First, let's set up our html page.

#webdev
3/25

As shown below, we started with the following:

1. Create an #html document.
2. Specify the title.
3. Set the width.

The width is set to equal the viewport width. This means that it'll be as wide as the screen viewing the page - first step to #responsive #designs! Image
Read 29 tweets
Nessa thread, você aprenderá:

✅ O que são classes e por que elas são utilizadas
✅ Como resolver os problemas de Acoplamento e Dependência que as classes geram
✅ Se existe a possibilidade de criar propriedades privadas
✅ Como fazer Herança com classes

Vem comigo! 👇
🔥 Por que classes são utilizadas?

Classes são uma das formas de criar vários objetos parecidos.

Elas evitam que você digite manualmente as propriedades e métodos que cada objeto deve possuir.
🔥 Como é a sintaxe de uma classe

Em JavaScript, a sintaxe básica de uma classe é a seguinte:
Read 46 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!