Camilo Micheletto articles - 49 total
HTML básico para estudantes de TI
Geralmente a primeira aula de HTML não condiz às expectativas dos estudantes, que empolgados com a...
Acho que podemos deixar o mobile first em 2024
Esse ano o termo "responsividade" fez 14 anos, o manifesto que incentivou a ideia de uma web que não...
Artigos sobre CSS que explodiram minha cabeça em 2024
Apresentar sobre os 3 pilares da arquitetura CSS no Front in Sampa de 2024 me deu a oportunidade de...
5 dicas de design de um front-end pra UI Designers
Trabalho como front-end há mais de 5 anos e minhas interações com pessoas de produto sempre me...
Tudo o que você precisa saber sobre a arquitetura BEM CSS
Escrevi esse artigo visando responder perguntas sobre BEM que geralmente não são feitas, mas a...
Font-size no CSS, qual unidade usar?
Devemos usar em e px pois é o que está na spec da W3C ? Devemos usar rem pq é o que tá na boca do...
BEM with native nesting V2 - Even more powerful 🔥
Recently, WhatIsLove Dev wrote a fantastic article explaining how to write BEM modifiers in pure CSS,...
BEM com nesting nativo V2 - ainda mais poderoso 🔥
Recentemente o WhatIsLove Dev escreveu um artigo muito massa explicando como escrever modificadores...
🔥 4 dead simple ways of customizing Bootstrap
In this article, I'll demonstrate various techniques for customizing Bootstrap themes, whether for...
3 mentiras que te contaram sobre quando usar as unidades em, rem ou px no CSS 🤬
Artigos sobre o tema são abundantes, mas desinformação sobre ele também é, e ela vem sido...
Use variáveis CSS como uma pessoa sênior com essas 5 dicas 🔥
Sumário 101 Design tokens Composição de variáveis Blocos enxutos Variáveis como...
Bento Grid layout responsivo em 40 linhas de CSS🥢 🍱
Bento grid é uma forma de organizar a UI em pequenas caixas ocupando quantidades diferentes de...
Construí o layout do site do Space Jam de 1996 com CSS moderno 🤯
Sumário Marcação inicial CSS base O container principal A...
🔥 4 formas simples de customizar o Bootstrap
Nesse artigo vou mostrar as diversas técnicas de customização dos temas do Bootstrap, seja pra...
Write the best markdown you've ever created with these 5 snippets 🔥
Table of Contents Interactive Anchor Browser Compatibility Featured Image Native...
Escreva o melhor markdown que você ja fez com esses 5 snippets
Sumário Âncora interativa Compatibilidade de navegador Imagem de destaque Accordion...
O déficit no mercado de TI nunca acaba, será que ele existe?
Hoje no Xwitter vi essa publicação e logo lembrei de uma reportagem que tinha o mesmo cunho no...
Respondendo perguntas de responsividade CSS no Twitter
Fiz uma postagem pedindo perguntas sobre o tema responsividade CSS, elenquei as melhores pra falar...
Responsividade CSS 101 - Breakpoints
Responsividade é a capacidade de um layout se adaptar ou "responder" as mudanças de viewport. Uma das...
The Limits of Tailwind CSS
Tailwind, like everything in life, has its pros and cons. It's important for an ecosystem to have a...
Os limites do Tailwind CSS
Taiwind como tudo nessa vida tem seus prós e contras. É importante que um ecossistema tenha um bom...
Align e Justify no Flexbox e no Grid pra você nunca mais confundir
Você já percebeu como justify- e align- funcionam um pouco diferente no Flexbox e no Grid? Os...
Coisas que você talvez não saiba sobre botões no HTML
Um dos componentes mais comuns, mas muitas vezes pode visto de forma leviana pela sua simplicidade....
Quando usar a tag <img> e a propriedade background-image?
TLDR Prefira usar background-image quando a imagem gabaritar (ou quase) essa lista: Não...
Como funcionava o famoso site do Space Jam de 1996? A gambiarra do sidebar
No artigo anterior exploramos a página inicial do site do Space Jam de 1996 (link), mas ele é muito...
Como funcionava o famoso site do Space Jam de 1996?
Esse site era genial, e permanece nos anais das coisas geniais feitas apenas com HTML e gambetagem....
Design System para pessoas desenvolvedoras
Prints do header extraídos do design system open source do Ant Design no Figma Community Se você...
HTML Semantics Under the Hood
Can you explain what semantics means in HTML? I feel like my entire life people have summed it up as...
Semântica no HTML por debaixo dos panos
Vocês sabem explicar o que é semântica no HTML? Eu sinto que a minha vida inteira as pessoas...
Tudo sobre formulários - HTML
Uma das minhas dificuldades como iniciante era estruturar um formulário funcional. O que um...