Sympla está contratando front-ends

Quer trabalhar em uma empresa que vai te valorizar? Entra pra Sympla.

PMs decidem negócio?

A responsabilidade de uma PM é o direcionamento do produto, não do negócio

Gerenciando o produto por resultados (Outcomes) e não por entregas (Outputs)

Entenda como por que é melhor gerenciar produtos digitais por meio de resultados, não entregas.

Design System e o gap de comunicação entre Designers e Devs

Comentário: Se compare com os outros

Microsoft Edge pra MacOS

A Microsoft está liberando uma versão do Edge para MacOS.

Core do Linux no Windows com WSL2

Windows usará kernel do Linux para rodar software binário do Linux no Windows

Tabela de Referência de Seletores de CSS

Tabela de referência para seletores de CSS

Opera 60

Nova versão do Opera 60

Construa um Serviço e não um Produto Digital

Serviços em vez de produtos

Um pensamento sobre trabalho remoto

Será que trabalhar remoto é 100% bom?

Sobre engajamento e churn

Você trabalha em algum Produto Digital com assinatura? Então já ouviu falar de uma métrica chamada churn.

Projeto, Produtos Digitais e Continuidade

Em uma palavra, o que diferencia Projetos de Produtos Digitais? Continuidade.

Opera Touch o novo browser do Opera

Conheça o mais novo browser para Smartphones

Vivaldi 2.0

Vivaldi, o Opera melhorado, agora está na sua versão 2.0. Vale a pena ver.

Um simples código de HTML e CSS crasheia aparelhos da Apple

O código explora uma falha no WebKit.

Os dois front-ends: designer e engineer — Parte 3: Questionando as responsabilidades de um front-end

Existem responsabilidades que talvez você ache que sejam exclusivas do front-end, mas não são. Tais responsabilidades são compartilhadas pelo time.

Os dois front-ends: designer e engineer — Parte 2: Os dois perfis

Pessoas diferentes para momentos diferentes no processo de desenvolvimento.

Internet por banda larga volta a crescer no Brasil

Pesquisa TIC Domicílios 2017, do Cetic.br, também aponta que a metade dos indivíduos conectados acessa a Internet exclusivamente pelo celular.

Os dois tipos de front-end: design e o engineer — Parte 1 : Uma breve história

O perfil do desenvolvedor front-end mudou e se transformou em dois (talvez mais) perfis diferentes. Entenda como tudo começou e saiba em qual perfil você se encaixa mais.

Framer X: React, meet design

Um produto que promete juntar design e código mobile.

Dev, você precisa saber inglês

Não caia na ladainha de que você não precisa disso

A Microsoft comprou o GitHub

E não, não é pegadinha e isso pode ser bom pra todos.

GDPR

Pra quem também não estava entendendo nada.

Quem cuida das pessoas no seu time?

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

Boas práticas para projetos JAMStack

Saiba algumas boas práticas (várias já conhecidas) para projetos JAMStack

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.

Treinando Inteligência Artificial para fazer código front-end

Como um programador treinou uma máquina para fazer HTML e CSS a partir de Mockups

Deploy automático com GIT e Netlify

Entendendo como fazer deploy automático no Netlify fazendo push no GIT

Templates no Hugo - Entendendo o básico do range

Entenda como interar nas arrays do Hugo

Conhecendo o @supports do CSS

Entendendo como funciona a regra de condição @supports

NPM e a polêmica de segurança

A polêmica sobre a falta de segurança em códigos de terceiros

Salesforce Lightning Design System

Uma coleção de padrões de designs, componentes e guidelines da Salesforce

Entendendo as técnicas de prebrowsing

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

Firefox Quantum

Novo Firefox, duas vezes mais rápido para renderizar páginas, consumindo 30% menos memória que o Chrome.

GitHub Game Off

O 5º prémio anual do jogo GitHub começa em poucos dias - envolva-se e confira nossos recursos Phaser.

Atlassian libera documentação da sua biblioteca visual

A Atlassian liberou para uso público seu guideline visual.

ReactConf Brasil 2017

A conferência Brasileira sobre ReactJS.

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.

Mulheres na área de TI e Respeito

Você não precisa de muito para criar um ambiente ótimo para as mulheres, você só precisa de respeito.

Ouigo - Pinball em WebGL

Um pinball rodando direto do seu browser.

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

Estatística básica nas entregas de projetos agile — Moda, mediana e percentil

Como um pouco de estatística básica pode nos ajudar a entender melhor as entregas de projetos web

Um comentário sobre a desnecessária fragmentação da profissão designer

Discutindo um pouco sobre a separação das disciplinas que compõe a profissão de Designer para Web

O novo formato de arquivo do Sketch 43

Algumas informações sobre o novo formato de arquivo do Sketch 43

Agora o Tableless é estático

Tableless não é mais no WordPress.

Foz do Iguaçu recebe reunião sobre desenvolvimento da Internet na América Latina e Caribe

O fim da profissão front-end

O front-end como você conhece vai morrer.

Moz://a

Opera Neon – Até que enfim um browser decente

Instalando e configurando NGINX via Homebrew

Introdução bem rápida sobre vim

E-mail marketing: descubra os 4 piores erros

Reação é melhor que previsão

Novidades Adobe Creative Cloud 2017

Dicas para transformar leads em vendas

Hello World com React, do rascunho até o primeiro componente

Serasa faz Hackaton: Experiance Jam

Oitenta participantes selecionados irão se reunir na sede da empresa, em São Paulo, nos dias 5 e 6 de novembro, para resolver desafios com foco em produtos e serviços ao consumidor

Hackathon – SESI Cultura Digital

Web.br 2016 – A Conferência do W3C no Brasil

Conheça o debugger.html – Depurador de JS da Mozilla

Entrevista com Bert Bos (Criador da CSS) e W3C

Linked Data e JSON-LD

Deploy usando git pull e hooks

Um pouco sobre imagens para Web

FITIC – Feira Internacional de Tecnologia de Informação e Comunicação

Sobre Aaron Swartz

Só um pensamento rápido sobre Aaron Swartz.

Encontro de Desenvolvedores em São Paulo

O básico sobre Expressões Regulares

Desmistificando as Expressões Regulares.

Encontro de Desenvolvedores Curitiba – 21/Maio

Encontro Desenvolvedores Recife – 05/Maio

Encontro Locaweb de Desenvolvimento e profissionais de internet!

Resultados do Survey 2015

Resultados do Survey em 2015. Conheça o status atual dos profissionais do mercado de web.

Não se preocupe tanto com o Time To First Byte

EdgeHTML issue tracker

Cadastre e acompanhe bugs do browser da Microsoft Edge.

Escreva código conosco

Contribua escrevendo código para o site Tableless.

Novas features no Safari

O que mudou no Safari no iOS 9.3 e o El Capitan 10.11.

Sublime Text está sendo desenvolvido de novo

Até que enfim o Sublime Text voltou!

Fazendo a animação do coração de like do Twitter

Fazendo a animação do coraçãozinho do Twitter.

Internet Explorer 8, 9 e 10 foram pro saco

O fim de uma era.

O perfil T-Shaped e o dev full-stack

Fórum do Tableless

20 melhores sites de bancos de imagens grátis

Organizando equipes

Sobre organizar equipes multifuncionais em uma empresa gigante.

Inscrições abertas para o MeetupCSS, dia 20 de Outubro, na Locaweb

Fórum do Tableless está de volta

Mais uma maneira para você tirar dúvidas e receber ajuda dos universitários.

Centralizando conteúdo na vertical e horizontal com CSS Flexbox

Centralize conteúdo e elementos na vertical e horizontal usando Flexbox do CSS.

Harvest: Boilerplate de Gulp para seus projetos

Um boilerplate de Gulp com tarefas básicas de build e gerenciamento do projeto.

DeployBot faz o build e deploy do seu projeto para produção

34 coleções de ícones para designers e devs

ícones, ícones, ícones para todos!

28 Plugins poderosos do WordPress para seu website

Pesquisa nacional para profissionais de web 2015

Buscando informações para entender melhor o mercado de web brasileiro.

PagueVeloz: facilidade de integração e acesso rápido aos pagamentos

Copa.Landing.jobs: trabalhe em Lisboa

Copa.Landing.jobs: sua chance de testar conhecimentos e conhecer a cena de TI em Lisboa

Sobre comunidade e respeito

Processo front-end na Locaweb

Nosso processo e stack de front-end na Locaweb.

Introdução a propriedades e métodos no JS

Entendendo um pouco sobre o uso de propriedades de valores e métodos no JavaScript.

NodeSchool – Um jeito fácil para aprender Node e JavaScript

NodeSchool, um workshop de código aberto, presencial ou online.

Shopify – Uma ótima opção de e-commerce

Talvez, em vez de criar um e-commerce completo, seja mais interessante indicar um sistema pronto e-commerce, como o Shopify.

Aprendendo JavaScript online

Sites para aprender JavaScript de maneira fácil e interativa.

Dicas úteis e ferramentas para criar logos online

Entenda como ferramentas online podem te ajudar a criar logos para seu site e sua empresa.

O nome UX está errado

A sigla UX não é exclusividade de um profissional específico. Só para os prepotentes.

Livro: Guia de Front-end – O caminho das pedras

Novo livro do Diego Eis sobre quais prioridades você deve prestar atenção para se tornar um bom dev front-end.

Grid simples com SASS

Criando um grid simples com SCSS.

Evento sobre desenvolvimento em Porto Alegre – #17elw

Ganhe um ingresso para um evento em Porto Alegre.

Email Marketing – Testes e CSS Inliner – Parte 2

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

Realinhamento ou Redesign

Eu não sei você, mas eu adoro quando meus apps e websites preferidos mudam seus designs.

Email Marketing – O Inferno – Parte 1

Um overview sobre a construção de Email Marketing.

Drops 15 – Eu era contra pré-processadores

Eu era contra pré-processadores, mas aprendi a gostar deles.

Internet Explorer dá lugar para o sucessor

Entendendo um pouco mais sobre novo browser Spartan e seu novo motor de renderização.

GDG DevFest Extended 2015

Conheça o DevFest Extended, evento do Google para gestores, empreededores e desenvolvedores.

Front-end United – Leo Kzw

Uma campanha para ajudar o Leonardo Konarzewski a vencer um câncer raro.

O status da conectividade mundial

Conheça alguns dados sobre o status da conectividade no mundo.

HTTP/2 – Atualização do protocolo base da internet

O protocolo HTTP vai receber oficialmente uma grande atualização em breve. Saiba o que mudou.

Cadastre seu post e seja um autor do Tableless

Seja um autor do Tableless. Cadastre-se no nosso Wordpress e compartilhe seus artigos.

Curadoria do Tableless no Encontro Locaweb 2015

Estamos fazendo a curadoria de palestrantes no Encontro Locaweb de 2015 em várias cidades. Participe!

Tamanho da tela e tamanho da janela com JavaScript

Um breve spike para comparar os valores do tamanho da tela e da janela em diversos dispositivos.

Implementação PSD para HTML + SASS

Assista um Webinar com o Diego Eis implementando um PSD para HTML + SASS online.

Entendendo o Event Delegation da função on() no jQuery

Um pouco sobre event delegation com a função <code>on()</code> do jQuery.

Plugins de GIT para Sublime e Brackets

Conheça alguns plugins para integrar o Git no Sublime e Brackets

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

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

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.

Sobre o design oco

Sobre design ordinário e argumentos.

Arquitetura CSS – Anotações da palestra Rafael Rinaldi

Anotações que fiz sobre a palestra do Rafael Rinaldi no Seminário Locaweb que houve em SP.

Anotações sobre Material Design do Google

Anotações sobre o Material Design, o novo conceito de design que o Google tem adotado em seus produtos.

Finalistas do Prêmio Todos@Web são divulgados

Iniciativa do W3C Brasil vai premiar projetos, pessoas e instituições que promovem a acessibilidade na Web

Web Fundamentals – Dicas do Google

Conheça as dicas que o Google tem para quem constrói websites

W3C e WHATWG: amor e ódio

Um quer se mover rapidamente. O outro quer estabilidade e segurança.

Agora sim: o HTML5 se tornou oficialmente uma Recomendação

Finalmente o HTML5 se tornou oficialmente uma recomendação do W3C.

Padrões Web para o futuro

Um vídeo que mostra a evolução da web e dos padrões.

Não seja o próximo Zeno Rocha

Seguir o caminho de alguém, não quer dizer que você precisa ser essa pessoa.

Gravação do Tableless Conference 2014

Assista todas as palestras que ocorreram no Tableless Conference 2014.

Humble Mozilla Bundle

Humble Bundle da Mozilla. Veja jogos independentes que a Mozilla está oferecendo no pacote.

GDG Tech Talk Salvador

Participe do Grupo de Desenvolvedores do Google em Salvador!

IE8 Countdown – Enforcando o demônio

O IE8 já ficou velho e está na hora de mandarmos ele pra casa.

Tableless Conference #3 – 2014

O Tableless Conference é o evento do Tableless e esse ano vai ser louco!

Web.br 2014 – Bootstrap: Ame ou Odeie

A visão de uma back-end sobre a utilização do Bootstrap.

Web.br 2014 – Caminhos da Inovação

Web.br 2014 – Internacionalização na Booking

Anotações da palestra sobre internacionalização da Booking na Web.br 2014.

Web.br 2014 – Internet das Coisas

Anotações sobre Internet das Coisas.

Web.br 2014 – Throttle e Debounce

Anotações da palestra sobre Throttle e Debounce feito pelo Almir Filho no Web.br 2014.

Usando seletores aninhados do SASS com cuidado

Cuidado com o pesadelo das nesting selectors dos pré-processadores.

Seminário de Desenvolvimento Web em Goiânia (grátis)

Alô Goiânia, participe do Seminário Locaweb de Desenvolvimento!

Revista Front-end Magazine

Conheça uma revista especializada em desenvolvimento front-end.

Entendendo as diretivas e fazendo abas com AngularJS

As diretivas do AngularJS estendem o código HTML, atribuindo funcionalidades aos componentes. Entenda como as diretivas funcionam fazendo uma funcionalidade básica de abas (tabs).

Documentário sobre o Jeffrey Zeldman

Documentário sobre um dos lendários da comunidade web mundial: Jeffrey Zeldman.

Saiu o WordPress 4.0: “Benny”

Atualização do Wordpress 4.0.

BrazilJS 2014

Anotações das palestras que rolaram no BrazilJS de 2014.

Usando condicionais no Sass – Control Directives

Saiba como funcionam as condicionais if, else, while, for e each no SASS.

Instalando SASS na máquina – video

Quer usar SASS em seus projetos? Instale SASS na sua máquina e saia usando.

O mercado de desenvolvimento front-end

Temos um novo rockstar no palco.

Utilizando Map Structure do Sass

| Estruturando variáveis de forma inteligente com o Maps do SASS.

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.

Web Notifications API

Aprenda o básico da API de Web Notifications.

CSS Filters – Aplicando filtros em imagens com CSS

Veja como aplicar filtros em imagens e elementos apenas com CSS.

Sobre desenvolvimento multi-device

Como classificar melhor os dispositivos para um bom desenvolvimento web.

Anotações de palestra: Além do que se vê – práticas com HTML e CSS

Minhas anotações da palestra do Jean Carlo Emer sobre práticas e truques com HTML e CSS.

Anotações palestra: Segurança em Aplicações Web

Anotações sobre a palestra de segurança que o Nando fez no 16 Encontro Locaweb.

Anotações palestra: Manutenção e Refatoração de CSS

Anotações sobre a palestra sobre Refatoração e Manutenção de CSS em projetos, feito pelo Lucas Mazza.

Anotações palestra: O futuro do JavaScript

Essa são as minhas anotações da palestra do Jaydson Gomes sobre as principais mudanças da próxima versão do Javascript.

Web Components: Introdução

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

Em busca do Lean UX – Anotações

Anotações sobre a palestra LEAN UX.

Tableless e o 16 ELW no Rio de Janeiro e SP

Salas de desenvolvimento organizadas pelo Tableless no Encontro Locaweb do Rio de Janeiro e de São Paulo! Vamos mostrar quem é que manda na bagaça. ;-)

An Event Apart Boston 2014

Assisti o An Event Apart em Boston. Saiba alguns detalhes nesse post.

Entendendo o Web Design – Jeffrey Zeldman – An Event Apart Boston 2014

O que consegui anotar da palestra do Jeffrey Zeldman no An Event Apart Boston em 2014.

RWD é fácil/difícil – Anotações Dan Mall – An Event Apart 2014

Anotações da palestra do Daniel Mall no An Event Apart de Boston, 2014. Ele falou bastante sobre o processo de desenvolver para uma web multi-device.

Palestra sobre como se tornar um dev front-end

Apresentação sobre o que você precisa aprender para se tornar um desenvolvedor front-end.

6 truques básicos do functions.php do WordPress

Alguns truques para personalizar e melhorar o functions.php do seu tema.

Anotações Palestra 16ELW – Zeno Rocha

Anotações da palestra do Zeno Rocha no evento 16 Encontro Locaweb

Como fazer triângulos (setas ou arrows) com CSS

Como fazer triângulos (arrows) usando apenas com CSS.

Live Coding Online sobre Responsive Web Design

Participe do nosso Micro Workshop Online sobre Responsive Web Design.

Uma coletânea front-end escrito por 11 devs

Um livro de front-end escrito por 11 desenvolvedores brasileiros falando um pouco de tudo. Essa é a Coletânea Front-end.

6 dicas para se dar bem em freelas e trabalhos remotos

Você tem uma série de disciplinas que fazem você ser um dev melhor trabalhando remoto e apurando seu senso de responsabilidade

Code Guide by @mdo

Tradução do Code Guide do @mdo.

Atom: o novo editor by Github

Algumas informações sobre o Atom, o novo editor do Github.

Estilizar e formatar placeholder de inputs

Como formatar o texto do atributo placeholder.

Considere não usar JQuery

Em projetos pequenos ou em projetos com pouco javascript, considere não usar JQuery.

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.

O Tableless escolheu os palestrantes do 16º Encontro Locaweb

O Tableless fará a curadoria da sala sobre desenvolvimento da Locaweb. Apareça!

Stack Overflow agora em português

O Stack Overflow tem versão em português.

[Live Coding] Implementando um site com WordPress

Assista o segundo Micro Workshop com Live Coding do Tableless. Desta vez iremos implementar um site em Wordpress.

Não tenho versão mobile, faço ou não faço?

Ainda tem dúvidas se deve ou não fazer a versão mobile do seu produto ou site? Saia dessa...

Ensine mais

Aprenda ensinando em 2014.

Assista: [Live Coding] Codificando um Layout com HTML/CSS

Assista o vídeo do primeiro Workshop do Tableless, por apenas R$45.

Geração de conteúdo estático via CSS

Entenda como funciona a geração de conteúdo automática via CSS usando a propriedade content.

Live Coding com Diego Eis

Participe de um micro workshop com o Diego Eis, onde ele implementará ao vivo um layout direto do PSD.

Resultados do Survey 2013

Conheça os dados da pesquisa que fizemos este ano para conhecer alguns números e características do mercado de front-end brasileiro.

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.

Servindo sites estáticos com Jekyll

Entenda como o Jekyll funciona e como ele pode te ajudar a fazer websites estáticos, sem banco de dados e fáceis de gerenciar.

Meddlers – Aprendendo a estruturar equipes

Como construir equipes e estruturas em diversos cenários.

Champfrogs: 10 desejos intrínsecos

Entenda os 10 desejos intrínsecos dos membros da sua equipe.

Como se tornar um dev front-end

Alguns assuntos importantes que você, futuro dev front-end deve saber e conhecer.

Gestão ágil – Management 3.0

Minhas anotações sobre Management 3.0. Curso que fiz na AdaptWorks sobre gestão para métodologias ágeis.

Slides para devs #11 – JSON

Alguns slides sobre JSON e Javascript.

Fazendo um slide menu mobile – sem plugin

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

Slides para devs #10 – GIT

Veja algumas apresentações sobre GIT

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.

Como evitar maus clientes

Por que cliente ruim, ninguém quer.

EditorConfig

EditorConfig, um plugin que salva a vida de equipes inteiras.

Tabela comparativa de Frameworks CSS

Uma lista com os melhores frameworks de CSS

Emmet LiveStyle

Uma nova maneira de editar CSS.

Drops 14 – Sou um mero desenvolvedor

Um podcast bem pessoal sobre iniciativa.

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

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

Guia para Iniciantes – Ajude

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

Anotações da palestra do Luli Radfahrer no 15ELW

Pequenas anotações sobre a palestra do Luli.

Resumo do 15 Encontro Locaweb

Minhas palestras feitas no 15ELW.

Drops 13 – O basico sobre semântica, HTML5 e microdata

Drops 13 sobre semântica

Survey do mercado web nacional

Entenda como o seu mercado está e encontre respostas para perguntas importantes para a sua carreira.

Bye bye Camino

Atrás do Front(End)

Um podcast sobre comunicaçnao, produção de conteúdo e outras experiências.

Tableless Conference #2 2013

Palestras e fotos do segundo Tableless Conference!

Para Iniciantes

Informações para iniciantes no Tableless.

Slides para Devs #9 – Acessibilidade na web

Slides para Devs sobre Acessibilidade na Web

Anotações da palestra do Silvio Meira

Anotações da palestra que o Silvio Meira fez no Encontro Locaweb de Profissionais de Internet em Curitiba.

Slides para Devs #8 – Frameworks JS

Apresentações sobre frameworks Javascript.

IE10 dobra seu MarketShare

IE10 aumenta seu MarketShare, talvez por causa das vendas do Windows 8.

Freebies no Dribbble #1

Presentinhos grátis que pegamos no Dribbble.

Slides para Devs #7 – JS em larga escala

Apresentações sobre Javascript em larga escala.

Atender bem para atender sempre

Alguns pontos importantes para começar a atender bem na web.

Slides para Devs #6 – Javascript

Apresentações sobre Javascript.

AddThis: analisando as mídias sociais do seu site

Conheça algumas vantagens ao utilizar o AddThis em seu site.

Slides para devs #5 – Design

Slides de apresentações sobre design.

Sobre prazos e produtividade

Um pensamento sobre prazos e produtividade.

Blink: o novo motor do Chrome

Google cria seu próprio motor de renderização baseado no WebKit.

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.

Slides para Devs #3 – Responsive Web Design

Slides sobre Responsive Web Design.

Webkit to the people

Entenda por que a monocultura do Webkit pode ser ruim. Ou não.

Slides para Devs #2

Slides que valem a pena você ver, parte 2.

Slides para Devs #1

Slides que valem a pena ver. #1.

Tableless Conference 2 – versão 2013

Tableless Conference: um evento para desenvolvedores web se tornarem melhores.

Locaweb Style – Como iniciamos

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

Actions do Photoshop

Um site com promoções diárias para desenvolvedores e designers.

Locaweb Developer Network

Portal de Desenvolvedores da Locaweb.

Performance front-end – Parte 2

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

Internet Explorer dos anos 90

You grew up. So did we. Reconnect with the new Internet Explorer.

Front-end, UX e Back-end

Na verdade não é cada um na sua. Ou você levanta para ver o que acontece no mundo ao seu redor ou você atrofia suas skills.

A tag MAIN

Conheça a nova tag MAIN do HTML.

Maxthon

O Maxthon é o browser que mais suporta os padrões web atuais.

Parallax simples com JQuery e CSS

Faça o efeito parallax com 3 passos simples.

Um 2013 cheio de propósito

Por que em 2013 você precisa de propósito...

Facebook no Firefox

Converse pelo Facebook Messenger diretamente pelo Firefox.

Mozilla Webmaker

Faça algo maravilhoso com a web.

Startup e propósito

Depois que o dinheiro pinga no bolso o que sobra é apenas propósito.

Um recado da MS aos trolls do IE

Uma homenagem da Microsoft aos trolls do IE.

Classes Funcionais

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

Git com Interface Gráfica

Aplicações visuais para o Git.

Iniciando no GIT – Parte 2

Commit, Push e Pull. Entenda o que fazer depois que modificar arquivos.

Iniciando no GIT – Parte 1

Entenda o que é o Git e como iniciar um projeto.

Passwords em Mobiles

Melhorando a experiência do usuário não mascarando o password em mobiles.

Esse texto é pra mim – mercado e atitude

Pensando alto.

IE10 no Windows 7

IE10 em Novembro para Windows 7.

Web.br 2012 – Empreendedorismo

Anotações sobre a palestra de empreendedorismo na web e criação de produtos da Webbr2012.

Web.br 2012 – Abertura

Anotações do primeiro dia do Webbr 2012.

Firefox 17: um firefox mais social

O Firefox vai ser um browser mais social.

Web Platform

Sua web documentada.

História da Web – Uma timeline

Conheça a história da web numa linha do tempo completa e muito informativa.

Flexbox – Organizando seu layout

Entenda como a recomendação de Flexbox poderá nos ajudar a organizar a estrutura de sites e aplicações

Microdados do HTML5

Microdados dando mais significado à informação.

Adobe Edge

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

10 anos de Firefox

Parabéns aos 10 anos de Firefox. Veja dois vídeos interessantes sobre a guerra dos browsers.

Por que eu não gosto do nome startup

Um texto informal do por que eu não gosto do nome startup.

Drops 12 – Dicas de sobrevivência

| Essas dicas fazem parte da palestra que fiz no Tableless Conf (#tablelessconf).

Web Index

Web Index - Indicadores de qualidade da Web no mundo todo.

Dicas e truques de Sublime Text

Conheça algumas dicas e truques do Sublime Text.

Qual unidade utilizar – Pixel, EM ou REM

Entenda mais sobre as duas unidades prediletas pelos desenvolvedores.

Pós Tableless Conferece #1

Tableless Conferece #1 - Saiba como foi o evento do Tableless e o que rolou sobre front-end, UX e afins.

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.

Performance front-end – Parte 1

Entenda como você pode melhorar a velocidade do seu site de maneira rápida e simples.

Safer Place – Um game feito pelo W3C

Ajude o W3C a deter cibercriminosos.

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.

Querido usuário: Por favor, atualize seu browser

Um texto que pode ajudar os usuários normais a atualizar seus browsers antigos.

Um novo número 1

Imagina o IE sendo o segundo browser do mundo... Imaginou?

Identificando os IEs

Utilize dois modos simples para identificar os IEs em seus projetos.

Drops 11 – Adaptação e Otimização

Drops 11 falando sobre adaptação ou otimização de sites para mobile.

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?

Drops 10 – Web Apps ou Instaláveis no dispositivos?

Aplicações baseadas em web ou aplicações instaladas no dispositivos?

Variáveis no CSS – Breve

Variáveis no CSS, em breve, perto de você.

#1 Tableless Conference

Evento sobre front-end em SP.

Entendendend a regra @viewport do HTML

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

Acessibilidade – Podcast #2

Podcast sobre acessibilidade

Estruturação de front-end – Parte 2: Designers e Programadores

Entendendo e sincronizando as necessidades dos designers e programadores.

Adobe: The Expressive Web

The Expressive Web, as experiências da Adobe com as novas features do HTML5 e CSS3.

Drops 9 – Préprocessadores, frameworks e bibliotecas

Entenda a diferença entre pré-processadores, frameworks e bibliotecas de CSS. Essa é a primeira parte sobre como estruturar uma área de client-side.

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.

O dev front-end – Podcast #1

Qual seria o perfil de um desenvolvedor front-end? O que ele deveria saber ou não?

Adobe e os Padrões Web

A Adobe e suas iniciativas para ajudar o desenvolvimento web.

Opera experimentando o -webkit-

Opera suportando o prefixo -webkit-.

Drops 8 – O que o dev client-side deve saber

O que você sabe?

Sublime Text 2 – Meu novo editor

Entenda um pouco sobre o editor que está quebrando tudo.

Dicas de sobrevivência em uma era pós o IE6

Confira algumas propriedades importantes do CSS que você não podia usar no IE6, mas pode usar hoje no IE7 ou superior.

Drops 7 – Você está fazendo errado

Cuidado, você pode estar fazendo alguma coisa muito errada. Na verdade foi mais um desabafo.

Project Glass

Um mundo atrás do seu óculos.

Devs decidem deixar o SVG e adotar o Flash

Devs deixam o SVG em pról do Flash.

Cut the Rope

Cut the Rope, o jogo de iOS que virou case em HTML5.

O browser que você amou odiar

O Internet Explorer só serve para uma coisa: baixar outros browsers. Veja a mais nova campanha da Microsoft.

Qualidade de Imagens e densidade de pixels

Entenda melhor sobre densidade de pixels em aparelhos como o iPhone 4 e outros dispositivos que carregam Android.

Drops 6 – Acessibilidade

Um pouco sobre acessibilidade.

Responsive Web Design – focando a coisa certa

Será que todo mundo precisa de um design responsivo? Você pode não estar dando atenção para o que realmente importa.

Layouts antigos do Tableless

Versões antigas do layout do Tableless...

Seu lugar ao sol

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

Manipulação de classes com JQuery

Entenda como funciona as funções do JQuery para manipulação de classes nos elementos do HTML.

GoMo – Teste seu site mobile

Teste seu site com o Google GoMo.

Prefixos dos browsers: A web precisa de você

Por uma web mais livre.

Google Chrome para Android

Versão do browser Chrome para Android.

Agora é a vez dos desenvolvedores

A revolução pode começar sem você.

A melhor parte da viagem é o caminho

Um pouco de auto ajuda não faz mal a ninguém.

Aprenda a programar Javascript no Codecademy

Aprenda a programar de um jeito fácil.

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.

CSS1K

Implementando designs com apenas 1k de CSS. Você encara?

Um pensamento sobre design para web

Um pensamento sobre design impresso, desenvolvimento e design para web.

Concorra ao livro Smashing HTML5 no Twitter!

Introdução das premissas dos controles de versão

Introdução sobre algumas premissas sobre controles de versão. Muito útil para designers e iniciantes na área.

Style Guide para Android

Google lança Style Guide para desenvolvedores Android.

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.

Utilizando APPs em vez de browsers

Existem mais pessoas utilizando Apps para acessar conteúdo do que Browsers.

WebIntents – Framework para WebApps

WebIntents: sistemas web falando a mesma língua.

Propriedade background-clip

Entenda como a propriedade background-clip do CSS3 funciona.

Guia de Referência de HTML5

Cheat sheets completos sobre HTML5.

2012

O ano termina e começa outra vez. ♫

Experiência cross-device

Estamos prestes de presenciar uma invasão eletrônica de dispositivos de todos os tamanhos e utilidades em conjunto com aplicações onipresentes.

Introdução ao CSS 3D – Flip Card

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

Command & Conquer: Tiberium Alliances

A EA / Phenomic está criando um jogo em HTML5 e não é joguinho bobo não. Aguarde.

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.

O IE6 vai morrer no Brasil

Estamos ficando mais perto do dia em que nossos problemas com o IE vão acabar... ou pelo menos ficar perto disso.

Convencimento e educação = liberdade

A obrigação do desenvolvedor client-side é educar e convencer. Porque ninguém gosta de perder tempo e dinheiro.

Mobile First – A arte de pensar com foco

Os dispositivos móveis estão tomando conta do mundo. Sendo assim, o que você acha de pensarmos nos dispositivos móveis antes de pensarmos nos desktops?

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.

Eu saí da Visie

Singrar novos horizontes.

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?

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.

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.

Interface Guide para Apps Mobiles

Guias de interface para desenvolvimento mobile.

CSS3 – Animation e regra keyframe

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

CSS 3 – O valor currentColor

O currentColor copia a cor da propriedade color e a aplica em outras propriedades de cor, como background, border e etc.

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.

Drops 5 – Responsabilidade Dev Front-end

Os dev front-end fazem mais do que ficar pintando quadradinhos o dia inteiro.

Manipulando a metatag Viewport

Aprenda a manipular o viewport de mobiles e outros dispositivos com a metatag Viewport do HTML.

Ferramentas de diagnóstico

Quando algo de estranho acontece, é bom estar preparado.

Performance do seu CSS

Entenda o que pode melhorar ou piorar a performance de carregamento do seu CSS.

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?

Convertidos do Tableless

Os convertidos do Tableless voltaram. Não preciso dizer mais nada. =^)

CSS3 – Abas com a pseudo-classe :target

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

Comportamento e meios de acesso

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!

Drops 3 – Duas formas de modular seu CSS

Duas maneiras de modular seu código CSS.

Customizando links

Customizar links do site pode ser algo rápido e útil para o seu visitante. Fazemos essa customização com a ajuda dos seletores complexos, onde conseguimos filtrar e selecionar links específicos de acordo com o valor do HREF.

Drops 2 – A palavra Marcação do HTML

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

O básico: O que é HTML?

Entenda o HTML básico, saiba o que significa tags do HTML e entenda como fazer.

Drops 1 – HTML5 já pode ser usado

Por que mesmo você não usa o HTML5?

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.

2011: um grande ano

Nenhum ano vai ganhar do ano que o IE6 morreu, mas os próximos anos serão grandes anos.

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.

HTML5: Elemento AUDIO

A tag audio é suportada pela maioria dos browsers atuais. Ela representa um som ou um stream de audio e pode ser utilizada agora. Leia como.

Desenvolvendo para IE6

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

Responsabilidade de um dev client-side

Designer de web tem que saber codificar HTML/CSS/Javascript? Um desenvolvedor client-side tem que saber design?

Sections: elemento article – Parte 4

O elemento article define um bloco de informação, texto, comentários e etc. Ele é um elemento mais específico que o section ou que o div.

Sections: elemento aside – Parte 3

O elemento ASIDE agrupa informações relacionadas ao conteúdo principal. São informações desde publicidades, menus laterais, blogos de navegação e etc.

Sections: elemento nav – Parte 2

O elemento NAV agrupa blocos de links de um mesmo assunto ou links internos do website. Ele indica que um determinado bloco é um bloco de navegação.

Sections: seções do HTML5 – Parte 1

O site é dividido em seções. Cada seção tem seu significado e carrega informações de diversos assuntos. Os elementos do seção do HTML5 separam cada um desses elementos.

Gradientes em CSS

Já é possível criar gradientes apenas utilizando CSS3. Sem imagens e com alguma compatibilidade com a maioria dos browsers do mercado. Vale a pena experimentar.

Modelos de conteúdo no HTML5

Sobre modelos de conteúdo no HTML5.

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.

Propriedade @font-face CSS – Fonts externas na web

font-face possibilita utilizar fonts externas em websites. Você já pode utilizar essa regra agora.

Codeshow 2010

Quer ver o pessoal da Visie colocar um sistema no ar em um dia? Venha então para o CodeShow 2010.

Emuladores para browsers mobiles

São diversos aparelhos com diversas versões de browsers. Qual escolher? Por onde nivelar o desenvolvimento? Qual browser é melhor?

Processos e Adoção de Padrões

Um pouco sobre o processo de aprovação e adoção de recomendações do W3C.

Produtividade: editores e snippets

Se você é um desenvolvedor de verdade, você deve conhecer seu editor de códigos. Não importa qual ele seja, contanto que você o conheça do começo ao fim, saiba suas limitações e saiba utilizar suas vantagens para minimizar o tempo de produção.

Google Apps não suportará mais IE6

Deixar de suportar o IE6 é questão de sobrevivência. Não é capricho do desenvolvedor ou falta de vontade. Ou nivelamos por baixo a experiência do usuário, ou forçamos uma mudança de comportamento.

Porque é a web que comanda

Porque fazer um sistema que deve ser instalado no iPhone se você pode fazer um sistema web que pode ser acessível em todos os smartphones?

Simuladores de Browsers Mobiles

iPhone, Android e S60. Há simulador de browsers para todos estes smartphones. Versionar sites para mobiles nunca foi tão fácil.

Versionamento inteligente para mobiles

Filtrar mobiles pelo tipo de aparelho é muito comum. A moda é versionar o site para iPhone. Mas há outros aparelhos com a mesma capacidade de renderização que podem se beneficiar.

Colocar Rodapé fixo no fim da página

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

Convertido – Menu (Livraria Cultura)

Reconstruindo o menu da Livraria Cultura.

Convertidos de volta

O Convertidos do Tableless marcou época. Hoje, voltamos com o convertidos novamente, mas agora de uma maneira diferente. Mais didática.

2010

2010 será um ano realmente novo para o desenvolvimento web. Mas e para você?

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.

Introdução: diversidade dos meios acesso

Lidar com a quantidade de meios de acesso é e será um grande desafio no desenvolvimento para web. E não estou falando apenas sobre mobiles. O negócio é mais amplo e complexo. Há mobiles, desktops, consoles e uma pancada de outos dispositivos que ainda não são populares, mas serão um dia.

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.

1a. Conferência Web W3C Brasil

O W3C no Brasil tem feito uma série de iniciativas para alavancar e divulgar o desenvolvimento dos padrões web. Esse é um trabalho árduo, principalmente em países do tamanho do Brasil, que tem um número grande de programadores, designers e outros profissionais.

Efeito cascata, herança e especificidade do CSS

O efeito cascata do CSS é controlado pela especificidade e pela herança das propriedades.

Digest – Referências de CSS

Uma listagem de algumas referências e lista de propriedades sobre propriedades do CSS.

Propriedade do CSS: nth-child

A pseudo-classe nth-child seleciona elementos dentre uma árvore de elementos se referindo a posição específica de cada um. Você pode por exemplo selecionar os elementos ímpares ou pares.

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.

Digest 06/09: Técnicas de CSS

Introdução sobre Media Queries

Media Queries é a utilização de Media Types com uma ou mais expressões envolvendo características de uma media para definir formatações para diversos dispositivos. O browser ou a aplicação lê as expressões definidas na query, caso o dispositivo se encaixe nestas requisições, o CSS será aplicado.

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!

Introdução ao CSS Animation

CSS Animation manipula características dos elementos, transformando-os modificando por meio de transições os valores das propriedades definidas dos elementos.

Digest 06/09: Javascript, JQuery

Navegações e manipulações em jQuery e Javascript

Digest 05/09: Javascript, JQuery

Links e dicas sobre JQuery e Javascript.

Digest 05/09: Técnicas de CSS

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: Javascript, JQuery e Ajax

Links sobre Javascript, JQuery e Ajax para estudar e ter como referência.

Digest 04/09: CSS, HTML e Layout

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

Graceful degradation é tudo sobre Acessibilidade

Cada tipo de dispositivo e perfil de usuário tem um nível de experiência. Você precisa dar a melhor experiência possível para cada um destes perfis. Isso se chama Graceful Degradation.

Hierarquia de arquivos do WordPress

O Wordpress utiliza uma hierarquia de arquivos para a criação de themes. Para criar bons sites e blogs baseados em Wordpress, é importante que você entenda essa hierarquia.

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.

14º Encontro de Web Design – SP

Evento Encontro de Web Design em São Paulo. Porque trocar experiências é coisa básica.

Seletores do CSS: Pseudo-classes

Uma breve explicação sobre pseudo-classes, seus funcionamentos e tipos.

Seletores Complexos do CSS

Os seletores complexos mostram como a CSS pode ser dinâmica e direta.

Seletores Agrupados e Encadeados

Sobre seletores agrupados e seletores encadeados. Explicação rápida e básica.

Safari 4 Beta

O Safari é bastante conhecido por ser ainda um browser bastante cru. Mas sua versão 4 veio para mudar esse cenário. Mudar para a melhor.

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.

Canivetes na web

Durante muito tempo as agências web achavam que o desenvolvedor deveria ser uma espécie de canivete suiço.

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.

A internet tem que avançar sem o IE6

O IE6 é um browser com tecnologia de 2001. Já se passaram 8 anos, e você sabe como a web mudou em todo esse tempo.

Um 2009 sem fôlego

Este foi um ano de batalhas como qualquer outro. Mas 2009 está chegando e quem sabe qual será o caminho que o desenvolvimento web irá percorrer?

Implementar XHTML/CSS é grátis

Você pode ser diferente, mas isso só depende de você.

Porque só para o iPhone?

O desenvolvimento web para iPhone é o início deu m novo modelo de desenvolvimento web para dispositivos móveis. Os browsers para aparelhos como o iPhone ou aparelhos como os S60 da Nokia, são um novo caminho de navegar.

Modulando o CSS

As vezes não é inteligente fazer o código CSS todo em apenas um arquivo CSS. É aí que entra a modularização do CSS.

Não “otimize” seu código

Tabelas semânticas

SEO para iniciantes – O básico

Anotações sobre SEO

O Chrome não quer dizer muita coisa

Vídeos, WordPress, Internet Móvel e mais

Bloginfo Template Tag

White, Gray e Black Hats

Vídeo: Menu horizontal com CSS em 5 minutos

WordPress Include Tags

SEO – Sitemaps

Saiba como funciona o sitemap.xml

Browsers para Mobile – Nova era

Web Standards Project – WaSP

Layout Fixo / Fluido de 3 colunas em 8 Minutos

Formulário HTML Básico em 8 minutos

Lançamento do escritório do W3C no Brasil

Palestra Produtividade e Web 2

O LOOP do WordPress

Anotações soltas sobre como vender e comprar na internet (por um leigo)

BlogBits #9 – Espaço publicitário: incentivos, mimos e compra de opiniões

Microsoft compra W3C

Charsets e Encodes – Tabelas de caracteres

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

Browsers – Guerra Fria

IE8 – O sonho não acabou

Sobre hipertextos

WordPress – Uma pequena introdução

Entenda o básico do Wordpress.

Browser Targeting Version

Metatags – Breve introdução de uso e teoria

Metatags servem dar informação sobre seu site para sistemas de buscas ou outras aplicações. Metadados são estruturas de informações que descrevem características de uma fonte de informação.

Comentários Condicionais – Não use

Tableless.com.br – The Wonder Years

Centralizando um objeto na Horizontal e Vertical com CSS

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

Criando um Menu Horizontal com CSS

Aprenda como criar um menu horizontal padrão com CSS.

Escrevendo um XHTML válido

Image-Replacement x Imagens

Informação e Formatação; As duas camadas de desenvolvimento web

Sites para Dispositivos Móveis – MediaType

Se virando para testar – Parte 3: IES4OSX e IES4Linux

Flock 1.0 – agora dá para usar

Dicas para ter compatibilidade nos browsers

Procrastinar a Acessibilidade pode ser perigoso

Tabela de compatibilidade de CSS

Sobre Internet Explorer para Mobile – Breve impressão

Isso é coisa básica

CSS Frameworks ou como desaprender CSS

Padrões Web – Um elogio ao ócio do desenvolvedor

Palestra AlternativaWeb em Fortaleza

Ferramenta definitiva para a criação de websites?

CSS Reset

Fiat Uno e Peugeot 206

Navegação em mobiles

BlogCamp – Eu Fui!

Crise nos Padrões Web? – Guerra civil lá fora

CodeShow – Inscrições para assistir online

font-face

CodeShow – Mais 20 vagas! CORRA!

BlogCamp e CodeShow

Rapidinhas – para começar a pseudo-segunda-feira

Faculdades, cursos e conhecimento

Desenvolvedor Retrógrado

HTML 5 – brevíssima introdução

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

CodeShow – Só lembrando!

Opera Mini 4 beta

Encontro Locaweb de Profissionais de Internet

Safari para Windows

Resolvendo problemas de compatibilidades dos IEs

Desenvolvedor analfabeto (sim, é sobre WYSIWYG)

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

Estatísticas gerais pelo W3Counter

Ganhe uma entrada para o CodeShow

Acessibilidade: ou seu site tem ou não tem.

IE6 no Mac… (eu sei, é pecado)

Sobre ser informado (guerra sobre a desinformação)

Portais do governo serão adaptados para cegos

Referência rápida de CSS em Português

Um guia para você lembrar do que o CSS é capaz.

O futuro do CSS

The Web Design Survey

CSSHacks ou Comentários Condicionais? Nenhum dos dois, claro.

CSSHack para IE7, IE 6 e browsers de verdade

Comunidade Tableless – ao vivo e se mexendo

Before & After magazine

CSS Hack para o IE 7 – se alguém precisar

Coda – Mac only

CodeShow

Opera, só se não for para Desktops

Coleção de Layouts

99% é bom pra caramba

Pra que simplificar se pode complicar? (Offtopic?)

IE6 deve morrer

Há vagas na 32Bits™

Lições sobre Semântica #4 – Listas

Sobre Internet Banking

Cuidado para não regredir

Convertidos Tableless de volta

Explorando o Tableless.com.br

Conteúdo é o rei do batatal

O desenvolvedor e a ganância por economizar código

Estruturando o código CSS

Comunidade Tableless

Muito Off! :-)

Bonito de se ver #48

Bonito de se ver #47

Bonito de se ver #46

2.7 Bilhões de Celulares

Bonito de se ver #45

Bonito de se ver #44

CSS3 – :checked

Coisas úteis que não funcionam no IE #4 – Position Fixed

Bonito de se ver #43

Indicações de sites bonitos

Bonito de se ver #42

Retrospectiva 2006 – Junho

Bonito de se ver #41

Retrospectiva 2006 – Maio

Bonito de se ver #40

Retrospectiva 2006 – Abril

Bonito de se ver #39

Mobilidade na cabeça

Retrospectiva 2006 – Março

Bonito de se ver #38

Retrospectiva 2006 – Fevereiro

Bonito de se ver #37

Retrospectiva 2006 – Janeiro

Me achando por aí

Tableless no Style Crunch

Um bom 2007

Bonito de se ver #36 – Especial de Natal 2006

E ano que vem?

Feliz Natal

Designers de CSS – a missão

Designers de CSS

Doce passado

Bonito de se ver #35

Bonito de se ver #37

Bonito de se ver #36

Coisas úteis que não funcionam no IE #3 – Seletor com asterísco

Bonito de se ver #35

Bonito de se ver #34

Eventos, palestras, cursos e muito, muito trabalho

Opera Mini 3.0

Quer emprego ou quer anunciar um emprego?

Se virando pra testar – Parte 2: Desktops Virtuais

Se virando pra testar – Parte 1: Screenshots

Podcast Tableless #25 – Validação é importante?!

Validar é importante?!

Rapidinhas

Agregadores de Feeds

Estatísticas do Tableless FEED Outubro/2006

Internet Explorer 7 chegando na festa… atrasado.

Redesign 2007

Podcast Tableless #24 – Testemunho WCA

IE7 Is Coming This Month…Are you Ready?

E o diferencial, onde fica?

Mudanças no IE7

Coisas úteis que não funcionam no IE #2 – Altura e Largura mínima e máxima

Podcast Tableless #23 – .mobi

Quem deve se preocupar com os Padrões Web?

Css é só para formatar texto – Uma visão tacanha sobre o CSS

Coisas úteis que não funcionam no IE #1 – seletor inteligente

Adotando uma nova perspectiva com os Padrões Web

Podcast Tableless #22 – Primeira impressão sobre Padrões Web

Lavando a roupa suja

Editores

Introdução sobre alguns editores mais comuns para se trabalhar com HTML e CSS.

Estatísticas do Tableless Julho-06

Podcast Tableless #21 – Desenvolvimento em camadas

Browsers e seus diferenciais

Padrões Web em grandes empresas

Novo Yahoo! Brasil

Padrões Web: De onde viemos, para onde vamos?

Firefox 1.5.0.5 e Flofox Theme

Internet Explorer 7 e Automatic Update

Web Standards vs Tableless

CSS3 – Propriedade background

CSS3 – Novo mundo de possibilidades

Sobre nomes e sobrenomes

O que são Microformatos com Tantek Çelik

Entrevista com Hakon Wium Lie sobre CSS

CSS Modular – Breve explicação

Flock, ainda evoluindo.

Quer testar o Google Analytics?

Estatísticas do Tableless Junho-06

Assine o Feed do Tableless

Foxmarks

Portable Firefox

Google Page Rank Status

HTML Validator

Podcast sobre Microformatos

Chatsum

CSS Viewer

Dreamhost com 60% de desconto!

Opera Mobile passa no Acid2

Wii usando Opera!

R$100.000 jogados fora?

Aplicações comem conteúdo. Só os bem tratados.

Browser – Preocupando-se com o básico

Microsoft Expression Web Designer

Diferenças sutis na semântica

Referência de CSS 2

Livro sobre Padrões Web

É a maldita da cultura.

CSS alternativo

Momento saudoso

Uma das vantagens dos Padrões

Subjetividade na Semântica

Eyesmiles: A missão

Web 2.0 Awards

A Semântica é que manda

del.icio.us/tableless

Entrevista para WebDesign – Internet Móvel

Sombra e água fresca – 1º de Abril atrasado! ;-)

BlogBits Podcast #5 – A internet mudando pessoas

Podcast #20 – Preocupações sobre o desenvolvimento para internet móvel

Semana da Mobilidade

Breve introdução: XHTML Mobile Profile

BlogBits Podcast #4 – Anúncios na Web

A Era da Informação não chegou

TagSoup e programas WYSIWYG

Acessibilidade não é Altruísmo

Podcast #19 – WYSIWYG, WiMax e a onda móvel

Bonito de se ver #33

BlogBits Podcast #3 – Convergência Digital

Bonito de se ver #32

Bonito de se ver #31

Bonito de se ver #30

Bonito de se ver #29

Bonito de se ver #28

BlogBits Podcast #2

Google Page Creator

Bonito de se ver #27

Celulares?! Onde?

Video do Opera para Mobile

BlogBits Podcast

ZenGarage

Bonito de se ver #26

Del.icio.us direto pro Feed

Banana ou Diamante, qual você é?

Podcast #18 – Opera 9, Wasabi, Songbird e Semântica

Bonito de se ver #32

Tradução dos artigos do A List Apart

Wasabi – Seu amigo mais chegado

Podcast #17 – IE7 Beta 2 e Mercado de trabalho

O que são Media Types do CSS?

Media Types servem para direcionar um determinado CSS para um determinado tipo de meio de acesso.

Ainda muito cedo para dizer…

Extension: Mouse Gestures

Principais pontos da Acessibilidade na Web

Quer testar o IE 7 beta?

Translation Panel

Session Saver

ColorZilla

Opera promovendo o Opera Mini

MeasureIt

Não alimente os Trolls

Feed arrumado (ou quase)

Podcast #16

Screen Grabdpres

FireFTP

Web Browser para TV

IE Tab

DreamTeam da Web Brasileira

Eyesmiles de volta!

Uma breve história do CSS

Bonito de se ver #27

Bonito de se ver #26

E mais links

Sites para Dispositivos Móveis – Breve introdução

Bonito de se ver #25

Descontos no DreamHost – para serviços anuais e mensais

Pendurando Links

2006, “tamo aí na atividade”!

Bonito de se ver #24

Podcast #15

Feed Icons Standards

Feliz Natal

Tableless Podcast #14 e Feliz Natal

Bonito de se ver #23 – Brasil

IE para MAC deixado de lado (ainda bem)

Google, por quê?

Podcast sob encomenda

Novo Tableless, agora WordPress

Novidades no Gmail

MozTorrent

Cada um na sua

Bonito de se ver #21

Css para diagramar livros

Dando atenção para a Acessibilidade

Podcast Tableless #13

Código novo, maneira velha

Feed Validation Service pela W3C

Bonito de se ver #20

Bonito de se ver #19

Kill Bill´s Browser

Web Standards e a Pílula Vermelha

CSSVista

HTML ou XHTML?

Liberdade é estar conectado

A Web Semântica

Entenda o que significa Web Semântica.

Browsers e seus mundos

A plataforma chamada Web

Bonito de se ver #18

Problema com o servidor

Um novo conceito de browser

Podcast Tableless #12

Bonito de se ver #17

Apple virando tableless

Css Hacks e IE 7

Bonito de se ver #16

Podcast Tableless #11

Firefox 1.0.7

HP oferecerá máquinas com Netscape

Bonito de se ver #15

Browser Speed Comparisons

Curso de Tableless

Internet Explorer Developer Toolbar Beta

Par Perfeito abrindo vagas

Opera Grátis e um recesso rápido

Revolução CSS

Bonito de se ver #14

Web Semântica – Introdução

Usando o Firefox como ferramenta de desenvolvimento

GAP é Tableless

Uso correto das tabelas

Video Tutorial #5

Bonito de se ver Brasil #2

CSS Table Gallery

Firefox 1.5 is coming

Microsoft Dropping Support for XHTML1.1

Registro do Opera GRÁTIS – Só hoje

Video Tutorial #4

Podcast Tableless #10

RevistaW: Matéria sobre Tableless

Bonito de se ver #13

A List Apart novo em folha

Bradescompleto é Tableless

Podcast Tableless #9

Série de artigos

Charges.com.br é Tableless

Goodyear Brasil é Tableless

Exemplos de CSS

Bonito de se ver #12

O que é Tableless?

FAQ sobre Tableless

Entenda o que são Web Standards, o que é Tableless, quais as vantagens, relação com acessibilidade e tudo mais.

Moderação de Comentários

Podcast Especial 2

Internet Explorer 7 Reviews

Bol Tableless

Criadores de caso

Abril.com.br Tableless

Bonito de se ver #11 (Brasil)

Internet Explorer 7

Bonito de se ver #10

Semana Azul

Download.com Tableless

Help The CSS Working Group With Backgrounds and Borders

Acessibilidade Urgente

Podcast Especial Tableless

Camiseta – R$ 16,00

Problema – Deslocamento no Hover

Bonito de se ver #9

EYESMiLES

Firefox 1.0.5

Podcast Especial Tableless

Sobre RSS, Atom e etc

Bonito de se ver #8

Bug dos 3 Pixels

Rapidinhas: WASP dando uma força para Microsoft

Bonito de se ver #7

Bradesco Convertido

Camisetas do Tableless (finalmente)

Rapidinhas: Google to buy Mozilla?

Comparando os navegadores

Pong no Firefox

HSBC Tableless!

Bonito de se ver #6

Em qualquer dispositivo…

Problema – Caractere Duplicado

Browser de código aberto em Celulares

Nokia 770

O que há de novo no Firefox?

Bonito de se ver #5

Otimize seu CSS

Menu Dropdowns

CSS Frame Emulation

Nada de Hacks

Atualização no Draft do XHTML 2.0

Extension: Web Developer

Bonito de se ver #4

Web Standards – More than Just

Contest – Finalizado – Meu Parecer

Netscape 8

Votação – Vista esta Camisa

Vista esta Camisa – Mudanças

W3C Launches Mobile Web Initiative

Style Master

WinXP em Tableless

Contest: Vista esta Camisa

Bonito de se ver #3

Adobe GoLive Cs2

Em qualquer lugar com qualquer dispositivo

2005 CSS Reboot

Bonito de se ver #2

Fácil e rápido

50 Milhões de Raposas

Internet Explorer no Linux

1 Milhão de Downloads

Bonito de se ver #1

PalmOne Convertida

Software Livre: A missão

Sun Convertida

Comentários do Post Anterior

Notícias sobre Internet Explorer 7

Matéria sobre Tableless

The Css Playground

IE comendo mosca

Browsers dos Dispositivos Móveis

Real.com convertido

Site da Siemens Convertido

Novos Ares

Doctype e Browsers Modes

How Firefox Works

Desculpas

O maravilhoso mundo dos Browsers

Ie7 is coming! Será?!

Css Hacks – Ruim com eles, pior sem eles.

KISS!

Msn agora é tableless

Listas de Discussão

Layouts Tableless são quadrados

Palm com Linux

Nokia Convertido

Cisco Systems Convertido

</2004> <2005>

Opera with Voice

Feliz Natal

Podcast#8

Entrevista com Jonas Galvez - Parte 2

Podcast#7

Entrevista com Jonas Galvez - Parte 1

Vídeo Tutorial #2 – Css Hacks

Podcast#6

Entrevista com Fred Van Amstel - Parte 2

Vídeo Tutorial #1 – Layout basico de 3 Colunas

Podcast#5

Entrevista com Fred Van Amstel - Parte 1

PNG ou GIF?

Lições sobre semântica #2

Palestras sobre Tecnologia Móvel

Para os designers…

Samsung e H.Stern convertidos!

Netscape: O Retorno!

XStandards

Me copiaram na cara larga!

Firefox 1.0

Lições sobre semântica #1

Firefox in The New York Times

Em quem você vai votar?! :-D

Pushing Your Limits

Redesign no site do Opera

Porsche USA é tableless

A importância de seguir padrões

Desenvolvendo Web Sites para PDA´s

IBM e HP convertidos

Site grande e conhecido

Skype é Tableless

UOL convertido

Apresentações sobre CSS

Perguntas! Perguntas! Perguntas!

Bem vinda Ava Marie Zeldman

Entrevista com Joel Spolsky

Opera Mobile: 1.000.000 de Downloads.

Pesquisar no Google

Tableless ATOM!

1.000.000 de Firefox queimando tudo!

Firefox! Queimando tudo!

Emulador de Windows Mobile

Alemanha recomenda abandono do Internet Explorer

Redesign!

Internet: Reestruturando nossa vida

Nossos problemas acabaram! Ou quase.

Uma coisa diferente!

Mozilla Redesign

Ganhando a batalha na web!

Opera para Windows Mobile

Pocket-Sized Design

Wireless? WLAN? Wi-Fi?

Redhat Tableless!

Microsoft Redesign

Felipe Memória

Para o alto e avante!

Tendências (utópicas?)

Acessibilidade e os Padrões Web

Acessibilidade fala com você

A internet começa a dominar os cantos

Pixeladas Aleatórias

Internet por todo canto

Wiki do Tableless

Layout básico de 3 colunas

The Css Box Model Hierachy

Digital Web Magazine

Mais um!

Separação entre Informação e Formatação

O outro lado da moeda

Blogger Tableless!

Redesign do Zeldman

Terra.com tableless

Mobilidade

Gurus Vs. Bloggers

Mais alguns dias pro final

Aniversário e Ano Novo

Wiki ArqHP

Bugs do IE

Why tables for layout is stupid

Links Importantes

Você tem que dar uma passada!

Congratulations!

English Version!

BrowserCam!

México também faz tableless!

Mais sites tableless!

Muito Obrigado!

Tamanho do texto em diferentes browsers

Documentos do W3C em Português

O Tableless tem RSS viu?!

A informação e a formatação (parte 1)

Hp Brasil é tableless!

I Festival GNU/Linux de Salvador

Estudo de CSS

Dicas da arqHP

Entendendo CSS

Thunderbird

A força do CSS

Browsers

Construindo Sites com Padrões WEB

99,9% dos sites web estão obsoletos

Quer estudar CSS?

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

Diretório tableless no ar

VIVO-SP Tableless

Samsung Brasil

Versões de Browsers Standalone

Bugs de Browsers

Safari

Inaugurando!