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.

Before we continue let’s give our website a little extra touch that makes difference. …

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.

Para conseguir fazer isso vamos utilizar o Raspbian…

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.

Good typography can make your website gorgeous to look at and can mesmerize people to look at simple things like your CV. In the same way, misused typography can ruin even the best websites. …

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.

We already know how few basic elements work, now we are gonna start to increase the complexity of our tools.

Even tho we know how to place items like images, hyperlinks, and paragraphs, where they appear on the web site still in a messy way. To structure better our site using just HTML, we are gonna use the table element.

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.

Whenever you access a site, you type some catchy name on the URL bar press enter, and then boom! A gorgeous site appears in front of you, but underneath the table, a lot is going on. First of all the name that you type is just a nickname, to disguise the real name of a site, something like, …

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.

When you create an AWS account, a “default” VPC is created for you.

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.

I’m just getting started inside this universe called AWS. I’m taking a course in A Cloud Guru and this is my studies notes, they might not make much sense now, but I’m putting all my knowledge here. This will not be too useful for those who already master Cloud Computing, but might help those who are beginners like me.

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!

That's because SMS was expensive, and the providers had extra fees for calling other providers. I remember choosing the provider; I had to evaluate the person I mostly talk to and get the same company as they do. Because of that limitation, it was pretty convenient…

“Our greatest strength and also the source of our weakness.”

Paulo Leminski grafitado na parede do bar O Torto, em Curitiba by NMaia under CCBY-SA4.0

A few days ago, I was watching a video about Paulo Leminsk, a famous Brazilian poet. The video shows one of his text and touched me profoundly. I wish to share with you the text and what I've learned.

“Slaves and masters.Nobles and peasants.Employers and employees. Technicians and workers. Nothing distinguishes humankind from animals more than the division of labour—our greatest strength and also the source of our weakness.

Because of the division of labour, humankind was able to multiply its power over nature at a remarkable rate. Only 30.000 years ago, all that we had to face the hostility…


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