With great tools, comes great possibilities — Uncle Jen.

Photo by Carl Heyerdahl on Unsplash

We are getting out feet wet into the CSS. We know the basics of how it works, now we need to understand some hairy, but fundamental concepts, like how to position our elements correctly. There is a range of ways on how to do this, because each element might behave differently, and a combination of all of these methods will allow us to create some amazing websites, with everything where we wanted to be.

Ao final do projeto você vai conseguir monitorar a temperatura e exibi-la em uma página web usando apenas o Raspberry Pi!

Seja bem-vindo ao Projeto Full Stack Raspberry Pi, me chamo Alexandre Colauto sou formado em engenharia eletrônica e estou desenvolvendo um Smart Garden. Uma parte deste projeto será uma interface web para acompanhar o crescimento da planta. É aí que entra o Raspberry Pi.

O que é o projeto Full Stack?

O projeto consiste em realizar a leitura de um sensor de temperatura e umidade DTH22 e apresentar as informações em uma página web utilizando o Raspberry pi.

This is one of the most important tools in CSS, if you nail position correctly everything else gets easier.

Photo by Silvan Arnet on Unsplash

Side Note

During my journey, I took some exercise to practice the knowledge which I'm gathering. So I headed to front-end mentors, downloaded the easiest exercise, and start practicing. Immediately I notice my struggle with positioning, I needed to rewatch the tutorials a couple of times before getting it right, so because of that, I'll write about it so I can make it clearer for me (and for you also).

Good typography can bring your site to the next level.

Photo by Aaron Burden on Unsplash

Usually, when designing a new website, developers usually start with a color palette and a font scheme for the website. Both are responsible for the feel of the website because those properties have a strong emotional connection with the readers.

Let’s find out what is CSS and how to use it to stylize our site.

css book
css book
Photo by KOBU Agency on Unsplash

When creating our website we use HTML to structure it, and for a while, HTML was the only tool to create websites. But don't look down on HTML yet, this still a great tool to structure your website, but if you wanna do more advanced customization on your website, things can get tricky pretty fast, and using HTML to stylize is a very error-prone method.

Cascading Style Sheet

Here where CSS comes to save the day. It is a mechanism to stylize our HTML code. …

We already have the foundation, so let's build upon it.

It’s important to know that we use CSS to change the layout, since HTML 4 the usage of HTML elements to structure the page has been discouraged.

HTML Tables

The HTML <table>

Follow me as I start risking my first steps in this area.

Photo by Markus Spiske on Unsplash

To start developing anything we first need to understand how a website works, whats are their main components.

Our AWS virtual private cloud in 5 min.

AWS VPC logo

What is a VPC?

Basically, AWS will rent you a logically isolated part in their data center. You will have total access and control over resources and permission. You can control who accesses what. You can think of it as a Facebook account, you control the content that is posted and also the person that you share with.

VPC Basics

You can find an example of VPC pretty close, actually, every home internet is a VPC.

From a total newbie point of view.

Photo by Jukan Tateisi on Unsplash

So with no further ado, let’s go through a really wide overview of AWS.

Global Infrastructure

How the physical stuff that AWS runs on is structured across the world.

AWS Skeleton

Even the cloud services must have physical…

We need to talk about our relationship with all the information that we receive every day.

Photo by Rubén Bagüés on Unsplash

If you went to Brazil 7 years ago, besides the fantastic landscape, the fabulous food, and the happiest people I've seen so far, you probably would notice something odd. In any personal card that someone gives to you, and in most store facades, there would be two, three, and sometimes even four telephone numbers!


Mestre em engenharia eletronica, streamer e Dj nas horas vagas

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store