As tabelas HTML são amigáveis para SEO?

Com o passar do tempo acabamos esquecendo o real motivo de utilizar a tag **table** do HTML e sua importancia no SEO quando bem utilizada nas chamadas **tabelas de dados**.

Como dar início ao FRONT-END em 2018?

Descubra um pouco mais sobre a área de front-end em 2018.

Desenvolvimento web em camadas com API

Entenda mais sobre camadas na web e organize seu código

Formsquash, formulários para sites estáticos

Criando formulários para sites estáticos com o Formsquash

Repaint, Reflow e Layout Thrashing - Performance além do carregamento

Neste artigo falaremos sobre renderização e boas práticas na manipulação do DOM :)

Quem cuida das pessoas no seu time?

Todos precisam de alguém para ajudar no caminho diário.

CSS, HTML e Imagens - Performance no carregamento

Neste artigo farei um apanhado de várias técnicas utilizadas :)

Começando com WAI ARIA em uma janela modal

Como melhorar a acessibilidade em modais.

Burst: o banco de imagens da Shopify

Banco de imagens grátis e profissionais para empreendedores e web designers em um só site

O que é link canônico

O Link Canônico melhora os sinais de ranking de conteúdos diferentes, que podem ter suas referências relacionadas à uma página específica.

Entendendo o DOM (Document Object Model)

O DOM explicado de uma maneira fácil.

Entendendo as técnicas de prebrowsing

Saiba como dar dicas para o browser carregar e pré renderizar arquivos e páginas.

Livro Introdução à Web Semântica

A inteligência da Informação.

A comoditização do desenvolvimento web

Tem uma faixa de serviços e soluções no mercado de web que viraram comodites.

Front-end Week

Uma overdose de eventos e palestras sobre front-end em uma semana.

Performance do Tableless estático

Uma análise simples de velocidade do Tableless depois da mudança para código estático.

O básico sobre Sparql e Turtle

Entendendo um pouco sobre serialização RDF com Turtle e criando queries simples com Sparql

Páginas acessíveis com o HaTeMiLe

O HaTeMiLe é uma biblioteca que utiliza os Padrões Web para resolver problemas de acessibilidade. Entenda melhor como ela funciona.

Crie sites em questão de minutos com o Pingendo

Minha experiência com o CT (Centro de Treinamento)

Criando uma aplicação de Chat simples com NodeJS e Socket.io

Neste tutorial iremos abordar alguns conceitos do Socket.io criando um simples sistema de chat para browser.

CSS3 — Trabalhando com Múltiplas imagens background-images

Quem nunca se deparou com o um layout com imagens “sobrepostas” que precisavam ficar suspensas sobre múltiplas imagens de fundo, com CSS3, você pode aplicar aos elementos múltiplas imagens como plano de fundo sobrepostas. Sem a utilização do Z-index, é isso mesmo “necas de pitibiriba” de Z-index. Que Z-index que nada, agora a MODA é Background-image !!!

Upload de imagens desmistificado com simpleGallery.js

Upload, certamente, é uma parte difícil na programação, provavelmente você já teve problemas com isso. Por que não simplificar? Confira como o simpleGallery.js pode lhe ajudar nesta jornada.

Carrossel descomplicado com HTML, CSS

Acessibilidade básica no formulário de contato

Aplicativos Desktop com NW.js – Node Webkit – Introdução

Este é o primeiro artigo de uma série sobre aplicações desktop usando tecnologias web. (HTML, CSS, Javascript e WebGL)

Introduzindo “Rich Cards”, um novo formato de resultados para Buscas

Criando facebook reactions com css

Criando novos botões de comportamento do Facebook usando apenas CSS e HTML.

Criando seu próprio servidor HTTP do zero (ou quase) – Parte Final

Na última parte deste tutorial, aprenda sobre threads e como transformar seu servidor para receber múltiplas conexões.

Acessibilidade na web: Como tornar seu site acessível.

Há 5 anos atrás eu escrevi aqui no Tableless um artigo falando um pouco sobre acessibilidade na web. Cinco anos se passaram e os motivos para se ter esse cuidado ao desenvolver sua aplicação não mudaram, mas novas ferramentas surgiram para que você atenda cada vez mais às demandas dessa parcela da nossa sociedade que tem tanto direito de usufruir de seu website quanto as pessoas sem deficiência alguma.

Criando seu próprio servidor HTTP do zero (ou quase) – Parte III

Material Design com Materialize

Crie seu site utilizando um Framework totalmente material design, que não deixa a desejar em nada e seus resultados podem te surpreender. Do Conceito à prática com layout Material.

Criando seu próprio servidor HTTP do zero (ou quase) – Parte II

Criando seu próprio servidor HTTP do zero (ou quase) – Parte I

Aprenda a criar e entenda como funciona um servidor HTTP

Processo front-end na Locaweb

Nosso processo e stack de front-end na Locaweb.

Acelere o desenvolvimento front-end com Jade

Aprenda a criar mixins, recursos de include, laços de repetição for, variáveis e muito mais no HTML com Jade.

Desenvolvendo apps para SmartTVs com HTML, CSS e Ajax

Entenda como funciona o básico do desenvolvimento pra SmartTVs.

Material Design Lite: O framework do Google

A biblioteca de componentes e templates já conhecida dos aplicativos agora para websites em CSS, HTML e Javascript.

Como criar um Chrome App com o seu Chromebook

Criando seu primeiro App para Chrome direto do seu Chromebook!

Ícones – SVG Sprites com CSS na prática

Criando um sprites usando ícones SVG.

HTML: Encode UTF-8

Entendendo um pouco mais sobre encode e como funciona o UTF-8.

Material Design na barra de navegação & status do Chrome

Saiba como customizar a barra de navegação do Chrome no Android usando apenas HTML.

Email Marketing – Testes e CSS Inliner – Parte 2

Testando e melhorando o fluxo de produção de código de email marketing.

O poder do atributo “ALT”

Técnicas que podem resolver vários problemas que desenvolvedores web enfrentam, caso não utilizem a atributo <strong>ALT</strong> corretamente.

Código Limpo

Em um relacionamento sério com generators front-end – Parte 3

Nesta terceira parte da série, iremos abordar o Slush Generator, que é um Scaffolding Generator baseado em NodeJS e que tem uma forma diferenciada para criação de seus scaffolds.

Formulário responsivo com MailChimp

Cada dia mais estamos utilizando serviços disponíveis na web, principalmente aqueles que tem um plano básico gratuito que permite integrações.

Entendendo o Outline do HTML

Entenda porquê não usar tantos H1 e como funciona o fluxo de outline do HTML.

Simples modal com CSS responsivo

Continuando com os artigos, vamos utilizar novamente os seletores de css para exibir nosso modal.

Seletores CSS Nível 4 – O que vem por aí

Saiba quais os seletores que irão salvar sua vida muito em breve.

Destaques responsivos

Estou de volta como prometido anteriormente com uma séria de artigos, hoje criaremos 3 destaques com um comportamento totalmente responsivo.

Extract for Brackets by Adobe

Conheça o Extract, da Adobe. Esse serviço mostra, direto de um PSD, o código CSS dos elementos selecionados.

Header responsivo somente com css

A cada novo projeto queremos alcançar o máximo de usuários, não importa se o dispositivo seja grande ou pequeno, tem que funcionar.

Gerando arquivos estáticos com o Middleman

Criar projetos usando geradores de arquivos estáticos podem ser uma saída estratégica para evitar ambientes complexos, o Middleman pode te ajudar a desenvolver projetos simples e rápidos.

Validação de formulários com HTML5

Validar formulários sempre demandou algum tempo e dependências como bibliotecas JavaScript. Com HTML5 podemos passar essa responsabilidade para o navegador, ganhando tempo de desenvolvimento e economizando no peso da página.

O futuro chegou: O elemento picture

Se você tinha problemas com imagens responsivas, agora não tem mais...

Web Components: Introdução

Entenda os principais tópicos e as informações iniciais sobre Web Components.

File API – Trabalhando com Arquivos Locais Usando Javascript

Trabalhar com arquivos no lado do cliente antes do HTML5 era dificultoso e e tinha pouco suporte. Com o File API, agora é possível capturar informações e ler o conteúdo de arquivos usando apenas o navegador por meio do javascript.

Code Guide by @mdo

Tradução do Code Guide do @mdo.

Fault Tolerance: a base do Progressive Enhancement

Entenda por que o Fault Tolerance é a base para o Progressive Enhancement e também do Adaptive web Design.

Utilizando as metatags de OpenGraph

O tutorial para compartilhar o conteúdo do seu site no Facebook de forma eficaz.

O grande desencontro do HTTP com o HTML

Duas tecnologias criadas sob o mesmo projeto que possuem uma falha de compatibilidade. Vamos conhecer um pouco da história do HTTP e HTML, boas práticas e como manter interações coerentes entre cliente e servidor.

O que falamos em 2013?

E o que vamos falar em 2014? Confira alguns do assuntos que fizeram a cabeça em 2013 e podem ser grandes promessas para 2014.

WAI-ARIA – Estendendo o significado das interações

Saiba como você pode aumentar a acessibilidade da sua página de um jeito fácil com WAI-ARIA.

Workflow para cuidar dos seus assets

O termo assets é utilizado na economia para caracterizar todo recurso que se poderá tirar proveito no futuro. Mas não se preocupe, nosso assunto aqui é sobre desenvolvimento web.

Fazendo um slide menu mobile – sem plugin

Entenda como fazer um menu como nos aplicativos mobile, como o facebook.

Ferramentas e sites para tornar mais ágil o seu desenvolvimento

No dia-a-dia, a correria em cumprir prazos nos faz buscar e fazer uso de ferramentas que possam auxiliar na velocidade de desenvolvimento. Seja no front ou no design, em tempos de mudanças e transições, nada mais justo que uma lista de algumas ferramentas especiais para que você mantenha seu processo profissional e ágil.

Sobre organizar informação

Um pensamento sobre organização de informação.

Dicas de como fazer seu próprio framework CSS

Anotações da minha palestra sobre como fazer seu próprio framework CSS.

Tridiv – Dominando 3D com CSS

Brinque com 3D em um editor online baseado em CSS.

Emmet LiveStyle

Uma nova maneira de editar CSS.

Pré-processadores: usar ou não usar?

Meus dois centavos sobre a utilização de pré processadores de CSS.

O Cenário do Web Design Responsivo

Site responsivo é muito mais que media queries, breakpoints e redimensionamento de imagens. Nesta tradução de artigo da Smashing Magazine, Stéphanie Walter mostra o que é, o que será possível, e o que precisa ser melhorado no RWD.

Guia para Iniciantes – Ajude

Precisamos da sua ajuda para elaborar um guia para os iniciantes na área.

Usando o plugin 960gs e o Photoshop

Entenda como funciona o Grid 960. Ideal para iniciantes.

O que é Sass? Entenda esse outro método de escrever CSS

Quando pensamos em produtividade, logo nos perguntamos e pesquisamos como aumentá-la sem grandes impactos. Então, os pré-processadores e frameworks para CSS vem suprir essa necessidade. Com vocês, um pouco de Sass.

3 parâmetros de HTML que você deve usar em um futuro próximo

Imagens responsivas, downloads automáticos e logos em vetor sempre atualizados. Não é sonho. Conheça algumas novidades que nos esperam em um futuro próximo.

CSS Transition e CSS Animation

Um guia rápido pra você entender e começar a usar essas duas propriedades do CSS3.

Slides para Devs #4 – Retina display, imagens de alta resolução e afins

Apresentações sobre retinas displays, imagens em alta resolução e como construir websites retina ready.

Como usar linear-gradient em CSS de forma consciente?

Não há mais motivo para você usar nenhum gerador automático de gradiente depois desse GUIA DEFINITIVO DE COMO USAR LINEAR-GRADIENT. Vem comigo e vamos codar.

Locaweb Style – Como iniciamos

Como iniciamos e por que resolvemos criar um framework próprio aqui na Locaweb.

3 ferramentas para criar e gerenciar projetos web

Cada vez mais um número maior de ferramentas surge para auxiliar e agilizar o desenvolvimento web. Conheça alguns frameworks que têm como objetivo controlar e gerenciar o uso de bibliotecas, pré-processadores e utilitários em sites e aplicações web.

Repensando CSS Resets

Como melhorar seu CSS Reset.

Como schema pode te ajudar em SEO

Schema são tags padrões que foram adicionadas ao HTML afim de facilitar o entendimento de determinada informação pelos buscadores.

Performance front-end – Parte 2

O front-end é um dos grandes responsáveis pela performance de um website ou serviço online.

A tag MAIN

Conheça a nova tag MAIN do HTML.

Guia de Estilos

Entenda mais sobre guias de estilos, padrões para equipes, organização de CSS e mais.

Criando seu próprio Framework HTML CSS

Um Framework pode ser o responsável pelo sucesso da sua aplicação e lhe poupar milhares de dólares, assim como pode representar o gargalo do desenvolvimento do seu produto e levar o seu projeto ao fracasso.

Web Móvel e suas aplicações

A implantação generalizada da web em dispositivos móveis torna um alvo de escolha para criadores de conteúdo.

E-mail Newsletter Responsivo

Entenda como funciona e como fazer um email marketing responsivo.

Classes Funcionais

Crie classes que podem ser reutilizadas de acordo com a sua necessidade.

Creme de papaia e Geolocalização

Utilize a API de geolocalização de uma maneira mais útil.

Brincando com css3

O CSS3 está aí e você pode aprender brincando e usando toda sua criatividade. Conheça o canal da Mozilla onde você pode mostrar seus experimentos.

Web Platform

Sua web documentada.

Adobe Edge Inspect: Uma ajudinha no desenvolvimento para múltiplos dispositivos

Saiba como você pode testar seu código em diversos dispositivos com o Adobe Edge Inspect

Adobe Edge

Adobe Edge - uma suíte que reúne diversas aplicações para ajudar os desenvolvedores web.

Scoped CSS

Scoped CSS é um novo recurso do HTML5 nos permite definir estilos que serão aplicados apenas em um determinado escopo de marcação.

Qual unidade utilizar – Pixel, EM ou REM

Entenda mais sobre as duas unidades prediletas pelos desenvolvedores.

Font icons – Utilizando ícones em formato de font

Aprenda a usar font para fazer elementos com ícones.

Open Web Device

Um celular amigável para os desenvolvedores.

Boas práticas para E-mail Marketing

Algumas dicas práticas para codificação de email marketings.

Como usar os pseudo elementos :before e o :after

Como utilizar os pseudo-elementos :before e :after com a propriedade content.

Retina.js – Imagens para telas retina

Mostre imagens de alta qualidade em dispositivos retina sem muito trabalho.

Responsive Web Design – Adaptação vs Otimização

O que é melhor: um site que se adapta bem em diversas telas ou um site totalmente otimizado e de alta perfomance?

Entendendend a regra @viewport do HTML

Você poderá manipular o viewport diretamente do seu código CSS.

Documentos poliglotas com XHTML5

O XHTML5 permite utilizar a sintaxe do XML/XHTML em documentos HTML5

Estruturação de front-end – Parte 1: Preprocessadores, Framewoks e Bibliotecas

Entenda a diferença entre preprocessadores, frameworks e bibliotecas de client-side. Saiba o que usar em seus projetos e quais as suas particularidades.

Entendendo quais APIs (realmente) fazem parte do HTML5

Sabemos que o HTML5 não se trata apenas de marcação, mas também de um conjunto de novas funcionalidades encapsuladas em APIs que podem ser acessadas via JavaScript. Porém, algumas destas APIs não fazem parte do núcleo do HTML5.

Seu lugar ao sol

Como você se encaixará em um futuro onde o termo browser não existe mais?

CSS3 – Texturizando textos

Com funcionalidades que apoiam resultados visuais exclusivamente à folhas de estilo, o CSS3 está sendo criado para otimizar fluxo e ritmo de trabalho, além de aproximar ainda mais Designers de Interfaces à profissionais Front-End. Com vocês, a texturização de textos via CSS3.

Boas práticas de Acessibilidade

Apresentação sobre acessibilidade e desenvolvimento para web.

Introdução aos padrões de codificação

É mais importante para o time concordar em um único estilo de código do que encontrar o estilo perfeito.

O dilema da sintaxe no HTML5

Fechar ou não as tags? Colocar os valores de atributo entre aspas? Estas escolhas nem sempre podem ser uma questão de gosto.

Declarando idiomas no HTML

O conteúdo online pode ser acessado no mundo inteiro, não importa seu idioma. Para tanto o idioma deve ser declarado corretamente para que os meios de acesso entreguem o conteúdo da melhor forma possível.

Propriedade background-clip

Entenda como a propriedade background-clip do CSS3 funciona.

Introdução ao CSS 3D – Flip Card

Entenda como funciona o CSS 3D e suas aplicações.

OOCSS ou CSS do jeito certo

O CSS é algo muito simples de ser escrito mas com apenas um deslize todo o código pode transformar o projeto em um inferno. Saiba como podemos evitar isso.

Experiência deve ter começo, meio e fim

A experiência do usuário precisa ser a melhor possível independente do meio de acesso utilizado.

CSS dinâmico com LESS

Já imaginou poder declarar variáveis, implementar funções e mixins em suas folhas de estilo? Este é objetivo principal da biblioteca LESS: ampliar o funcionamento do CSS, tornando-o altamente dinâmico.

Formulários e o Metawebdesign – Parte 1

Como montar formulários quando você é o responsável pelo código e design.

Utilizando a Biblioteca Modernizr

Alguns browsers não aceitam as novas features de CSS3 e HTML5. Saiba como detectá-los e tratá-los com a biblioteca Modernizr.

Biblioteca CSS ou Framework?

O que é melhor utilizar: biblioteca de CSS ou um Framework?

Introdução ao CSS Shaders – Parte 1

Shaders CSS é um complemento para Filter Effects. Além disso, shaders CSS introduz uma noção de Vertex Shader para um modelo de filtro.

Nem só de client-side vive um site

| É errado pensar que apenas por que você escreveu código HTML semântico seu site aparecerá em primeiro no Google ou ficará mais acessível para deficientes visuais. O código client-side é apenas a porta de entrada para uma série de outras pendências.

Introdução ao Responsive Web Design

Responsive Web Design é um nome bonito para um conceito antigo. Hoje seus usuários utilizam diversos dispositivos e meios de acesso para encontrar informação. Saiba como podemos entregar informação de forma eficaz e inteligente.

Tenha o DOM

Entenda o que é o Document Object Model e tenha o DOM.

Entendendo os Reflows

O que são e como os Reflows podem ser otimizados para aplicações ficarem ainda mais rápidas.

RGB e HSL

RGB e HSL são os formatos que estão se tornando populares no desenvolvimento web. Entenda como cada um funciona e saiba quais suas vantagens.

Especificação para touch screens

Interações em interfaces touch são diferentes das interfaces baseadas com mouse. Hoje temos pleno controle das ações baseadas com mouse, mas este controle não pode ser expandido para as interfaces touch. As ações e as forma de comportamento do usuário são diferentes.

CSS3 – Sombras em textos e elementos

Sombras em elementos e textos. O CSS3 nos trouxe essa possibilidade. Saiba como funciona as propriedades text-shadow e box-shadow.

CSS3 – Módulo Template Layout

Entenda como você não fará mais estruturas com a propriedade float.

Em tempo de transição, quais recursos utilizar?

Acompanhar todas as mudanças que o desenvolvimento web vem sofrendo é tarefa muito difícil e bastante trabalhosa. Alguns de nós ainda preferem sentir-se mais seguros quanto a regulamentação dessas diretrizes e outros já estão testando e experimentando. Pra onde podemos direcionar nossa postura às evoluções?

CSS3 – Animation e regra keyframe

Saiba como o CSS 3 possibilita a criação de efeitos de animações e transições.

CSS3 – Breve introdução ao RGBA

Normalmente em web trabalhamos com cores na forma de hexadecimal. Agora o RGBA nos permite que você aplique em uma determinada cor transparência.

Pontuação de especificidade da CSS

Entenda como o browser calcula a especificidade do seu seletor e evite conflitos entre estilos.

Documentos acessíveis com WAI-ARIA em HTML5

A preocupação com acessibilidade tem aumentado gradativamente a cada nova versão do HTML e CSS, em vista de atender cada vez mais os usuários que possuem alguma deficiência.

Keygen: Certificando suas paginas com HTML

Uma tag que ressucitou do passado com mais força e vigor.

Ferramentas de diagnóstico

Quando algo de estranho acontece, é bom estar preparado.

CSS3 com PIE – bordas, sombras e gradiente

Utilizar CSS3 no front-end de websites ainda parece uma realidade um pouco distante devido a incompatibilidade de renderização entre os browsers, mas com o lançamento final dos navegadores IE9 e Firefox 4, esta realidade fica ainda mais próxima da prática efetiva que vai criar a nova etapa do desenvolvimento tableless.

Múltiplos backgrounds com CSS

Testando múltiplos backgrounds no CSS3. Isso realmente funciona! ;-)

Novo parser HTML5 – FF4

O Firefox 4 trouxe uma série de atualizações, uma das mais importantes é o novo parser de HTML5 que promete ser mais rápido e eficiente.

Drops 4 – Validar é importante?

Validar o HTML é importante? Para que serve o validador? O que ele não analisa?

CSS3 – Abas com a pseudo-classe :target

Fazer abas sempre foi muito chato para mim. Agora, os problemas acabaram com o :target.

PDF – Browsers antigos: guerra contra o terror

Não quero que você gaste tempo e dinheiro à toa se você pode ter resultados melhores se mudar um pouco o foco do desenvolvimento. Quero que você entenda que os visitantes que utilizam browsers antigos são sempre a minoria.

The IE6 Countdown – O ultimato da Microsoft

O Internet Explorer 6 é um câncer. A cura desse câncer é a própria Microsoft. Com a campanha The IE6 Countdown, a Microsoft quer diminuir para 1% o marketshare do IE6 no mundo!

Um raio-x do seu website

Ferramentas e metodologia para entregar mais e com maior qualidade. O Progressive Enhancement pode nos ajudar como mostramos em outros artigos. E hoje vamos mergulhar em um tópico específico da metodologia.

Drops 3 – Duas formas de modular seu CSS

Duas maneiras de modular seu código CSS.

HTML 5, novos elementos e atributos.

Em meio à tutoriais e artigos a respeito, em alguns minutos consegue-se perceber algumas das novas possibilidades que o HTML 5 proporcionará, mas na prática da construção de códigos para interfaces, o que será possível além de secções, barras de menu, barras laterais, etc?

Vídeos mais acessíveis com HTML5 – parte I

DFXP é a mais recente especificação do W3C baseada em XML para trabalhar com legendas em vídeos do HTML5.

Drops 2 – A palavra Marcação do HTML

A abreviação HTML tem muito a nos dizer.

Boas práticas na estruturação de interfaces.

O planejamento estrutural de seu código html é também de grande importância para organização de tags e propriedades css, para o trabalho em equipe e para uma manutenção facilitada.

CSS Transforms

"CSS 2D Transforms allow elements rendered by CSS to be trans- formed in two-dimensional space." É aqui que a graça do CSS 3 começa.

Introdução a Microdata no HTML5

De forma similar aos microformats, microdata do HTML5 permite representar determinadas informações de forma mais semântica.

JQuery para produção de Layouts

Quando falta a compatibilidade de algumas propriedades do CSS nos browsers ou porque quando não é possível manipular o HTML manualmente para suprir suas necessidades, o JQuery poderá ajudar.

Bem vindo a Xangri-lá – Parte 2

Voltamos a Xangri-lá, para entender como as coisas funcionam. Veja como aplicar o Progressive Enhancement criando e customizando metodologias de trabalho. As expectativas e considerações do cliente geram o design e a funcionalidade de sua aplicação.

Desenvolvendo para IE6

Você ainda desenvolve para IE6? Você cobra mais por isso? Eu sim.

Bem vindo a Xangri-lá – Parte 1

Progressive Enhancement, Graceful Degradation e um horizonte perdido que precisa ser encontrado no desenvolvimento web

CSS3 – O que vem por aí…

Além da linguagem de marcação, a semântica e a utilização de bibliotecas Javascript no desenvolvimento HTML5, as folhas de estilo também serão reestruturadas para atender as diversas possibilidades que os novos padrões permitirão. Portanto, com vocês: o CSS3.

Vote no Especialista em Usabilidade para Presidente

A usabilidade é algo muito abrangente e você, profissional front-end, tem muito a ver com isso.

Usabilidade para desenvolvedores front-end

A usabilidade possui diversos critérios a serem trabalhados durante todo o processo de desenvolvimento de uma interface, mas no dia-a-dia podemos melhorar a experiência do usuário através de pequenos detalhes.

6 dicas para evitar problemas de incompatibilidade entre browsers.

Mesmo com o lançamento de versões beta dos principais browsers, prontos para receber o HTML5, profissionais ainda enfrentam dificuldades em realizar o trabalho de webstandards nos dias de hoje.

Afinal, o que muda com o HTML 5?

Há algumas mudanças que vão ocorrer tanto nas estruturas técnicas do desenvolvimento de webpages quanto na postura e parâmetros que o profissional deverá apresentar na criação de um website.

HTML5 Diff

Um resumo do que mudou no HTML5 em comparação com o HTML4.

HTML5 e seus companheiros

O HTML5 veio para mudar. Mas o HTML5 sozinho não faz verão. Por isso, é bom que saibamos que o CSS e o Javascript fazem boa parte do trabalho.

Conteúdo, Flash e HTML

O HTML não vai tomar o lugar do Flash, entretanto, o Flash não será a única opção.

Colocar Rodapé fixo no fim da página

Como deixar o Rodapé fixo fim da página quando houver pouco conteúdo.

Camadas de desenvolvimento client-side

Você pode se assustar com isso, mas a tabela foi um marco na história do design para web. Ela abriu portas. Mostrou caminhos.

Ah, o maravilhoso mundo real

O que é mais importante, RDF ou bordas arredondadas? O novo formato de especificações modulares do W3C vai ajudar os desenvolvedores, agilizando os releases de navegador, ou vai tornar nossa vida uma bagunça?

Prepare-se para a Revolução

O W3C mudou. Isso vai modificar todo um fluxo de trabalho e a velocidade das implementações dos browsers e a forma com que os desenvolvedores trabalham.

CSS 3 Columns

O CSS3 facilitará muitas coisas, uma das possibilidades é a criação automatica de colunas em blocos de textos. Para tanto, utilizamos as propriedades de columns do CSS3.

Lançado Firefox 3.5

O Firefox 3.5 foi lançado e está com uma série de modificações, principalmente atualizações para facilitar o desenvolvimento com HTML e CSS. Baixe, teste e compartilhe!

Propriedade Position do CSS

A propriedade position não serve para criar estruturas de layouts. Você o usará para coisas mais simples. Existem 3 tipos: relative, absolute e fixed. Entenda como eles funcionam e quais as suas relações.

Digest 04/09: CSS, HTML e Layout

Um bando de links interessantes sobre HTML, CSS e um pouco de layout.

Pulga na cueca e experimentando o HTML5

Tenho pulga na cueca. Não no sentido literal. Claro. Eu não agüentei e mudei novamente o Tableless, por fora e por dentro. Por fora ele ficou mais bonito. Por dentro, ele está implementado com as novas tags de estrutura do HTML5.

HTML 5 – Mudanças na estrutura e semântica

Todos os dias sites e mais sites são publicados na internet e nenhum deles com um padrão de nomenclatura de classes e ids.

HTML 5 – Semântica e o que é importante na web

Bem como o CSS3 o HTML 5 vem para mudar totalmente a forma que a web é construída.

Client-side e sua importância

Dar atenção a um código XHTML bem escrito, é abrir portas para deficientes e usuários de diversos dispositivos.

Tabelas semânticas

Vídeo: Menu horizontal com CSS em 5 minutos

Layout Fixo / Fluido de 3 colunas em 8 Minutos

Charsets e Encodes – Tabelas de caracteres

Entenda como funciona a tabela de caracteres e encodes no HTML.

IE8 – O sonho não acabou

Comentários Condicionais – Não use

Centralizando um objeto na Horizontal e Vertical com CSS

Saiba como centralizar um objeto na horizontal e vertical apenas com CSS.

Escrevendo um XHTML válido

HTML 5 – brevíssima introdução

Uma pequena introdução sobre HTML5 e sua história.

Desenvolvedor analfabeto (sim, é sobre WYSIWYG)

A idéia é que você saiba HTML de ponta a ponta.

WHATWG e o HTML 5

Validar é importante?!

Breve introdução: XHTML Mobile Profile

Tutorial Tableless Básico em HTML5 – Layout de 3 colunas