Blog de compartilhamento de informações de desenvolvimento de sistemas
O desenvolvedor filipino Rico Santa Cruz reuniu anos de conhecimento e pesquisa em uma página bem simples que contém uma coletânea de “cheat sheets” (ou mais popularmente no português conhecido como “cola” – aquela mesma que você usava nas provas Continue reading 300+ web development cheat sheets
Acesse a url desejada Vá no Chrome Developer Tools. Aperte <f12> Em seguida, aperta a tecla <esc> Vá na aba Rendering. Caso não apareça, ative no menu mais a esquerda, com 3 pontos verticalmente alinhados. Em seguida, clique em Emulate Css Media Continue reading Como debugar print CSS no Chromium / Chrome
O Google fornece acesso a uma grande coleção de tipografias, bastando acessar o Google Fonts. A ferramenta possui mais de 800 fontes tipográficas, em vários idiomas, que são disponibilizadas para o uso gratuito. Na barra lateral direita é possível escolher as configurações Continue reading Google – Base de dados de fontes tipográficas
Quando o HTML é escrito incorretamente, várias das vezes, nada acontece. E isso facilita termos estruturas inválida ou inacessível no markup sem que seja óbvio. Há muitas maneiras pelas quais podemos usar para descobrir e corrigir esses problemas no HTML, como por Continue reading Ideia básica de como efetuar HTML linting com CSS
Como definir qual dos dois tipo usar para cada tipo de imagem? Qual as vantagens e desvantagens de cada um? Se sua imagem tem muitos detalhes e alguns efeitos de fantasia aplicado, use um bitmap. Se não, considere o uso de Continue reading Imagens Bitmap vs Vetoriais
Controlamos o tamanho de elementos HTML utilizando o width. No entanto um problema surge ao utilizar borda com border e/ou margens externas e internas com margin e padding. O motivo é simples. O width incluirá apenas o tamanho do elemento. Continue reading Controle de tamanho de elementos HTML com CSS
Quer ter um visual estilizado ou diferenciado em seu site em termo de fontes? Use WebFonts! Embora elas possam gerar um olhar deslumbrante, lembre-se que cada uma será baixada e quanto mais fontes você tiver, levará mais tempo para carregar Continue reading Webfonts vs System fonts
Tecnicamente não existe muita diferença se um projeto é iniciado a partir de uma tela menor que um (primeiro celular) maior ou vice-versa (desktop primeiro). No entanto, ele adiciona limitações adicionais e ajuda a tomar decisões, se você começar com Continue reading Mobile ou desktop first
Para resolver o problema de caracteres acentuados em templates Lensa, é ncessário primeiro resolver o problema da fonte BebasNeue. Para isto, siga os passos abaixo: Resolvendo problema com caracteres acentuados na fonte BebasNeueRegular Uma vez que tenha as fontes em Continue reading Resolvendo o problema de caracteres acentuados em templates Lensa
Para resolver o problema da fonte BebasNeue Regular é necessário: Baixar o pacote mais novo da fonte. Sugerimos o link abaixo: Fonte BebasNeue Extraia o arquivo de fonte do arquivo fornecido. A extensão da fonte provavelmente será OTF. Em seguida, caso Continue reading Resolvendo problema com caracteres acentuados na fonte BebasNeueRegular