Para o estilo padrão dos nossos elementos HTML, ter que lidar com a diferente implementação de cada navegador é algo bem complicado.

Ao longo do tempo lidamos com isso de diferentes formas:

A forma mais básica é removermargin e padding:

* {
margin: 0;
padding: 0;
}

Uma solução moderna

Hoje em…


Fetch, permite fazer request da mesma forma como era feito antigamente com o XMLHttpRequest. Uma das diferenças é que ele utiliza Promisses, o que gera uma API limpa e simples.

Request básico

Fetch recebe dois parâmetros, um sendo a , e o outro as opções:

fetch('/site/url')
.then(function(response) { // Resposta })…


Quando seus usuários precisam fazer upload de alguma coisa no seu sistema, é a ele que você recorre.

O básico

O elemento é bem simples:

<input type="">

Mas se você quer o mínimo de acessibilidade vai precisar adicionar mais um pouco de html:

<form method="post" action="upload.php" formenctype="multipart/form-data">
<label for="upload">…


Depois do surgimento de pré-processadores como SASS e Less ganhamos uma quantidade imensa de coisas para melhorar a forma como escrevemos “CSS”. …


Hyperlinks são um dos elementos mais básicos que existem, se você trabalha com web provavelmente você vê eles todo santo dia. Desde quando foram criados eles tem o mesmo objetivo, ligarem uma página.

Mas uma coisa que talvez você não saiba é que existem diferentes tipos de hyperlinks que podem…


element:nth-child(3n+3)

Muita gente, assim como eu, um dia se perguntou — O que é esse “n” ai no meio?

element:nth-child(3n+3)

O que o código acima faz, é selecionar cada terceiro elemento, ou seja, o 3º, 6º, 9º.

Mas o que acontece entre os parênteses?

O seletor nth-child() aceita duas palavras-chaves, “odd” (impar) e “even” (par). Como o nome já diz, odd seleciona cada número impar e o even cada número par.

Como visto…


Após uma “pausa” nos códigos passei um tempo estudando sobre design. Separei algumas anotações sobre alguns temas e vou compartilhar com vocês ❤

Minha mesmo :D

O básico

  • O tamanho da letra, também conhecido como `Cap Height`, é o tamanho total das letras capitalizadas.
  • O…


The rules to keep your CSS awesome.

Rule #1

Keep stylesheets maintainable

Rule #2

Keep code transparent, sane, and readable;

Rule #3

Keep stylesheets scalable.

Rule #4

Never use id.

Rule #5

Never use @extend.

Rule #6

Keep calm to use nesting selector

Rule #7

Follow some architeture for your code.

Rule #8

Keep your code well commented.

Want to contribute with our club?

Send a PR with new and awesome rules here.


Codeland?

A Codeland é uma empresa de desenvolvimento web de Porto Alegre, conta com uma galera muito maneira e cheia de idéias, se um dia tiver de bobeira e quiser trocar uma idéia com a gente, sera muito bem bem vindo :D.

Estou trabalhando na Codeland a quase 5 meses e…


Um post simples para quem quer começar com Node.js (simples mesmo).

Introdução

Esse é um artigo bem voltado pra utilização inicial, instalação, se você quiser saber sobre V8, event loop, etc recomendo os artigos do Caio Ribeiro.

Começando

Antes da brincadeira começar, é preciso instalar o Node.js na sua máquina. Vai lá no site do nodejs.org, …

● filipe

Empathy is important.

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