posts do autor Diego Eis

O novo formato de arquivo do Sketch 43

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

por Diego Eis

Agora o Tableless é estático

Tableless não é mais no WordPress.

por Diego Eis

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

Os mais renomados especialistas sobre Internet da América Latina e Caribe se reunirão, em Foz do Iguaçu (PR), no período de 22 a 26 de maio, com o intuito de analisar e discutir a situação das Tecnologias da Informação e Comunicação (TIC) na região. O LACNIC27, encontro anual organizado pelo Registro de Endereçamento da Internet para a América Latina e o Caribe (LACNIC) contará este ano com o apoio do Comitê Gestor da Internet no Brasil (CGI.

por Diego Eis

O fim da profissão front-end

O front-end como você conhece vai morrer.

por Diego Eis

Moz://a

A Mozilla mudou seu logo. Desde o ano passado a Mozilla estava passando por um processo de rebranding. Não foi um processo como qualquer outra empresa faz: a Mozilla pediu a opinião de toda a sua comunidade. Ela contratou uma agência de Londres chamada Johnson Banks, que fez sete identidades primárias. A comunidade ajudou a escolher nesse site qual logo era mais legal, bonito, adequado e que se encaixava mais com a cultura da Mozilla e tudo o que ela representava.

por Diego Eis

Opera Neon – Até que enfim um browser decente

Eu tenho um faniquito com browser. Eu AMO o Safari. Sério. Ele é limpo, leve, rápido o bastante, não mata toda a memória do meu Mac, tem um Inspector usável… Mas muitas, visitando vários sites, funcionalidades simples deixaram de funcionar por algum motivo desconhecido. Quando eu abria o mesmo site no Firefox ou no Chrome, o funcionamento era perfeito. Isso aconteceu diversas vezes ate que me enchi e comecei a usar o Firefox.

por Diego Eis

Instalando e configurando NGINX via Homebrew

Instalando NGINX no Mac com Homebrew Faz um tempo que deixei de usar Apache como Web Server padrão, tanto no servidor do Tableless, quanto para projetos pessoais. Se você quiser instalar o NGINX no seu Mac, usando Homebrew, basta seguir os passos abaixo: brew install nginx Feito isso, o NGINX já deve estar rodando. Para testar, rode o comando abaixo: sudo nginx Agora entre em localhost:8080 pelo seu navegador.

por Diego Eis

Introdução bem rápida sobre vim

O vim é um editor de texto muito conhecido no mundo Linux. Embora conheça faz tempo, eu nunca o utilizei exatamente por que a curva de aprendizado é terrivelmente longa. Aposto que você conhece alguém que já ficou preso no vim quando foi editar um arquivo no servidor e nem sabia como salvar e sair do arquivo. Normal quando se está começando e nem tem ideia de como o vim funciona.

por Diego Eis

E-mail marketing: descubra os 4 piores erros

A estratégia de comunicação online utilizada pelas empresas pode ser crucial para o futuro do próprio negócio. Compradores do mundo digital buscam preço, qualidade e confiabilidade ao adquirir seus produtos ou serviços. Mas não é só isso: eles querem, como qualquer consumidor, atenção e respeito. Por isso que, para comunicar com este público, o e-mail marketing é uma solução indispensável, embora seja preciso adotar muitos cuidados. No fim de ano, quando o mercado está aquecido e as vendas em alta, o uso da ferramenta errada pode significar não apenas perdas financeiras como também manchas na imagem da marca.

por Diego Eis

Reação é melhor que previsão

Entender o usuário é algo difícil. Você pode perceber isso facilmente comparando a sua forma de usar algum serviço de internet, digamos o Facebook, com qualquer outra pessoa ao seu redor. Provavelmente você tem um costume totalmente diferente de navegar, consumir conteúdo, comentar etc. Pessoas diferentes, usam de formas diferentes um mesmo produto e isso é totalmente normal. É por isso que tentar prever cenários para desenvolver um produto para internet é algo complicado.

por Diego Eis

Novidades Adobe Creative Cloud 2017

A Adobe anunciou esses dias algumas novidades para o Creative Cloud 2017. Muitas das atualizações focaram em usabilidade e também algumas novas integrações nos serviços de cloud, como o TipeKit e o Creative Cloud Libraries. Aqui vão algumas novidades do Photoshop e do Illustrator, que são os programas que mais uso. Mas toda a suite do Creative Cloud teve alterações. Photoshop Como esperado, o Photoshop ganhou suporte de uso com o Touch Bar do novo MacBook lançado pela Apple meses atrás.

por Diego Eis

Dicas para transformar leads em vendas

Melhorar o relacionamento com seu público-alvo e consequentemente alavancar as vendas são os objetivos dos e-commerces que investem em marketing digital. Para isso, é preciso não só apostar em um design responsivo (adaptado para internet móvel), mas também em uma eficaz gestão de leads. Dessa forma, as chances de conversão irão aumentar bastante. Confira algumas dicas para transformar leads em vendas. Crie sua própria lista de leads Quando o assunto é conversão, de nada adianta ter uma extensa lista de leads se ela está recheada de pessoas que não se interessam por seus produtos ou serviços.

por Diego Eis

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

Há muito tempo eu queria fazer um Hello World com React, mas nunca tinha tempo por que eu mudei de área há uns 3 anos, ficando mais na parte de gestão de produtos e times, deixando quase que totalmente o desenvolvimento e a escrita de código. Por isso, senti na pele o que os iniciantes sentem quando precisam fazer um simples Hello World de uma tecnologia nova. São tantos artigos falando coisas diferentes, usando setups diferentes, na sua maioria complexos e que não explicam as coisas com simplicidade.

por Diego Eis

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

por Diego Eis

Hackathon – SESI Cultura Digital

Para quem é do Rio de Janeiro, o SESI Cultura Digital desse ano está imperdível! Desde 2014, o SESI promove um evento anual chamado SESI Cultura Digital. Esse ano o evento vai ocorrer entre os dias 11 e 15 de Outubro, no Teatro SESI Centro com palestras e no SENAI Laranjeiras, com o Hackathon e Oficinas. Nessa edição, ocorrerá um Hackathon, cujo tema é sobre como as novas tecnologias estão impactando o mercado do audiovisual.

por Diego Eis

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

Palestrantes do Twitter, HPE, Microsoft e outras instituições apresentarão o que há de mais disruptivo e de tendência sobre esse tema durante o evento. A Conferência Web.br, promovida pelo W3C Brasil e realizada pelo Ceweb.br / NIC.br, foi criada em 2009 para oferecer ao público brasileiro um amplo fórum anual de discussão e debate sobre a evolução da Web, a padronização de suas tecnologias e o seu impacto na sociedade e na cultura.

por Diego Eis

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

debugger.html é um depurador de JavaScript moderna da Mozilla, construído como um aplicação web usando React e Redux. Este projecto foi iniciado em um esforço para substituir o depurador atual dentro do Firefox Developer Tools. O debugger.html é uma aplicação que faz uma conexão WebSocket para um alvo que será debugável. A aplicação então interpreta dados e envia comandos para o motor JS para gerenciar o ambiente de debug; por exemplo, criando um breakpoint pausando a execução do motor JS em um determinado parte do código.

por Diego Eis

Entrevista com Bert Bos (Criador da CSS) e W3C

Na 8ª edição da Web.br teremos a presença ilustre de Bert Bos como keynote speaker. Ele, junto com Håkon Wium Lie, foram os dois inventores dos Cascading Style Sheets, tecnologia também conhecida pela sigla CSS. Bert trabalha no W3C desde 1995 com desenvolvimento e padronização do CSS, assim como de outros padrões da web, como HTML, XML e MathML. Nessa entrevista ele descreve o contexto que o levou a trabalhar nos primeiros rascunhos do padrão CSS, o que ainda falta ser aprimorado e sua perspectiva para a evolução do CSS e do HTML a longo-prazo.

por Diego Eis

Linked Data e JSON-LD

Antes de entrarmos em como esse negócio de JSON-LD e Linked Data, queria falar um pouco sobre como a internet funciona. Organização da Informação na web é um dos assuntos que mais me fascinam no mundo da internet. Inclusive quando falamos sobre semântica e organização da informação de forma que não apenas humanos, mas computadores possam publicar e reutilizar essa informação livremente na web. Hoje a internet é baseada basicamente em código HTML, onde nós podemos mostrar imagens, vídeos, audios e principalmente textos.

por Diego Eis

Deploy usando git pull e hooks

Se você tem qualquer projeto pessoal, você já deve ter tido a necessidade de como fazer, de forma fácil, a automatização do deploy. Para tentar automatizar os meus projetos, eu tentei usar vários serviços como CodeShip, DeployBot e etc… Esses caras são bem legais, por que te dão uma série de integrações, históricos etc. Mas as vezes você nem precisa de tanto, você só quer dar um push no projeto local pro seu repositório remoto e esse repositório atualizar seu projeto em produção.

por Diego Eis

Um pouco sobre imagens para Web

Queria falar um pouco sobre alguns formatos de imagens que usamos todos os dias. Dar algumas informações que encontrei por aí. Vamos explorar as duas principais opções de formato gráfico que pode ser usado na Web para representar gráficos simples, esquemas ou logotipos. Embora hoje possamos usar SVG em diversos momentos, principalmente para ícones ou Logos, o PNG e o GIF ainda podem ser usadas. Depois falamos mais sobre o SVG.

por Diego Eis

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

A FITIC, realizará a sua primeira edição no São Paulo Expo em Dezembro. Com uma área de 20.000 m², a FITIC será a maior Feira de Tecnologia e Inovação da América Latina, focando o consumidor final, com expositores já confirmados nos segmentos de Realidade Virtual, Drones, Impressão 3D, software, hardware, eletrônica de consumo, inovação, entre outros e conta com o apoio do Sebrae-SP, Softex – Associação para promoção da excelência do software brasileiro, Canaltech, Tableless, Rede HCNOAR, VR Tech News, entre outros patrocinadores e parceiros a serem anunciados brevemente.

por Diego Eis

Sobre Aaron Swartz

Só um pensamento rápido sobre Aaron Swartz.

por Diego Eis

Encontro de Desenvolvedores em São Paulo

O Encontro Locaweb de São Paulo de 2016 será dia 22 de Junho e vai contar com 3 salas: marketing digital, e-commerce e desenvolvimento. O conteúdo está super interessante, com várias palestras de alto nível! Na sala de desenvolvimento, por exemplo, teremos o George Guimarães, da Plataformatec; o Vinicius Hana da Nubank e Roberta Lopes, do StackOverflow, com talks sobre Elixir, microservices e arquitetura respectivamente; além disso, estarão presentes Cid Não Salvo, Martha Gabriel, Fábio Akita e mais um monte de gente muito legal!

por Diego Eis

O básico sobre Expressões Regulares

Desmistificando as Expressões Regulares.

por Diego Eis

Encontro de Desenvolvedores Curitiba – 21/Maio

Pessoal de Curitiba, neste sábado, dia 21, haverá um super evento sobre desenvolvimento web no Shopping Estação! No final do Post, você confere a data de todos os eventos. Quer desconto? 50% usando o cupom PRCTABLELESS. Faça sua inscrição agora! Renan Ranelli da Xerpa – mais conhecido como Milhouse – vai falar sobre como evitar que o sonho de adotar novas tecnologias se torne um pesadolo!

por Diego Eis

Encontro Desenvolvedores Recife – 05/Maio

Encontro Locaweb de Desenvolvimento e profissionais de internet!

por Diego Eis

Resultados do Survey 2015

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

por Diego Eis

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

O pessoal da CloudFlare fez um teste muito interessante, provando que a medida TTFB (Time To First Byte) não é tão precisa para provarmos que a resposta do servidor de um site é rápida. O que eles fizeram: em um servidor de teste eles criaram um delay de resposta HTTP para entender o que realmente é medido. A resposta foi que o TTFB não é uma medida tão útil assim. Quando um browser faz o request de uma página no servidor, ele envia alguns headers para especificar algumas coisas como os formatos de respostas aceitos.

por Diego Eis

Anuncie no Tableless

Desenvolvedores, Designers e profissionais de desenvolvimento web acessam o Tableless.

por Diego Eis

Fale conosco

Pra falar com a gente, basta mandar um e-mail

por Diego Eis

Seja um autor

Escreva conosco e compartilhe conteúdo com o Brasil inteiro.

por Diego Eis

Sobre o Tableless

O Tableless é um site sobre desenvolvimento para web. Começamos falando sobre desenvolvimento front-end, mas hoje o site fala sobre design, ux, back-end, mercado e outros assuntos.

por Diego Eis

Todos os posts

Estes são TODOS os posts do Tableless. São mais de 1600 posts, listados do mais novo para o mais velho. Enjoy!

por Diego Eis

EdgeHTML issue tracker

Cadastre e acompanhe bugs do browser da Microsoft Edge.

por Diego Eis

Escreva código conosco

Contribua escrevendo código para o site Tableless.

por Diego Eis

Novas features no Safari

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

por Diego Eis

Sublime Text está sendo desenvolvido de novo

Até que enfim o Sublime Text voltou!

por Diego Eis

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

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

por Diego Eis

Internet Explorer 8, 9 e 10 foram pro saco

O fim de uma era.

por Diego Eis

O perfil T-Shaped e o dev full-stack

A Valve é uma das maiores empresas de games do mercado. Na verdade, como eles mesmos dizem, eles não são apenas uma empresa de games: We’re an entertainment company. A software company. A platform company. A cultura da Valve é uma das mais interessantes que existem. Pra começar não existe hierarquia, apostando totalmente em um formato autogerenciável. As mesas são totalmente móveis (sim, elas tem rodinhas), o funcionário escolhe o projeto no qual vai trabalhar e ele mesmo define e prioriza as suas tarefas.

por Diego Eis

Fórum do Tableless

Eu gosto de listas de discussões. Mesmo. Eu participei das melhores (e as piores) discussões, conheci os melhores (e os piores) profissionais e aprendi sobre os melhores (e os piores) assuntos por causa das listas de discussões. Mas para acompanhar uma lista de discussão é muito, mas muito difícil. Precisa de disciplina e muito foco, se não, você acaba se perdendo com a avalanche de mensagens. Já os fóruns são ambientes mais controlados, que te dão todas as vantagens de uma lista de discussão, mas sem a bagunça.

por Diego Eis

20 melhores sites de bancos de imagens grátis

Você deve conhecer o Unplash: um website que a cada 10 dias libera 10 novas fotos maravilhosas em alta resolução que podem ser usadas da forma que você desejar, seja online, offline, em projetos pessoais ou comerciais. O legal é que existem mais um monte de sites tão bons quanto o Unsplash. Confira abaixo as opções: 1. Unsplash 2. Negative Space 3. Death to Stock 4. FancyCrave

por Diego Eis

Organizando equipes

Sobre organizar equipes multifuncionais em uma empresa gigante.

por Diego Eis

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

Pessoal, tenho o prazer de anunciar que a galera do MeetupCSS vai fazer um encontro aqui na firma. Será a décima edição comemorativa do encontro! Será no dia 20 de Outubro, uma terça-feira, às 19h30. Se você gosta de discutir, debater, conhecer e conversar sobre CSS, esse encontro é pra você! Vou tentar fazer um tour pela Locaweb, mostrar a parede de vidro que mostra parte dos servidores e dar uma rolê pela empresa.

por Diego Eis

Fórum do Tableless está de volta

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

por Diego Eis

Centralizando conteúdo na vertical e horizontal com CSS Flexbox

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

por Diego Eis

Harvest: Boilerplate de Gulp para seus projetos

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

por Diego Eis

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

Eu suponho que você não usa mais FTP. Nem preciso dizer que isso é coisa do passado e faz mal para sua saúde. Mesmo que você use hoje GIT, um monte de tasks runners e etc: fazer o build e deploy da sua aplicação pode ser muito chato e trabalhoso. Mas o DeployBot tem a missão de tentar mudar isso tudo. A ideia é que o DeployBot centralize o deploy do seus projetos desde a fase inicial de testes, homologação e depois produção.

por Diego Eis

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

ícones, ícones, ícones para todos!

por Diego Eis

28 Plugins poderosos do WordPress para seu website

É inegável: o WordPress é o maior CMS hoje em dia. Claro, existem os mais caros e inúteis, como o Vignette (agora chamado OpenText), mas ele é o maior simplesmente por que é aberto. Mas não é só por que ele é OpenSource que a galera não possa ganhar dinheiro desenvolvendo plugins para o WordPress. Aliás, na maioria das vezes é muito melhor você desembolsar uma grana e comprar um plugin (tirando as exceções), garantindo assim a segurança do seu site, das suas informações e se protegendo de futuras invasões.

por Diego Eis

Pesquisa nacional para profissionais de web 2015

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

por Diego Eis

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

Emitir boletos com rapidez e segurança é um dos serviços oferecidos pela Startup PagueVeloz. O gateway de pagamentos é bastante flexível e aposta em facilidades tanto para usuários finais como para empresas que resolvem contratar os serviços. Além da emissão online de boletos, o sistema também permite pagamento via cartão de crédito e envio de SMS. Para utilizar os serviços não é necessária a realização de implantação ou consultoria por parte da empesa.

por Diego Eis

Copa.Landing.jobs: trabalhe em Lisboa

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

por Diego Eis

Sobre comunidade e respeito

Acho que eu consegui palestrar no lugar mais longe em toda minha carreira. O nome da cidade é Ji-Paraná, fica em Rondônia, a 367km de Porto Velho. Eu não sabia muito bem o que iria encontrar, mas aceitei o convite do André para falar no Dia do Bit. Chegando em Ji-Paraná, encontrei cerca de 80 jovens desenvolvedores, com uma média de menos de 25 anos. As palestras eram sobre diversos assuntos ligados à desenvolvimento web.

por Diego Eis

Processo front-end na Locaweb

Nosso processo e stack de front-end na Locaweb.

por Diego Eis

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

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

por Diego Eis

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

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

por Diego Eis

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.

por Diego Eis

Aprendendo JavaScript online

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

por Diego Eis

Dicas úteis e ferramentas para criar logos online

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

por Diego Eis

O nome UX está errado

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

por Diego Eis

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.

por Diego Eis

Grid simples com SASS

Criando um grid simples com SCSS.

por Diego Eis

Evento sobre desenvolvimento em Porto Alegre – #17elw

Ganhe um ingresso para um evento em Porto Alegre.

por Diego Eis

Email Marketing – Testes e CSS Inliner – Parte 2

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

por Diego Eis

Realinhamento ou Redesign

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

por Diego Eis

Email Marketing – O Inferno – Parte 1

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

por Diego Eis

Drops 15 – Eu era contra pré-processadores

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

por Diego Eis

MaterialUp – Uma coleção de conceitos usando Material Design

Alguns conceitos de animação e design baseados no Material Design do Google.

por Diego Eis

Internet Explorer dá lugar para o sucessor

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

por Diego Eis

GDG DevFest Extended 2015

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

por Diego Eis

Front-end United – Leo Kzw

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

por Diego Eis

O status da conectividade mundial

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

por Diego Eis

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.

por Diego Eis

Cadastre seu post e seja um autor do Tableless

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

por Diego Eis

Curadoria do Tableless no Encontro Locaweb 2015

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

por Diego Eis

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.

por Diego Eis

Implementação PSD para HTML + SASS

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

por Diego Eis

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

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

por Diego Eis

Plugins de GIT para Sublime e Brackets

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

por Diego Eis

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

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

por Diego Eis

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.

por Diego Eis

Sobre o design oco

Sobre design ordinário e argumentos.

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

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

por Diego Eis

Web Fundamentals – Dicas do Google

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

por Diego Eis

W3C e WHATWG: amor e ódio

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

por Diego Eis

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

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

por Diego Eis

Padrões Web para o futuro

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

por Diego Eis

Não seja o próximo Zeno Rocha

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

por Diego Eis

Gravação do Tableless Conference 2014

Assista todas as palestras que ocorreram no Tableless Conference 2014.

por Diego Eis

Humble Mozilla Bundle

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

por Diego Eis

GDG Tech Talk Salvador

Participe do Grupo de Desenvolvedores do Google em Salvador!

por Diego Eis

IE8 Countdown – Enforcando o demônio

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

por Diego Eis

Tableless Conference #3 – 2014

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

por Diego Eis

Web.br 2014 – Bootstrap: Ame ou Odeie

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

por Diego Eis

Web.br 2014 – Caminhos da Inovação

O Akita falou sobre como buscar a verdadeira inovação. Como você, com tecnologias anos luz das que existiam há 10, 20, 30 anos consegue fazer algo que realmente mude o mundo? Artistas, matemáticos e pesquisadores que vieram antes dessa era tecnologica que vivemos hoje, mudaram drasticamente as áreas em que atuaram. O Akita chamou esses acontecimentos de “saltos quanticos”. Um salto quantico é uma inovação. É o que abre portas para que pessoas façam coisas maravilhosas.

por Diego Eis

Web.br 2014 – Internacionalização na Booking

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

por Diego Eis

Web.br 2014 – Internet das Coisas

| Anotações sobre Internet das Coisas.

por Diego Eis

Web.br 2014 – Throttle e Debounce

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

por Diego Eis

Usando seletores aninhados do SASS com cuidado

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

por Diego Eis

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

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

por Diego Eis

Revista Front-end Magazine

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

por Diego Eis

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).

por Diego Eis

Documentário sobre o Jeffrey Zeldman

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

por Diego Eis

Saiu o WordPress 4.0: “Benny”

Atualização do Wordpress 4.0.

por Diego Eis

BrazilJS 2014

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

por Diego Eis

Usando condicionais no Sass – Control Directives

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

por Diego Eis

Instalando SASS na máquina – video

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

por Diego Eis

O mercado de desenvolvimento front-end

Temos um novo rockstar no palco.

por Diego Eis

Utilizando Map Structure do Sass

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

por Diego Eis

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.

por Diego Eis

Web Notifications API

Aprenda o básico da API de Web Notifications.

por Diego Eis

CSS Filters – Aplicando filtros em imagens com CSS

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

por Diego Eis

Sobre desenvolvimento multi-device

Como classificar melhor os dispositivos para um bom desenvolvimento web.

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

Web Components: Introdução

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

por Diego Eis

Em busca do Lean UX – Anotações

Anotações sobre a palestra LEAN UX.

por Diego Eis

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. ;-)

por Diego Eis

An Event Apart Boston 2014

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

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

Palestra sobre como se tornar um dev front-end

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

por Diego Eis

6 truques básicos do functions.php do WordPress

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

por Diego Eis

Anotações Palestra 16ELW – Zeno Rocha

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

por Diego Eis

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

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

por Diego Eis

Live Coding Online sobre Responsive Web Design

Participe do nosso Micro Workshop Online sobre Responsive Web Design.

por Diego Eis

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.

por Diego Eis

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

por Diego Eis

Code Guide by @mdo

Tradução do Code Guide do @mdo.

por Diego Eis

Atom: o novo editor by Github

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

por Diego Eis

Estilizar e formatar placeholder de inputs

Como formatar o texto do atributo placeholder.

por Diego Eis

Considere não usar JQuery

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

por Diego Eis

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.

por Diego Eis

O Tableless escolheu os palestrantes do 16º Encontro Locaweb

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

por Diego Eis

Stack Overflow agora em português

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

por Diego Eis

[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.

por Diego Eis

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...

por Diego Eis

Ensine mais

Aprenda ensinando em 2014.

por Diego Eis

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

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

por Diego Eis

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.

por Diego Eis

Live Coding com Diego Eis

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

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

Meddlers – Aprendendo a estruturar equipes

Como construir equipes e estruturas em diversos cenários.

por Diego Eis

Champfrogs: 10 desejos intrínsecos

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

por Diego Eis

Como se tornar um dev front-end

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

por Diego Eis

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.

por Diego Eis

Slides para devs #11 – JSON

Alguns slides sobre JSON e Javascript.

por Diego Eis

Fazendo um slide menu mobile – sem plugin

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

por Diego Eis

Slides para devs #10 – GIT

Veja algumas apresentações sobre GIT

por Diego Eis

Sobre organizar informação

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

por Diego Eis

Dicas de como fazer seu próprio framework CSS

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

por Diego Eis

Tridiv – Dominando 3D com CSS

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

por Diego Eis

Como evitar maus clientes

Por que cliente ruim, ninguém quer.

por Diego Eis

EditorConfig

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

por Diego Eis

Tabela comparativa de Frameworks CSS

Uma lista com os melhores frameworks de CSS

por Diego Eis

Emmet LiveStyle

Uma nova maneira de editar CSS.

por Diego Eis

Drops 14 – Sou um mero desenvolvedor

Um podcast bem pessoal sobre iniciativa.

por Diego Eis

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

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

por Diego Eis

Guia para Iniciantes – Ajude

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

por Diego Eis

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

Pequenas anotações sobre a palestra do Luli.

por Diego Eis

Resumo do 15 Encontro Locaweb

Minhas palestras feitas no 15ELW.

por Diego Eis

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

Drops 13 sobre semântica

por Diego Eis

Survey do mercado web nacional

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

por Diego Eis

Bye bye Camino

O Camino, browser open-source não será mais desenvolvido. Os desenvolvedores do browser para Mac resolveram cancelar oficialmente o desenvolvimento do Camino por causa da lentidão da sua produção. Muito por causa de browsers modernos como Chrome e Firefox que tem uma ritmo de atualização frequente. Hoje em dia um browser não pode ficar um segundo sem alguma novidade. Nem que essa novidade demore para ser lançada, mas serve pra mostrar aos seus usuários que o seu desenvolvimento está a todo vapor.

por Diego Eis

Atrás do Front(End)

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

por Diego Eis

Tableless Conference #2 2013

Palestras e fotos do segundo Tableless Conference!

por Diego Eis

Para Iniciantes

Informações para iniciantes no Tableless.

por Diego Eis

Slides para Devs #9 – Acessibilidade na web

Slides para Devs sobre Acessibilidade na Web

por Diego Eis

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.

por Diego Eis

Slides para Devs #8 – Frameworks JS

Apresentações sobre frameworks Javascript.

por Diego Eis

IE10 dobra seu MarketShare

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

por Diego Eis

Freebies no Dribbble #1

Presentinhos grátis que pegamos no Dribbble.

por Diego Eis

Slides para Devs #7 – JS em larga escala

Apresentações sobre Javascript em larga escala.

por Diego Eis

Atender bem para atender sempre

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

por Diego Eis

Slides para Devs #6 – Javascript

Apresentações sobre Javascript.

por Diego Eis

AddThis: analisando as mídias sociais do seu site

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

por Diego Eis

Slides para devs #5 – Design

Slides de apresentações sobre design.

por Diego Eis

Sobre prazos e produtividade

Um pensamento sobre prazos e produtividade.

por Diego Eis

Blink: o novo motor do Chrome

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

por Diego Eis

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.

por Diego Eis

Slides para Devs #3 – Responsive Web Design

Slides sobre Responsive Web Design.

por Diego Eis

Webkit to the people

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

por Diego Eis

Slides para Devs #2

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

por Diego Eis

Slides para Devs #1

Slides que valem a pena ver. #1.

por Diego Eis

Tableless Conference 2 – versão 2013

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

por Diego Eis

Locaweb Style – Como iniciamos

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

por Diego Eis

Actions do Photoshop

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

por Diego Eis

Locaweb Developer Network

Portal de Desenvolvedores da Locaweb.

por Diego Eis

Performance front-end – Parte 2

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

por Diego Eis

Internet Explorer dos anos 90

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

por Diego Eis

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.

por Diego Eis

A tag MAIN

Conheça a nova tag MAIN do HTML.

por Diego Eis

Maxthon

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

por Diego Eis

Parallax simples com JQuery e CSS

Faça o efeito parallax com 3 passos simples.

por Diego Eis

Um 2013 cheio de propósito

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

por Diego Eis

Facebook no Firefox

Converse pelo Facebook Messenger diretamente pelo Firefox.

por Diego Eis

Mozilla Webmaker

Faça algo maravilhoso com a web.

por Diego Eis

Startup e propósito

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

por Diego Eis

Um recado da MS aos trolls do IE

Uma homenagem da Microsoft aos trolls do IE.

por Diego Eis

Classes Funcionais

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

por Diego Eis

Git com Interface Gráfica

Aplicações visuais para o Git.

por Diego Eis

Iniciando no GIT – Parte 2

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

por Diego Eis

Iniciando no GIT – Parte 1

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

por Diego Eis

Passwords em Mobiles

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

por Diego Eis

Esse texto é pra mim – mercado e atitude

Pensando alto.

por Diego Eis

IE10 no Windows 7

IE10 em Novembro para Windows 7.

por Diego Eis

Web.br 2012 – Empreendedorismo

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

por Diego Eis

Web.br 2012 – Abertura

Anotações do primeiro dia do Webbr 2012.

por Diego Eis

Firefox 17: um firefox mais social

O Firefox vai ser um browser mais social.

por Diego Eis

Web Platform

Sua web documentada.

por Diego Eis

História da Web – Uma timeline

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

por Diego Eis

Flexbox – Organizando seu layout

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

por Diego Eis

Microdados do HTML5

Microdados dando mais significado à informação.

por Diego Eis

Adobe Edge

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

por Diego Eis

10 anos de Firefox

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

por Diego Eis

Por que eu não gosto do nome startup

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

por Diego Eis

Drops 12 – Dicas de sobrevivência

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

por Diego Eis

Web Index

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

por Diego Eis

Dicas e truques de Sublime Text

Conheça algumas dicas e truques do Sublime Text.

por Diego Eis

Qual unidade utilizar – Pixel, EM ou REM

Entenda mais sobre as duas unidades prediletas pelos desenvolvedores.

por Diego Eis

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.

por Diego Eis

Font icons – Utilizando ícones em formato de font

Aprenda a usar font para fazer elementos com ícones.

por Diego Eis

Open Web Device

Um celular amigável para os desenvolvedores.

por Diego Eis

Performance front-end – Parte 1

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

por Diego Eis

Safer Place – Um game feito pelo W3C

Ajude o W3C a deter cibercriminosos.

por Diego Eis

Como usar os pseudo elementos :before e o :after

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

por Diego Eis

Retina.js – Imagens para telas retina

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

por Diego Eis

Querido usuário: Por favor, atualize seu browser

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

por Diego Eis

Um novo número 1

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

por Diego Eis

Identificando os IEs

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

por Diego Eis

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

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

por Diego Eis

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?

por Diego Eis

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

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

por Diego Eis

Variáveis no CSS – Breve

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

por Diego Eis

#1 Tableless Conference

Evento sobre front-end em SP.

por Diego Eis

Entendendend a regra @viewport do HTML

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

por Diego Eis

Acessibilidade – Podcast #2

Podcast sobre acessibilidade

por Diego Eis

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

Entendendo e sincronizando as necessidades dos designers e programadores.

por Diego Eis

Adobe: The Expressive Web

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

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

O dev front-end – Podcast #1

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

por Diego Eis

Adobe e os Padrões Web

A Adobe e suas iniciativas para ajudar o desenvolvimento web.

por Diego Eis

Opera experimentando o -webkit-

Opera suportando o prefixo -webkit-.

por Diego Eis

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

O que você sabe?

por Diego Eis

Sublime Text 2 – Meu novo editor

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

por Diego Eis

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.

por Diego Eis

Drops 7 – Você está fazendo errado

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

por Diego Eis

Project Glass

Um mundo atrás do seu óculos.

por Diego Eis

Devs decidem deixar o SVG e adotar o Flash

Devs deixam o SVG em pról do Flash.

por Diego Eis

Cut the Rope

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

por Diego Eis

O browser que você amou odiar

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

por Diego Eis

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.

por Diego Eis

Drops 6 – Acessibilidade

Um pouco sobre acessibilidade.

por Diego Eis

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.

por Diego Eis

Layouts antigos do Tableless

Versões antigas do layout do Tableless...

por Diego Eis

Seu lugar ao sol

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

por Diego Eis

Manipulação de classes com JQuery

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

por Diego Eis

GoMo – Teste seu site mobile

Teste seu site com o Google GoMo.

por Diego Eis

Prefixos dos browsers: A web precisa de você

Por uma web mais livre.

por Diego Eis

Google Chrome para Android

Versão do browser Chrome para Android.

por Diego Eis

Agora é a vez dos desenvolvedores

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

por Diego Eis

A melhor parte da viagem é o caminho

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

por Diego Eis

Aprenda a programar Javascript no Codecademy

Aprenda a programar de um jeito fácil.

por Diego Eis

Boas práticas de Acessibilidade

Apresentação sobre acessibilidade e desenvolvimento para web.

por Diego Eis

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.

por Diego Eis

CSS1K

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

por Diego Eis

Um pensamento sobre design para web

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

por Diego Eis

Concorra ao livro Smashing HTML5 no Twitter!

O Tableless, em parceria com a Bookman Editora, lança um sorteio no Twitter para quem quer aprender tudo sobre as novidades da linguagem HTML5. Entre hoje (16) e a próxima sexta-feira (20), quem der RT na mensagem: “O @tableless vai me dar o livro Smashing HTLM5, da @BookmanEditora! http://kingo.to/XyZ” concorrerá ao livro Smashing HTML5, de Bill Sanders e com revisão técnica de Diego Eis. Para participar, é preciso seguir o @tableless e a @BookmanEditora no twitter.

por Diego Eis

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.

por Diego Eis

Style Guide para Android

Google lança Style Guide para desenvolvedores Android.

por Diego Eis

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.

por Diego Eis

Utilizando APPs em vez de browsers

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

por Diego Eis

WebIntents – Framework para WebApps

WebIntents: sistemas web falando a mesma língua.

por Diego Eis

Propriedade background-clip

Entenda como a propriedade background-clip do CSS3 funciona.

por Diego Eis

Guia de Referência de HTML5

Cheat sheets completos sobre HTML5.

por Diego Eis

2012

O ano termina e começa outra vez. ♫

por Diego Eis

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.

por Diego Eis

Introdução ao CSS 3D – Flip Card

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

por Diego Eis

Command & Conquer: Tiberium Alliances

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

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

Convencimento e educação = liberdade

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

por Diego Eis

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?

por Diego Eis

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.

por Diego Eis

Eu saí da Visie

Singrar novos horizontes.

por Diego Eis

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.

por Diego Eis

Biblioteca CSS ou Framework?

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

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

CSS3 – Módulo Template Layout

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

por Diego Eis

Interface Guide para Apps Mobiles

Guias de interface para desenvolvimento mobile.

por Diego Eis

CSS3 – Animation e regra keyframe

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

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

Pontuação de especificidade da CSS

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

por Diego Eis

Drops 5 – Responsabilidade Dev Front-end

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

por Diego Eis

Manipulando a metatag Viewport

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

por Diego Eis

Ferramentas de diagnóstico

Quando algo de estranho acontece, é bom estar preparado.

por Diego Eis

Performance do seu CSS

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

por Diego Eis

Múltiplos backgrounds com CSS

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

por Diego Eis

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.

por Diego Eis

Drops 4 – Validar é importante?

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

por Diego Eis

CSS3 – Abas com a pseudo-classe :target

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

por Diego Eis

Convertidos do Tableless

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

por Diego Eis

Comportamento e meios de acesso

Ainda lembro quando comprei meu primeiro smartphone. Odiava navegar naquilo. Eu estava acostumado a utilizer a internet em desktops, com telas grandes e confortáveis. Os sites também não ajudavam. Praticamente nenhum site tinha versão mobile ou uma que funcionasse direito. O Opera tentava fazer a parte dos desenvolvedores, tentando manipular o site para que ele fosse melhor visto em telas menores. Era bom, mas não o ideal. Hoje o cenário é diferente.

por Diego Eis

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.

por Diego Eis

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!

por Diego Eis

Drops 3 – Duas formas de modular seu CSS

Duas maneiras de modular seu código CSS.

por Diego Eis

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.

por Diego Eis

Drops 2 – A palavra Marcação do HTML

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

por Diego Eis

O básico: O que é HTML?

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

por Diego Eis

Drops 1 – HTML5 já pode ser usado

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

por Diego Eis

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.

por Diego Eis

2011: um grande ano

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

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

Desenvolvendo para IE6

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

por Diego Eis

Responsabilidade de um dev client-side

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

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

Modelos de conteúdo no HTML5

Sobre modelos de conteúdo no HTML5.

por Diego Eis

Apostila sobre HTML5

Guia de referência de HTML5 pela Visie.

por Diego Eis

HTML5 Diff

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

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

Propriedade @font-face CSS – Fonts externas na web

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

por Diego Eis

Codeshow 2010

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

por Diego Eis

Emuladores para browsers mobiles

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

por Diego Eis

Processos e Adoção de Padrões

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

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

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?

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

Colocar Rodapé fixo no fim da página

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

por Diego Eis

Convertido – Menu (Livraria Cultura)

Reconstruindo o menu da Livraria Cultura.

por Diego Eis

Convertidos de volta

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

por Diego Eis

2010

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

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

Efeito cascata, herança e especificidade do CSS

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

por Diego Eis

Digest – Referências de CSS

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

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

Digest 06/09: Técnicas de CSS

Cool CSS Techniques for Links Make your forms beautiful with CSS The Art of Crafting Beautiful Stylesheets “Checkmark” Your Visited Links with Pure CSS 10 Cross-Browser CSS Properties You’ve Probably Forgotten CSS Typography: Contrast Techniques, Tutorials and Best Practices Poll Results: CSS3 Features ( with almost 7,000 people ! ) CSS Drop Caps, the @font-face tag, sIFR and Cufon List of Really Useful Tools for CSS Developers The Do’s & Don’ts of Modern Web Design Hiding with CSS: Problems & Solutions

por Diego Eis

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.

por Diego Eis

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!

por Diego Eis

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.

por Diego Eis

Digest 06/09: Javascript, JQuery

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

por Diego Eis

Digest 05/09: Javascript, JQuery

Links e dicas sobre JQuery e Javascript.

por Diego Eis

Digest 05/09: Técnicas de CSS

Navigation Menu Navigation Matrix Collapsible Tables Checkbox Customization

por Diego Eis

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.

por Diego Eis

Digest 04/09: Javascript, JQuery e Ajax

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

por Diego Eis

Digest 04/09: CSS, HTML e Layout

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

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

14º Encontro de Web Design – SP

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

por Diego Eis

Seletores do CSS: Pseudo-classes

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

por Diego Eis

Seletores Complexos do CSS

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

por Diego Eis

Seletores Agrupados e Encadeados

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

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

Propriedade Float do CSS

Vídeo que demonstra a propriedade float do CSS. Essa propriedade é responsável pela administração do posicionamento das caixas do layout.

por Diego Eis

Canivetes na web

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

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

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.

por Diego Eis

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?

por Diego Eis

Implementar XHTML/CSS é grátis

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

por Diego Eis

Vídeo Tutorial – Manipulando atributos com JQuery

Depois de encontrar os objetos do HTML, é preciso alterá-los. Aprenda como ler, alterar e remover atributos HTML. Conheça também as facilidades da jQuery para trabalhar com classes.

por Diego Eis

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.

por Diego Eis

Video tutorial – Implementando HTML

Utilizamos esse layout como exercício nos cursos da Visie. Dependendo do nível do pessoal, utilizamos outros layouts. Mas esse é um que o pessoal normalmente costuma escolher. É um bom exercício porque utiliza as principais propriedades do CSS.

por Diego Eis

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.

por Diego Eis

Não “otimize” seu código

Quando fazíamos sites com tabelas, o grande problema era a quantidade de código que escrevíamos. Naquele tempo – 1996, 97, 98 – tínhamos outros pontos que precisavam de uma atenção maior. A conexão era lerda para todo mundo e isso dificultava um bocado as coisas. Por isso, fazer um site pesado era fora de cogitação. Ficávamos “mendigando” cada byte para que o site ficasse milésimos de segundo mais rápido.

por Diego Eis

Tabelas semânticas

Você já deve saber que o desenvolvimento utilizando Padrões Web preza pela Semântica no código. Todo código que você escrever deve dar algum significado ao conteúdo. E toda tag sem sua função específica e te ajuda a formar um código mais esperto e legível.

Alguns elementos por dependerem de várias tags para ter um funcionamento pleno, acabam sofrendo com o desinteresse dos desenvolvedores em entender melhor os diversos objetos que compoem um determinado elemento. Um caso bastante comum, além dos Formulários, é a formação das TABLES.

por Diego Eis

Exercício Básico

Costumo dar esse exercício para alguns dos alunos aqui da Visie. Ele é um exercício básico e utiliza as propriedades mais importantes para se construir um site. A idéia é mostrar para o desenvolvedor que está abrindo os olhos agora, como é fácil, em algumas horas de treinamento (tipo 3 horas), o desenvolvimento com CSS e XHTML é produtivo.

por Diego Eis

O Safari para iPhone – Desenvolvimento web para iPhone

O desenvolvimento web para mobiles está se tornando algo comum. Fazer sites para aparelhos como o iPhone deixou de ser coisa de outro mundo, mesmo assim, há certos detalhes que precisamos entender.

por Diego Eis

SEO para iniciantes – O básico

Se você não sabe por onde começar o trabalho de SEO, há alguns passos por onde você pode se aventurar até entender melhor todo o sistema. Os pontos à seguir são muito superficiais e nenhum garante que seu site ficará na primeira página. Mas a combinação de todos eles te garante uma base sólida para os pontos mais profundos do tratamento SEO.

por Diego Eis

Anotações sobre SEO

SEO é um assunto bastante interessante porque gira em torno de boatos, mitos e suposições. Na verdade, sabemos pouca coisa sobre o que ajuda ou não na boa colocação dos sites nos sistemas de busca. O engraçado é que esse mistério todo é levantado pelos próprios buscadores. Isso é necessário, sem dúvida. Imagine se qualquer pessoa pudessem fazer dinheiro. A situação é a mesma. Por isso, os buscadores, principalmente o Google, tem seus segredos e divulga apenas o necessário para que possamos fazer um bom trabalho.

por Diego Eis

O Chrome não quer dizer muita coisa

O Google lançou sua presença no mercado de browsers. Atitude interessante mas que para mim não quer dizer muita coisa. Ter um novo browser não muda muito (a minha) a vida dos desenvolvedores. Lembre-se que não importa quão bom seja o Firefox, Safari ou o Google Chrome, nós, desenvolvedores temos sempre que nivelar tudo por baixo, pelo Internet Explorer 6. Se o Chrome ou qualquer outro novo navegador ajudar com que o IE6 seja definitivamente descontinuado, eles serão bem-vindos. Caso contrário, o lançamento de bons browsers só vai, por assim dizer, brochar a vontade dos profissionais que querem utilizar recursos mais avançados do CSS mas não podem por conta do IE6. O IE7 foi um avanço interessante. O IE8 está pretendendo ser. Mas até mesmo o IE8 não vai ser muito útil enquanto ele não tomar a o lugar do Internet Explorer 6. O mesmo vale para qualquer outro browser.

por Diego Eis

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

O Tableless está passando por pequenas mudanças, pequenas mas substanciais.

Muita gente me disse que depois do último redesign, ficou muito difícil para encontrar informações aqui no Tableless. Para mim, dono do site, que sei onde encontrar tudo nessa budega, duvidei um pouco, mas depois notei que isso era verdade. Por isso, resolvi organizar melhor o conteúdo. Para começar, separei

por Diego Eis

Bloginfo Template Tag

A Template Tag Bloginfo mostra informações sobre o blog. A maioria dessas informações são modificadas diretamente no painel de controle da sua instalação do WordPress. Isso pode ser utilizado em qualquer lugar do seu site. A Template Tag é a get_bloginfo().

Por exempo, se você precisa do nome do site para colocar em algum lugar do site, como o Logo, a sintaxe seria:

por Diego Eis

Palestra: Implementação de Layout com CSS

Essa semana, dia 23, quarta-feira, irei fazer uma palestra de 2 horas exclusivamente sobre Implementação de Layout com CSS. Irei implementar um layout, desde o HTML até o CSS, tudo explicado nos mínimos detalhes. http://visie.com.br/eventos/ O valor da palestra é de R$29 e será em São Paulo. Este post se auto-destruirá no dia 24.

por Diego Eis

White, Gray e Black Hats

Existem várias técnicas para colocar seu site em primeiro nos buscadores. As técnicas de SEO se encaixam em três grandes árvores: White Hat (chapéu branco) que são as legais e recomendadas pelos buscadores. Gray Hat, que se utilizadas de forma abusiva são consideradas anti-éticas, embora os buscadores não tenham controle sobre sua prática. Há outras técnicas totalmente ilegais, utilizadas para ter alguma vantagem rápida ou burlar os resultados das buscas.

por Diego Eis

Vídeo: Menu horizontal com CSS em 5 minutos

Criar um menu horizontal com CSS é muito fácil e tráz algumas vantagens como a facilidade de fazer uma mudança no layout. Sem encostar no HTML, você pode modificar todo o visual do menu via CSS. Se quiser mudar o menu para a vertical, você pode fazê-lo também sem muitos problemas. Fiz um vídeo básico, mudo e rápido de 5 minutos mostrando como se faz um menu horizontal em CSS.

por Diego Eis

WordPress Include Tags

O WordPress tem 3 TemplatesTags para incluir elementos básicos de Cabeçalho, Coluna lateral (sidebar) e Rodapé, são eles: get_header(), get_sidebar() e get_footer(). Essas TemplateTags não aceitam qualquer tipo de parâmetro, portanto são simples de se aplicar. Em todos os themes do WordPress, essas 3 TemplateTags estão sempre presentes, mesmo assim, você pode modificar isso incluindo outro arquivo que não seja o padrão que o WP estabeleceu.

por Diego Eis

SEO – Sitemaps

Saiba como funciona o sitemap.xml

por Diego Eis

Browsers para Mobile – Nova era

Pense um pouco e tente lembrar de pelo menos uma maneira de acessar a internet que não seja a partir de dispositivos móveis ou computadores (notebooks e desktops). Difícil, não é?

Hoje, conhecemos bem apenas um meio de acessar a internet que é o computador. Estamos começando agora a navegar decentemente com dispositivos móveis, como um PDAs ou Smartphones. Além do óbvio, não conhecemos os futuros reais problemas de usabilidade e arquitetura de informação dos sites destinados à estes aparelhos. Estamos apenas engatinhando.

por Diego Eis

Web Standards Project – WaSP

No início, fabricantes de browsers, W3C e desenvolvedores começaram quase que ao mesmo tempo.

Neste começo não brotaram desenvolvedores web do chão. Essa profissão não existia. Os primeiros que trabalharam nessa área, migraram de profissões parecidas: quem era programador desktop naquele tempo, começou a programar para web. Quem era designer de impresso, começou a fazer design para web.

por Diego Eis

Layout Fixo / Fluido de 3 colunas em 8 Minutos

Na verdade a gravação foi feita em 7 minutos e 51 segundos.

Neste vídeo mostro como faço para criar um layout básico de 3 colunas. Esta técnica tem um diferencial: retirando apenas uma linha do CSS, o layout passa de fixo, para fluido (como o layout do submarino ou americanas). Isso dá várias possibilidades de layout para o designer e poupa muito trabalho da equipe ao redesenhar e modificar o layout.

Se quiser ver o exemplo com o código fonte, clique aqui.

por Diego Eis

Formulário HTML Básico em 8 minutos

update: Se você quiser mais vídeos e em alta-resolução, visite o Campus Online. Lá você vai encontrar vídeos tutoriais de Tableless, Ajax, Javascript e boas práticas de desenvolvimento web.

Na verdade ele foi escrito em 7 minutos e 51 segundos e foram escritos apenas o XHTML e CSS. Infelizmente está sem áudio.

O formulário, depois do link, é o “objeto” mais utilizado pelos usuários para interagir com o site. É questão de vida e morte para muitos profissionais. Se não for bem escrito, pode virar um inferno. Com as tags certas, você consegue fazer uma estrutura enxuta e fácil de customizar. Siga a regra áurea do desenvolvimento web: Keep It Simple Stupid.

por Diego Eis

Lançamento do escritório do W3C no Brasil

O W3C está oficializando seu escritório aqui no Brasil. Para isso, eles estão fazendo um pequeno evento com alguns palestrantes e um recado em vídeo do Tim Bernes-Lee. A entrada é gratuita e aberta à todos.

O evento será dia 4 de Junho às 11h. Faça seu cadastro e leia mais informações.

por Diego Eis

Palestra Produtividade e Web 2

Gravamos em vídeo a palestra sobre Produtivdade e Web 2 da Visie. Se você não conseguiu assistir assista agora, na íntegra.

Se você quiser participar de uma palestra da Visie, temos uma série de palestras que acontecerão nos próximos meses, visite: http://visie.com.br/eventos/

por Diego Eis

O LOOP do WordPress

O WordPress tem vários segredos… um dos segredos mais interessantes é o Loop. O Loop é usado no WordPress para mostrar os posts e páginas do site. O WordPress procura pelas páginas ou posts publicados no sistema e exibe seu conteúdo na página de acordo com os critérios que especificamos com as Template Tags. Qualquer código HTML ou PHP colocado no Loop será repetido em cada um dos posts exibidos.

por Diego Eis

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

Você se conhece de verdade? Quando você compra alguma coisa, compra porque? Todo mundo diz que a ação de comprar é algo emocional. E por ser uma coisa emocional, fica mais difícil encontrarmos o real motivo pelo qual a pessoa compra ou deixa de comprar algo.

A Visie está vendendo um PDF sobre Produtividade. E com essa experiência pude tirar algumas lições. A principal delas é que algo digital ainda não substitui algo físico. O preço do PDF é bem parecido com o preço de alguns livros impressos. O conteúdo com certeza é o melhor que você encontrar sobre o assunto (jabá), então porque ainda encontro pessoas que não tem coragem de comprá-lo?

por Diego Eis

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

O BlogBits voltou. Se você não sabe o que é BlogBits, eu explico: BlogBits é um bando de nerds falando besteiras. Esse é o resumo.

Em miúdos BlogBits é um podcast sobre tecnologia e desenvolvimento web – há outros assuntos, mas esses dois são os principais – feito por alguns blogueiros como Bruno Torres, Thiago Rigonatti, Gui Leite, Danilo Medeiros e Diego Eis.

por Diego Eis

Microsoft compra W3C

Em reunião com a equipe do W3C no começo desta desta semana, a Microsoft e sua equipe entraram em um acordo com o W3C de US$7.4 Milhões.

A Microsoft vem fazendo um bom trabalho com o Internet Explorer 8, mas eles precisam de mais informações relevantes e importantes para o crescimento do novo browser. Por isso a compra do W3C juntamente com suas idéias e integrantes foi importante para fazer com que o Internet Explorer fique na liderança por um bom tempo.

Horrível para nós desenvolvedores. Com uma entidade como o W3C – que mesmo lerdo em suas decisões – é importante para todos os desenvolvedores que ela fique neutra a qualquer empresa para que não haja monópolio no desenvolvimento web.

por Diego Eis

Charsets e Encodes – Tabelas de caracteres

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

por Diego Eis

Browsers – Guerra Fria

Quando o Netscape e o Internet Explorer faziam a Guerra dos Browsers o principal objetivo era conquistar usuários. As formas que os dois utilizavam para adquirir adeptos eram prejudiciais para o desenvolvimento web. Basicamente o que os browsers faziam era criar códigos proprietários. Isso gerava um retrabalho terrível para os desenvolvedores. Se você tivesse 10 sites para gerenciar, na verdade seriam 20, por conta de ter a necessidade de haver uma versão para Netscape e outra para Internet Explorer. Isso gerava trabalho em dobro. Se houvesse alguma modificação no layout, texto ou programação, o desenvolvedor teria que atualizar as duas versões dos sites.

por Diego Eis

IE8 – O sonho não acabou

Para você se inteirar do assunto, leia Browser Targeting Version.

No artigo que recomendei acima, lá nos últimos parágrafos dei minha opinião sobre a antiga decisão da Microsoft:

Mesmo assim, acho que tudo deveria ser nivelado por cima. Porque os desenvolvedores que se preocupam e utilizam os Padrões da maneira correta, são os que devem marcar o browser? Não seria mais fácil criar uma metatag para marcar os sites que não devem ser renderizados com o suporte avançado de Padrões? Quem deve se preocupar, são os desenvolvedores que não dão a mínima para os Padrões. Eles sim devem trabalhar para deixar seus sites atualizados.

por Diego Eis

Sobre hipertextos

A linguagem básica de desenvolvimento para web é a HTML. O nome completo seria “Linguagem de Marcação de Hipertexto” – HyperText Marckup Language, que é o termo em inglês de onde se origina a abreviação HTML.

Durante muito tempo, nós desenvolvedores, ignoramos a importância da HTML. É ela que dá significado para a informação exibida e consumida na web. Por isso, é importante que saibamos suas características e em quais conceitos a HTML é baseada. Para começar a HTML é uma maneira de escrever hipertextos.

por Diego Eis

WordPress – Uma pequena introdução

Entenda o básico do Wordpress.

por Diego Eis

PDF grátis sobre XSLT

A Visie está disponibilizando um PDF grátis sobre XSLT.

A linguagem XSLT é utilizada para transformar dados de um formato XML em vários outros formatos. Há implementações de XSLT para praticamente qualquer linguagem de programação disponível hoje, incluindo PHP, JSP, ASP, ColdFusion, Python, Visual Basic, .NET e Delphi. No PDF estudamos os fundamentos e principais comandos da linguagem, permitindo a transformação de conteúdo baseado em XML em formatos como TXT, CSV, HTML e o próprio XML. Entre os exemplos realizados estão a transformação em HTML de um arquivo XML com dados de previsão do tempo atualizados em tempo real, e a criação de um sistema de clipping de notícias baseado em RSS ou ATOM.

por Diego Eis

Browser Targeting Version

Para que possamos entender melhor o assunto do IE8 e como ele tratará as páginas, é bom que possamos entender o que houve no passado. Se você se lembrar bem como foi entre os anos de 1999, 2000 e 2001, provavelmente você vai lembrar que durante algum tempo, tínhamos que nos virar para garantir a total compatibilidade dos nossos sites em diversos browsers. Os principais eram o IE5, IE6, Firefox e Opera. Era uma época que – como no começo da bolha – estava tudo acontecendo ao mesmo tempo. Os Padrões Web estavam virando moda, os browsers, pelo menos os mais inteligentes, estavam se virando para suportar os Padrões, e os usuários ficando mais espertos e ativos na internet. Tudo era muito passível de erros de compatibilidade e renderização.

por Diego Eis

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.

por Diego Eis

Comentários Condicionais – Não use

A utilização de comentários condicionais não é uma excelente maneira de contornar bugs. Os comentários condicionais são comentários incluídos no código HTML escritos exclusivamente para fazer uma parte do código funcionar no Internet Explorer.

Normalmente o uso dos comentários condicionais servem para especificar uma parte do código para a interpretação exclusiva pelo Internet Explorer. Alguns desenvolvedores criam um CSS exclusivo para o IE e utilizam os comentários condicionais para que apenas o Internet Explorer entenda este CSS. Assim é possível corrigir bugs que acontecem apenas no Internet Explorer.

por Diego Eis

Tableless.com.br – The Wonder Years

No dia primeiro de Janeiro de 2008, o Tableless.com.br faz 5 anos de idade. Por isso, uma reformulação total do site era bem vinda. Essa reformulação não será rápida e não envolve apenas a constante mudança do layout, mas também a filtragem de todo o conteúdo contido no site.

por Diego Eis

Centralizando um objeto na Horizontal e Vertical com CSS

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

por Diego Eis

Criando um Menu Horizontal com CSS

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

por Diego Eis

Escrevendo um XHTML válido

Acho que todos já ouviram falar de Web Semântica, para quem não ouviu, em poucas palavras é: Um projeto para organizar e estruturar a informação da WEB. Ter uma Web com as suas informações todas “organizadas” é extremamente importante, isso facilita uma busca pela Web por informações mais precisas. Para que seu arquivo possa ser lido por máquinas além de humanos é muito importante que você escreva um XHTML válido, com isso você está fazendo com que as informações do seu site fique mais acessível para as buscas, contribuindo para o projeto e principalmente melhorando as visitas do seu site.

por Diego Eis

Image-Replacement x Imagens

Este assunto é muito abrangente e divertido de ser debatido. Portanto, se você discordar deste texto, quero que lembre que é minha opinião… claro, sempre podemos mudar de idéia. 😀 Para não viajarmos muito, vamos pegar como pauta deste texto, o ponto que discutimos na “Lições Sobre Semântica #3”. O ponto era fazer títulos com imagens ou image-replacement? Bem, felizmente temos uma base para nos guiar… O código deve ficar o mais semântico possível.

por Diego Eis

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

Se você já leu alguma coisa sobre Tableless, já deve ter percebido que nesse método nós separamos a informação da formatação. Para fazer a formatação do site, ou seja, para literalmente aplicarmos o design do site, nós usamos o CSS (as famosas Folhas de Estilo), que eu julgo ser a principal ferramenta do desenvolvedor para criar sites tableless. Para a apresentação da informação, você pode usar HTML ou XHTML, o que você achar mais apropriado.

por Diego Eis

Sites para Dispositivos Móveis – MediaType

Felizmente, com a ajuda dos Web Standards, o trabalho para criar um site ficou muito mais fácil, rápida e o mais importante, divertida. Hoje, você troca de layout a hora que quiser, sem se preocupar em ter que refazer todo o código e programação. Eles já estão feitos, por que ter que recriá-los? Então, você troca apenas 1 arquivo CSS, e seu site muda completamente, sem dor de cabeça, apenas mudando a lente de formatação.

por Diego Eis

Se virando para testar – Parte 3: IES4OSX e IES4Linux

IES4Linux já existe a algum tempo. O IES4Linux usa o Wine, um programa parecido com o CrossOver. O diferencial é que você consegue usar uma aplicação do Windows sem ter que rodar toda aquela interface do desktop virtual. No IES4Linux, foi desenvolvido pelo Sérgio Luís Lopes Júnior. Ele usa o Wine para instalar versões do Internet Explorer o Linux. Nós usamos esta versão aqui na Visie e funciona muito bem.

por Diego Eis

Flock 1.0 – agora dá para usar

O Firefox é o browser do meu coracão. Não vivo mais sem suas extensões. Se você é desenvolvedor e usa Firefox, sabe do que estou falando. Só que eu não sou apenas desenvolvedor. Nas horas vagas, sou gente normal. Gosto de passar uma parte do meu tempo navegando pelos meus sites prediletos. Por isso, eu gastava algumas horas procurando por extensões que me deixassem mais ligado em sites como Flickr, Twitter e Del.

por Diego Eis

Dicas para ter compatibilidade nos browsers

Estava lendo o artigo do Fugita e pensei comigo mesmo: – Porque todo mundo sempre quer matar o Internet Explorer? A pergunta não foi difícil de responder: Compatibilidade. Quando desenvolvemos com Padrões Web, a primeira coisa que aprendemos é a odiar o Internet Explorer. Sei disso porque a frase mais falada nos meus cursos e em algumas palestras é: Não funciona no IE6. Ou: Se funcionasse no IE6. Grande parte dos problemas de desenvolvimento de um site se deve pela falta de compatibilidade entre browsers.

por Diego Eis

Procrastinar a Acessibilidade pode ser perigoso

Acabei de ler o artigo “Acessibilidade Web: 7 mitos e um equívoco” escrito pela Lêda Spelta do AcessoDigital. Um artigo que só quem entende profundamente o tema, poderia escrever com tanta clareza. Mesmo assim, quero fortalecer o que ela disse no artigo e enfatizar mais o que já venho dizendo aqui. No artigo a Lêda fala sobre aqueles mitos (desculpinhas esfarrapadas, em vez de mitos, na minha opinião) que profissionais sem conhecimento básico e falta de curiosidade, sempre dizem quando ouvem a palavra acessibilidade.

por Diego Eis

Tabela de compatibilidade de CSS

Acabei de fazer uma Tabela de Compatibilidade de CSS.. Quem achar algum erro, por favor, me dá um alô. Essa tabela será atualizada com outros elementos do CSS. Ainda tenho alguns elementos pré-definidos que faltam ser colocados. Assim que der mais um tempinho, vou colocar os links dos exemplos e atualizar a tabela com novas coisas. Sei que a navegação vai ficar um pouco pesada. Preciso colocar links de âncora para poder facilitar a navegação entre as tabelas.

por Diego Eis

Sobre Internet Explorer para Mobile – Breve impressão

Desde que adquiri um MotoQ (se lê MotoQUIU) eu venho usando o Opera Mobile como browser padrão. Ao contrário da versão pra desktops, o Opera Mobile é pago. Por este motivo, quando a data expirou, eu resolvi usar por um tempo o Internet Explorer. Descobri que a forma com que o IE Mobile renderiza as páginas é tão boa quanto a do Opera Mobile. A velocidade de navegação também é ótima.

por Diego Eis

Isso é coisa básica

Não é a primeira vez que me perguntam se eu acoselho o uso de includes. Não sei o motivo, mas grande parte do pessoal não usa includes. Parece que isso é uma daquelas coisas de uso exclusivo de programadores. Engano deles. Includes (por exemplo) é uma das coisas que ajudam e muito o trabalho da equipe inteira. Menus, cabecalhos, rodapés, e qualquer coisa que você ache que vá se repetir em mais de uma página no site deve ser colocado em includes.

por Diego Eis

CSS Frameworks ou como desaprender CSS

O papo que agora está começando a rolar entre os desenvolvedores é sobre Frameworks para CSS. Sou totalmente contra a qualquer coisa que impeça o contato do desenvolvedor com o código. Sou avesso a qualquer tipo de interface que prometa facilitar o desenvolvimento, pelo menos de XHTML e CSS. Lembra daquele papo sobre o desenvolvedor “analbético” de código? Ainda acho que utilizar editores que suportam Snippets – ou Macros, dependendo do editor – são as melhores formas de se trabalhar se você quer agilidade.

por Diego Eis

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

Abaixo você encontra a palestra que fiz no AlternativaWeb 2007 aqui em Fortaleza. Se quiser ficar mais antenado, estou twittando sobre o evento. Sou meio suspeito para falar sobre o evento, já que eu sou um dos palestrantes. Mesmo assim, você pode encontrar opinões mais sinceras do Rafael Dourado, Marcelo Augusto, Ilo Aguiar e Chico Neto! Gostei bastante do primeiro dia. O pessoal dessas bandas é bem animado. Eu não consigo acompanhar!

por Diego Eis

Palestra AlternativaWeb em Fortaleza

Segunda-feira a noite começará o AlternativaWeb 2007. O tema do evento será Web 2.0. Farei uma palestra juntamente com Tiago Dória, Bruno Ávila e Michel Lent. Se alguém filmar as palestras, por favor, me falem depois pra poder publicar aqui o link do video. Pessoal de Fortaleza, como está o tempo aí? 😉

por Diego Eis

Implementação HTML

Estava implementando partes do site novo da Visie e resolvi fazer um videozinho rápido da implementação da parte de treinamentos. Fiz sem narração desta vez. Fiz outro vídeo mostrando a implementação CSS. Ainda não consegui colocar no ar, mas logo mais publico por aqui. E já peço desculpas pelo tamanho da letra! 🙁 O vídeo está hospedado no CodeShow Videos. Quem não viu ainda, vale a pena dar uma olhada. Imagine uma espécie de YouTube só que destinado a desenvolvedores e com vídeos sobre desenvolvimento web.

por Diego Eis

Ferramenta definitiva para a criação de websites?

Recebi de um leitor, um email que ele havia recebido de uma escola de tecnologia. O newsletter da escola, dizia assim: Com o Dreamweaver 8 você poderá criar layouts, interfaces e sites completos, utilizando as mais conhecidas linguagens para a internet, tais como: XHTML, Javascript e DHTML, sem precisar digitar uma linha de código sequer. Isso mesmo, sem código, bastando entender como funciona a interface e as ferramentas de apoio do software, você criará tudo de forma visual.

por Diego Eis

CSS Reset

Sempre que começo a escrever meu CSS, eu inicio colocando um * (asterísco) e zero algumas propriedades. Esse técnica se chama CSS Reset. Alguns elementos do HTML já tem um valor de margin, padding, borda e outros tipos de formatação definidos como padrão. O que acontece é que esses valores pré-definidos são necessários para que quando o site seja visto sem CSS algum, o usuário conseguirá ter um mínimo de legibilidade na visita.

por Diego Eis

Fiat Uno e Peugeot 206

Não preciso dizer que os dois carros são totalmente diferentes. Mas, qual dos dois você teria? Me diga… Se você pudesse escolher, você ficaria com qual dos dois? Acredito que 206 será a resposta mais dita para essa pergunta. Queria então fazer outra pergunta: Porque você escolheria o 206? O Uno também não vai te levar para lá e para cá como o 206? O que te faz querer um 206 e não um Uno?

por Diego Eis

Navegação em mobiles

Adquiri faz pouco tempo um MotoQ. Já estou passando da parte de adaptação e me acostumando melhor com as frescuras, limitações e vantagens do aparelho. Agora, consigo dar mais atenção a pontos mais interessantes e claro, que irão me ajudar no trabalho diário. Um deles é a navegação. Se acostumar a navegar num aparelhinho desses é algo realmente interessante e dependendo dos casos quebra um galho absurdo. Hoje eu uso o Opera Mobile para navegar.

por Diego Eis

BlogCamp – Eu Fui!

Neste domingo dei uma passada junto com o Elcio lá no BlogCamp. Evento legal, pessoas legais, tudo super descontraído e cheio de informação. Logo de manhã começamos conversando sobre Audiência em Blogs, Monetização e como um blogger pode se virar para ganhar uma graninha. Conversa muito interessante que gerou uma conversa bem curiosa sobre as técnicas de cada um para gerar audiência e manter o blog funcionando. Um bocado de gente importante apareceu por lá: Manoel Netto, Danilo Medeiros, Luli Radfahrer, Manoel Lemos, Edney Souza.

por Diego Eis

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

Por favor, dêem uma olhada nisso: Por favor, dêem uma olhada nisso: Para entender melhor, leiam isso: Dear W3C, Dear WaSP [update] Web Standards Situation Solutions Interessante né? O que acha sobre isso?

por Diego Eis

CodeShow – Inscrições para assistir online

Um bocado de pessoas vieram pelo Tableless e pelo site da Visie perguntando se o CodeShow iria ser transmitido via web. Ainda não tínhamos a reposta, mas agora temos: Sim, o CodeShow será transmitido via Web. Basta fazer sua inscrição aqui, escolhendo a última opção da lista. Uma parte do valor arrecadado com as inscrições online, será doado para a ADRA. Acho que qualquer computador tem as especificações técnicas para ver a transmissão.

por Diego Eis

font-face

A propriedade @font-face permite que usemos famílias de fontes que não estão instaladas no computador do usuário. Estamos acostumados a usar (os designers que o digam) um pacote de fontes muito limitado de fonts. O @font-face faz com que o browser baixe, instale e renderize uma font na página. Nem preciso falar que isso pode deixar o site um pouco mais lerdo. Outro ponto é que nenhum dos browsers tem suporte para isso hoje.

por Diego Eis

CodeShow – Mais 20 vagas! CORRA!

Fizemos uma manobra arriscada em todo o nosso plano e conseguimos abrir mais 30 vagas! O evento ainda está custando R$45. Corra, porque as vagas são limitadíssimas. Se você ainda quer ir para o CodeShow, ligue (11-3477-3347) até quarta-feira (15⁄08) para nós e diga para Paloma que você quer se inscrever. Ela gerará um boleto para você e te enviará por email. O evento ocorrerá no Paulista Plaza (Golden Tulip).

por Diego Eis

BlogCamp e CodeShow

O CodeShow está chegando e ainda (AINDA) há vagas. Acontece que elas estão se acabando! 😉 Tenho a impressão que todo mundo tá deixando para última hora… Portanto, se você está pretendendo vir, melhor se apressar. Já tem 70 pessoas. O Bruno Torres e a S1mone já deram certeza! 🙂 Já sabemos o que vamos desenvolver. E o pessoal não me deixa falar antes do dia. Mas até lá, vou tentando soltar alguns outros detalhes sobre o sistema.

por Diego Eis

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

Alguns links rápidos para começar a pseudo-segunda-feira (aqui em SP foi feriado na segunda). Se você usa Mac ou qualquer outro sistema operacional, você sabe que é meio difícil testar seus projetos no IE. Se quiser fazer testes rápidos, sem perder tempo, tente usar o Ie NetRenderer. Em qual versão a tag ABBR foi implementada no HTML? E a BLOCKQUOTE? O HTML Elements Index uma tabela de tags, onde você consegue saber em qual versão do HTML a tag foi implementada e se a tag ainda existe nas versões atuais do HTML/XHTML.

por Diego Eis

Faculdades, cursos e conhecimento

Conversando com um pessoal outro dia, fiquei pensando em faculdades, cursos ou especializações que pessoas da nossa área podem fazer (ou não) para melhorar sua profissão. Gosto de brincar quando alguém diz que está na faculdade ou que vai começar a cursar alguma. Eu sempre digo: – Faculdade? Blah! Para quê? Perda de tempo. É uma brincadeira (com fundinho de verdade?), claro. Mas o assunto é: o que vai decidir qual faculdade tenho que cursar, levando em consideração minha área de atuação como desenvolvedor web?

por Diego Eis

Desenvolvedor Retrógrado

Neste post que o Ronaldo publicou, me (assustou) chamou muito a atenção o comentário que um dos leitores fez. Tableless é mais dificil de implementar Não sei o que ele quis dizer com isso, mas em todos os clientes que eu prestei consultoria, presenciei de perto resultados contrários a esta afirmação. Lembro-me de quando atendemos o Terra. No final do curso, eles já tinham a home do site feita em Tableless e já pronta para publicar.

por Diego Eis

HTML 5 – brevíssima introdução

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

por Diego Eis

CodeShow – Só lembrando!

O CodeShow (dia 17 de agosto) está chegando e muita gente já confirmou sua participação. O Bruno Torres vai estar lá. Como muitos sabem, o Bruno é o professor de Acessibilidade Visie e ele está fazendo uma promoção: Quem comprar o curso de Acessibilidade Online até o dia 16 de agosto, vai ganhar a entrada para o CodeShow. 🙂 Há uma outra promoção corrente também: quem comprar qualquer curso presencial da Visie até o dia 5 de agosto, ganha a entrada para o CodeShow.

por Diego Eis

Opera Mini 4 beta

A Opera lançou a versão 4 beta do seu navegador para celulares, o Opera Mini. Nesta versão, colocaram um bocado de atualizações. A maneira de navegar mudou. Ficou mais parecida com a forma de navegação mostrada no iPhone. Já queria ter escrito aqui sobre a forma de navegar do iPhone. Se outros aparelhos adotarem esse tipo de navegação, criar um CSS irá deixar de ser obrigatório muito rapidamente. Não que hoje você não deva criar um CSS para isso.

por Diego Eis

Encontro Locaweb de Profissionais de Internet

Ontem estive no ELPI 9 (Encontro de profissionais de internet promovido pela Locaweb). Tive oportunidade de encontrar alguns ex-alunos da Locaweb e alunos de outras datas. Bom saber que todos ainda estão antenados. Ah, conheci também o Fred Van Amstel do Usabilidoido. Ele é gente boa. 😉 Um camarada da Microsoft fez uma palestra mostrando o tal do Silverlight. É incrível como eles falam de seus produtos como se não houvesse nenhuma outra alternativa.

por Diego Eis

Safari para Windows

Safari para Windows. Pode ser mais uma coisa pra se preocupar, mas acho que nem tanto. A Apple lançou o Safari para Windows e isso é muito bom. Eu uso OS X e mas não uso Safari e se eu ainda usasse Windows, continuaria não usando, não porque ele seja ruim, mas porque não tem extensões como as do Firefox. O Safari usa o motor KHTML que é o mesmo usado em browsers como o Konqueror do KDE.

por Diego Eis

Resolvendo problemas de compatibilidades dos IEs

Talvez alguns já conheçam. Navegando por aí, encontrei este site que disponibiliza, entre muitas coisas, um script que resolve alguns problemas de compatibilidades nos IEs. Dei uma testada básica aqui usando dois ou três seletores complexos e não é que funcionou?! Testem aí por favor pra ver se algo dá errado ou se algum conflito acontece. Depois comentem aqui. Se isso for confiável, muitos dos problemas que passamos com os malditos IEs são resolvidos, por enquanto.

por Diego Eis

[offtopic] Nada como mudar um pouco

Quarta feira… Dia de sol… Resolvemos pintar uma das paredes aqui da Visie. Tomara que fique bom! 😉 Pintando a Visie parte 1 Pintando a Visie parte 2 Pintando a Visie parte 3 Pintando a Visie parte 4 PS.: Promoção pintando o 7.

por Diego Eis

Minhas ferramentas de trabalho (sim, é sobre fireworks e afins)

Se você vai começar a ler este artigo, é bom que saiba que ele é minha opinião. Não vai sair daí querendo explodir minha casa, roubar meu mac, xingar minha mãe ou coisa do tipo, ok?! Você usa o que quiser pra trabalhar. Vou dar meu pitaco aqui, do mesmo jeito que dei naquelas 4 palavras entre parênteses no outro artigo. Confesso: faz muito tempo que não usava Fireworks. Desde o tempo que eu estava começando essa coisa de web.

por Diego Eis

Desenvolvedor analfabeto (sim, é sobre WYSIWYG)

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

por Diego Eis

Estatísticas gerais pelo W3Counter

Vi no BR-Linux uma ótima notícia sobre o Firefox. Saiu um dado no W3Counter, onde mostra que o Firefox alcançou 25% do mercado. 14,47% são usuários de Firefox 2 e 9,10% são usuários da versão 1.5. Interessante também os outros dados. A resolução dos usuários vem aumentando também: quase 60% dos usuários usam 1024×768. 16,81% usam 1280×1024. 800×600 fica com apenas 8,93% e 1280×800 com 8,20%. Esses dados foram gerados baseados em 31,612,302 unique visits de 4,427 sites.

por Diego Eis

Ganhe uma entrada para o CodeShow

Promoção relâmpago: Faça um curso presencial e ganhe o CodeShow. É válido apenas para os cursos presenciais de AJAX, Tableless e Javascript Crossbrowser. Apenas para alunos que se matriculem a partir de hoje. Quem fizer qualquer um destes cursos presenciais, ganhará a entrada para o CodeShow. Veja a data dos cursos aqui. Não custa lembrar que as vagas para os cursos presenciais e para o CodeShow são bem limitadas. Como sempre.

por Diego Eis

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

Acessibilidade é um assunto muito, mas muito importate. Cansamos de discutir técnicas e outros pontos que precisamos fazer para ter um site acessível. Todos, na maioria das vezes, estão de acordo com tudo o que é falado. Acontece que nem sempre colocamos em prática na vida real, ou porque faltou tempo, ou porque o produto ficaria caro, ou qualquer outra desculpinha. O pessoal da Acesso Digital criou um vídeo que mostra, a queima roupa, as dificuldades que pessoas com dificuldade motora e visual tem ao acessar a internet.

por Diego Eis

IE6 no Mac… (eu sei, é pecado)

Eu usava este programa no Linux um tempão atrás… Funcionava até que bem. Ele tem uma versão pra Mac. Para instalar o IE6 fácil: só selecionei o IE na lista de programas suportados que o CrossOver fornece, cliquei em install, ele baixou alguns pacotes, emulou o reboot do Windows (!) e pronto, o IE estava funcionando. Uma boa maneira de testar os sites de agora em diante. Tá aí a dica…

por Diego Eis

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

A má notícia é que os desenvolvedores ainda estão muito “aéreos” com assuntos relativos a sua área. Principalmente os designers para web (na minha opinião). A boa notícia? É que o mercado já melhorou muito nos últimos 5 anos. 😉 Comecei com o tableless.com.br no ano de 2003. Nesse tempo o profissional de internet mudou muito. A seleção natural do mercado andou fazendo bem seu trabalho peneirando os encheridos e deixando apenas o pessoal realmente interessado.

por Diego Eis

Portais do governo serão adaptados para cegos

Ótima notícia, já estava na hora… mas não entendi essa parte: A secretaria vai fornecer um software, chamado “Silvinha”, que foi desenvolvido em conjunto com a organização não-governamental Acessibilidade Brasil. Será que é um Silvinha modificado? Porque se não, a secretaria não vai fornecer nada. Existem vários meios de você melhorar a acessibilidade do seu site sem utilizar esses tipos de validadores (que na maioria das vezes não ajudam em nada).

por Diego Eis

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

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

por Diego Eis

O futuro do CSS

Muito interessante o artigo que o Andy Budd publicou estes dias. Ele fala sobre o futuro do CSS e de outras tecnologias que o W3C cuida. Ele comenta que em vez de o W3C tentar antecipar o futuro e tentar criar soluções para problemas que talvez teremos daqui alguns anos, ele poderia solucionar problemas atuais que temos ao desenvolver sites. Por exemplo, maiores revisões no CSS. Claro, concordo com o cara.

por Diego Eis

The Web Design Survey

O Henrique falou lá e eu falo daqui. O pessoal do A List Apart está fazendo levantamento de perfil de todos os profissionais web no mundo. Se você trabalha com desenvolvimento web, não importa em que área (usabilidade, acessibilidade, design, programação, AI, etc) participe respondendo as perguntas. São apenas 18 perguntas e todas em inglês. Se você por um acaso não souber ingles, vai em qualquer tradutor online. Não é muito dificil de entender.

por Diego Eis

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

Rapidinho. Há uma certa discussão sobre usar CSSHacks ou Comentários Condicionais. A resposta é óbvia: nenhuma das duas alternativas. A possibilidade de usar CSSHacks ou Comentários Condicionais deve ser pensada em último caso. Apesar de todas as pequenas dificuldades de compatibilidade, é perfeitamente possível fazer sites sem a necessidade de usar hacks ou comentários. Um costume (vício?) ruim de usar essas alternativas está sendo criada no meio dos desenvolvedores. Digo ruim porque o desenvolvedor se acostuma a usar estas soluções em vez de estudar o erro, saber os efeitos no layout e então desenvolver uma solução simples e inteligente.

por Diego Eis

CSSHack para IE7, IE 6 e browsers de verdade

Um aluno estava tendo um problema de compatibilidade: o layout funcionava em Firefox e IE6, mas quebrava em IE7. Para resolver, ele utilizou aquele hack do * (asterísco) no começo da propriedade. O problema é que este csshack do asterísco também funciona no IE6. Se ele arrumasse o IE7, o IE6 que quebrava por causa do hack. Isso é fácil de resolver, veja o código: `Um aluno estava tendo um problema de compatibilidade: o layout funcionava em Firefox e IE6, mas quebrava em IE7.

por Diego Eis

Comunidade Tableless – ao vivo e se mexendo

Já falei sobre a Comunidade Tableless aqui. Se você tem blog sobre desenvolvimento web e quer entrar para a Comunidade Tableless, comente este post preenchendo os campos com endereço do blog e seu email. Te envio um convite assim que puder. Mas se você quiser se juntar aos mais de 110 leitores, sinta-se à vontade. Assine o Feed ou leia direto aqui pelo site.

por Diego Eis

Before & After magazine

Para os designers de plantão, visitem: Before & After magazine. Eles publicam pequenos PDF’s com dicas, tutoriais e truques sobre design, construção de projetos, artigos sobre cor, tipografia e etc. Quem se interessar mesmo, pode até se cadastrar e pagar uma quantia para receber as publicações exclusivas em PDF’s por email. Quem é lá de fora (acho que não entregam no Brasil) pode até pagar um pouco mais e receber uma revista impressa.

por Diego Eis

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

Ontem precisei de um hack para IE7. Fiz uma busca rápida e encontrei algo bem fácil. Lembra do csshack para IE que você colocava um _ (underline) na frente da propriedade que você gostaria que só o IE entendesse? Pois é… ele não funciona no IE7. Mas… se trocarmos o _ (underline) por * (asterísco) ele passa funcionar! 🙂 div {<br /> background:green;<br /> *background:red; /* essa linha funciona no IE7 */<br /> }

por Diego Eis

Coda – Mac only

Quando eu era usuário de Windows, meu editor predileto era o EditPlus por ser rápido e por ter FTP integrado. Eu podia com ele editar CSS, XHTML, arquivos Python, ASP ou PHP. Tudo numa coisa só. Tudo muito fácil. Quando migrei para Mac, perdi essa facilidade e tive que usar tudo separado: tinha um programa para FTP – muito bom por sinal – chamado Transmit. E 2 outros editores de código: para trabalhar com CSS o CSSEdit.

por Diego Eis

CodeShow

CodeShow é uma maneira eficiente para compartilharmos conhecimento e claro, nos divertirmos um pouco. Do rascunho inicial à publicação em produção em um dia. Sem palestras teóricas e blá blá blá, você vai ver trabalho e código, do começo ao fim. Você verá como os padrões web se integram com o desenvolvimento server-side e como ferramentas como o controle de versão se integram ao processo produtivo. Verá como unir todas essas ferramentas para fazer com que seu time entregue muito rápido projetos web de qualidade.

por Diego Eis

Opera, só se não for para Desktops

O Opera lançou sua versão para Wii (@MeioBit). Eu usei Opera durante algum tempo antes de virar escravo das extensões do Firefox. Browser rápido, pequeno em tamanho, funciona bem em qualquer plataforma. Acontece que para Desktops, ele é um dos browsers menos usados. Isso é verdade. Mas e daí? Eu acho, que eles não estão nem aí com isso. Agora surgiu o Opera para Wii. E o que isso quer dizer?

por Diego Eis

Coleção de Layouts

Eu gosto de passar horas navegando na internet vendo layouts e estudando design. Isso é bom e engrandece quem gosta e trabalha na área. Acontece que sempre que os sites mudavam, eu perdia minhas referências. Via um site legal, gostava do site, usava como estudo, referência e tudo mais. Só que de uma hora para outra, eles mudavam, e eu perdia tudo. Por isso, peguei a mania de guardar em imagem os layouts que me interessavam e assim conseguir consultá-los quando eu precisava.

por Diego Eis

99% é bom pra caramba

Se você é um daqueles desenvolvedores puristas, que acha que um site tableless deve ser validado não importa o que aconteça, que o código deve estar 100% correto… que se alguém fizer alguma gambiarra, mais simples que seja, deve ser desmembrado e se ainda estiver vivo jogado em óleo fervente, esse post não é pra você. 99% é bom pra caramba. É uma das frases que nós aqui da Visie falamos para quem está começando agora no mundo dos Padrões Web.

por Diego Eis

Pra que simplificar se pode complicar? (Offtopic?)

Domigo fui em um restaurante chamado Outback. Já foi? Se não, tenta ir. A comida e o atendimento são excepcionais. Mas o ponto é outro… Estava fazendo um pedido para a moça que estava nos atendendo. Fiz meu pedido com uma pequena observação: eu queria que meu sanduíche viesse sem bacon. E ela anotou uma observação abaixo do meu pedido, mais ou menos assim: E380A. Achei estranho e como bom curioso, perguntei para ela: – Moça, não era melhor escrever SEM BACON?

por Diego Eis

IE6 deve morrer

O IE6 é o browser mais antigo em linha hoje em dia. O IE7 foi lançado, e está muito melhor que sua antiga versão. Mesmo alguns desenvolvedores tendo uma certa antipatia pelo browser azul, o IE7 aliviou de uma série de limitações que tínhamos ao desenvolver sites com CSS. Estamos construindo novamente o ADM da Visie. Estou feliz porque todo mundo usa Firefox (se não usasse, já tinha levado cascudo) e posso utilizar uma série de “features” que não podemos usar no dia a dia, por exemplo, PNG com opacidade, seletores complexos e tudo mais.

por Diego Eis

Há vagas na 32Bits™

Meu amigo Danilo Medeiros está abrindo vagas na 32Bits™! Olá pessoal. Minha empresa, a 32Bits™ Criações Digitais está crescendo mais um pouquinho, e estamos contratando dois estagiários com conhecimentos de (x)HTML e css. O salário é legal, damos vale-transporte e o horário é super flexível. Nossas exigências são simples: tem que ser esperto, e tem que gostar de aprender coisas novas. Html e Css são os conhecimentos básicos, e outros, especialmente Actionscript, são muito desejáveis.

por Diego Eis

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

Recebi por email uma dúvida simples mas que muitas vezes o pessoal faz confusão: Bem, gostaria de saber semânticamente como vocês tratam uma sequência de ações, exemplo: Ler comentário Ler todo o Artigo Deixar Comentários Versão para impressão Já vi o pessoal por ai na web fazendo de diversas maneiras, usando um seguido de 1 para cada ação dessas, exemplo: Ler comentário>Ler todo o artigoDeixar comentários Essa seqüencia é feita com Listas.

por Diego Eis

Sobre Internet Banking

O Bruno falou sobre o internet banking do bradesco. E eu não sou contra a posição dele. Já vi por dentro o internet banking do Itaú, Bradesco, Real e Unibanco (versão antiga) e realmente o melhor que vi até agora foi o do Itaú. O ponto mais crítico na minha opinião – não é nem o fato de nenhum deles seguirem ao pé da letra os padrões web – é a compatibilidade.

por Diego Eis

Cuidado para não regredir

Você se lembra de quando esse treco todo de Web Standards começou a pegar aqui no Brasil? Muitos falavam que era moda, que ia passar… Outros queriam descobrir as vantagens e outros ainda as desvantagens. Foi bem parecido com o que aconteceu com o “Ajax”. Nos dois começaram a surgir pessoas praticando os conceitos com afinco e tendo resultados interessantes. Entretanto há uma outra parte que mesmo utilizando conceitos novos, conseguiram regredir.

por Diego Eis

Convertidos Tableless de volta

Em 1 Janeiro de 2003 criei coragem e lancei o Tableless.com.br. Eu já trabalhava com Web antes, mas comecei a desenvolver com Padrões neste tempo. Como me interessei mesmo pela coisa, pensei em criar um site e mostrar as facilidades do desenvolvimento com Web Standards. Eu aprendi de verdade a partir da hora que coloquei a mão na massa. Eu fazia o seguinte: pegava alguns sites de empresas grandes e fazia uma versão do layout atual deles sem usar tabelas para a estrutura do HTML.

por Diego Eis

Explorando o Tableless.com.br

Em tempos de correria como os atuais, fica meio complicado para escrever artigos mais técnicos e mostram códigos interessantes. Por isso, para os navegantes que acabam de chegar ou para os leitores que estão a mais tempo, é sempre bom dar uma navegada nas entranhas do site para encontrar coisas interessantes. Abaixo, deixo o link para que você possa conferir alguns artigos técnicos escondidos pelos links aqui do Tableless.com.br. Deve ajudar um bocado dos visitantes:

por Diego Eis

Conteúdo é o rei do batatal

Texto interessante sobre dinheiro, conteúdo e design que um amigo me indicou. Concordo com o que o Cardoso disse no artigo. O conteúdo é o rei do batatal e ponto final. Por favor, já aviso aos xiitas de plantão: também acho que design é importante. Muito importante. Importantíssimo. Mas sem conteúdo, design não é nada. O design existe para servir o conteúdo e não o contrário. Em desenvolvimento web, não é só o design que serve o conteúdo, mas também o código.

por Diego Eis

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

Está certo que o desenvolvedor é um bicho estranho, cheio de manias intratáveis e teimoso, mas muito teimoso. Mesmo assim há alguns pontos que podemos tratar antes que vire algo irrecuperável. Um destes pontos é a ganância por economizar código, seja ele qual for. Vamos pegar aqui exemplos de XHTML e CSS. Lembra do tempo que você trabalhava com códigos mais ou menos assim:<br /> ...<br /> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="background:url(http://www.

por Diego Eis

Estruturando o código CSS

Este era um assunto que eu queria falar aqui a muito tempo. Vi este link no URL Sinistras e me animei a escrever sobre. Estruturar o código CSS de uma maneira simples e intuitiva ajuda muito no desenvolvimento. Já vi várias pessoas fazendo códigos mirabolantes e depois perdendo tempo porque havia problemas de conflito no CSS. Vou falar aqui como eu monto meu CSS ou como pelo menos eu tento montá-lo.

por Diego Eis

Comunidade Tableless

Estou abrindo uma nova área aqui no site. Acho que vai ser muito legal tanto pra você, que lê e gosta de saber das novidades sobre desenvolvimento web, quanto para o camarada que escreve sobre o assunto. Dá uma olhada no menu aqui do site, procura a opção chamada COMUNIDADE. Nesta página você poderá ver uma série de posts de uma série de sites que falam sobre Padrões Web e Desenvolvimento Web.

por Diego Eis

Muito Off! :-)

Sim sim sim… estamos meio offline esses últimos dias. O Elcio está ministrando um curso o dia inteiro (tem que sofrer mesmo) e eu estou preparando algumas mudanças no site novo da Visie e na versão nova da apostila. Se quiser um pitaco do site novo da Visie, dá uma olhada nessa imagem. É a imagem das páginas simples de texto. A imagem ali em cima muda, claro, juntamente com o texto.

por Diego Eis

Bonito de se ver #48

http://www.johndahlback.com/ http://www.thefoundbin.com/ http://www.dallaslogisticshub.com/ http://www.uerj.br/modulos/kernel/ http://www.coolinarika.com/

por Diego Eis

Bonito de se ver #47

http://www.bangonacan.org/ http://www.vivereacomo.com/ http://www.mogopop.com/ http://www.thesarasotamls.com/ http://www.thefoundbin.com/ 

por Diego Eis

Bonito de se ver #46

http://www.theaterwebsiteservices.com/ http://www.thebeststuffintheworld.com/ http://www.younggogetter.com/ http://www.enrichmint.com/ [ * http://www.theaterwebsiteservices.com/ http://www.thebeststuffintheworld.com/ http://www.younggogetter.com/ http://www.enrichmint.com/ *]1

por Diego Eis

2.7 Bilhões de Celulares

Putting 2.7 billion in context: Mobile phone users 2.7 Billion mobile user in context 2.7 Bilhões é um número considerável. É maior que o número de usuários de carros (800M), maior que o usuários de internet (1.1B), maior que o número de usuários de telefones (1.3B)… E ele não pára de crescer. Hoje o celular (digo no mundo todo, ok?) não é só usado apenas para receber ou fazer ligações.

por Diego Eis

Bonito de se ver #45

http://www.soulshaker.co.uk/ http://avalonstar.com/ http://www.visualelixir.com/ http://www.doonuts.com/ http://www.justinshattuck.com/ Assine o Feed do Tableless. Assine nosso del.icio.us.

por Diego Eis

Bonito de se ver #44

http://www.beside.ca/ http://www.12stoneart.com/ http://www.ituloyangsulong.com/ http://ewebscapes.com/ http://www.retrointeractive.com/

por Diego Eis

CSS3 – :checked

Você já deve ter precisado fazer alguma peripécia para a seguinte situação: Há uma série de checkbox e você precisava diferenciá-los quando eles estão checados. Normalmente o pessoal usa algum scriptzinho para poder mudar uma classe e assim poder formatar via CSS. No CSS3 esse problema desaparece. Há uma pseudo-classe chamada :checked. A sintaxe: input:checked {} Logo, quando um input é checado, ele recebe as características que você quiser sem precisar criar qualquer script.

por Diego Eis

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

Há na propriedade ‘position’ do CSS um valor chamado ‘fixed’. Quando usado, este valor determina que o elemento deve ficar fixo na posição que você mandar, e quando a barra de rolagem é movida, este elemento fica fixado na posição que você definiu. Veja o código: body{margin:0; padding:0;} div { position:fixed; top:10px; left:10px; width:150px; height:200px: border:1px solid black; background:#CCC; } Resultado do código acima, sem funcionar no IE. Eu apenas defini um position: fixed; para o DIV.

por Diego Eis

Bonito de se ver #43

http://www.weareonlyhuman.com/ http://www.designportal.cz/ http://www.dickssportinggoods.com/ http://www.footnote.com/ http://monicaruggieri.com/

por Diego Eis

Indicações de sites bonitos

Se você gosta da série Bonito de se ver aqui do Tableless e quer ver mais sites, acompanhe também a série Designs Baseados em CSS do Revolução.etc.br e o Colírio de CSS do Cledison.

por Diego Eis

Bonito de se ver #42

http://www.weevox.com/ http://www.ministrycamp.com/ http://www.sampo-keramika.com/ http://www.felipedesign.com.br/ http://www.turismoriasbaixas.com/labs/panel/

por Diego Eis

Retrospectiva 2006 – Junho

Aqui: Falávamos sobre Microformats e Internet Móvel Dávamos um toque sobre o Portable Firefox Colocamos no ar um video tutorial com a implementação de um layout No mundo exterior: Cris comenta sobre a morte de Bussunda O Gui falva sobre a volta do iPod U2 E o Bruno falava sobre a bagunça de caracteres no FeedBurner

por Diego Eis

Bonito de se ver #41

http://www.cubeclub-chemnitz.de/ http://www.playstop.net/ http://www.rikcat.com/rikcat/ http://www.thedesignaward.com/spring/2007/ http://www.healthpages.com/ Está precisando de Host? Aproveite as promoções do Tableless no Dreamhost. São 3 cupons para você aproveitar (sendo que um dos cupons te dá 60% de desconto). Mais informações aqui.

por Diego Eis

Retrospectiva 2006 – Maio

Aqui no Tableless: Opera Mobile passa no Acid2 O Wii usa Opera Artigo dizendo sobre aplicação consumindo conteúdo E uma explicação sobre GeoURL Lá no mundão: Cris Dias falava sobre a greve de fome de Garotinho O Henrique perguntava qual era o seu nível de conhecimento em Web Standards O Bruno comentava sobre ferramentas indispensáveis para o desenvolvedor

por Diego Eis

Bonito de se ver #40

http://www.textpattern.com/ http://vpm.org/ http://shanemielke.com/ http://www.ncl.com/nclweb/ http://mccoy.co.uk/ Está precisando de Host? Aproveite as promoções do Tableless no Dreamhost. São 3 cupons para você aproveitar (sendo que um dos cupons te dá 60% de desconto). Mais informações aqui.

por Diego Eis

Retrospectiva 2006 – Abril

No Tableless: Artigo sobre CSS Alternativo ESPN economizando 700T por ano Artigo sobre Subjetividade na Semântica Mais um artigo sobre Semântica Por aí afora: O Cris falava sobre o Google SketchUp O Gui dizia sobre o lançamento do MacBook Pro 17 O Henrique falava sobre comentários condicionais E o Bruno gerava polêmica porque falava sobre estruturar formulários com listas não ordenadas

por Diego Eis

Bonito de se ver #39

http://wiiliving.com/ http://snagt.net/ http://balletnow.org/ http://www.iosilver.co.uk/ http://lushliving.sg/ Está precisando de Host? Aproveite as promoções do Tableless no Dreamhost. São 3 cupons para você aproveitar (sendo que um dos cupons te dá 60% de desconto). Mais informações aqui.

por Diego Eis

Mobilidade na cabeça

Ontem, depois do lançamento do iPhone e de ter visto suas funcionalidades (nem tão novas assim, mas reinvatadas de verdade), fiquei pensando em uma funcionalidade em particular: navegação na internet. Quem assistiu o Keynote viu o camarada navegando de verdade com um browser de verdade (Safari) e tendo uma experiência realmente boa. O browser carrega o site inteiro, lendo XHTML e CSS, nada de SSR ou qualquer coisa parecida e é renderizado como se fosse uma miniatura na tela, mas a formatação é integral, como se estivesse sendo visualizado de um desktop.

por Diego Eis

Retrospectiva 2006 – Março

Aqui no Tableless: Publicamos um artigo sobre XHTML Mobile Profile Um Video tutorial da implementação do site velho da Visie Um artigo sobre a Era da Informação Outro artigo sobre TagSoup e programas WYSIWYG Por aí: O Ronaldo falava sobre RSS como Plataforma O Bruno dizia que Acessibilidade não é altruísmo O Henrique falava sobre XHTML Media Types E o Gui falava sobre WindowsXP no MacIntel

por Diego Eis

Bonito de se ver #38

http://www.dizzain.com/ http://www.localh0st.org/ http://www.minning.de/ http://brisbanecreative.com/home/ http://www.marecrisium.com.ve/ Está precisando de Host? Aproveite as promoções do Tableless no Dreamhost. São 3 cupons para você aproveitar (sendo que um dos cupons te dá 60% de desconto). Mais informações aqui.

por Diego Eis

Retrospectiva 2006 – Fevereiro

Aqui no Tableless: Falávamos sobre o Google Page Creator O Elcio mostrava um preview do Opera 9 Por aí afora: Bruno Torres falava sobre upgrade do WordPress O Henrique dava dicas de CSS O Danilo Medeiros e sua turma lançavam o Wasabi

por Diego Eis

Sobre Padrões Web e Cursos Universitários

O Elcio postou um artigo muito bom cujo título é Padrões Web e os Cursos Universitários. Vale a pena dar uma lida e deixar seu comentário. Leia uma parte: A faculdade é, ou ao menos deveria ser, algo pensado para valer para a vida inteira. Então, ao invés de se ensinar uma linguagem de programação, a faculdade deve ensinar a programar. Ou seja, ensinar a lógica, os conceitos, as técnicas, as características do bom trabalho de programação e todo aquele repertório de conhecimentos e soluções que um programador deve conhecer e que serão úteis em qualquer linguagem, mesmo daqui a dez anos.

por Diego Eis

Bonito de se ver #37

http://www.kit10designs.com/ http://www.vongratkowski.de/ http://www.skenzo.com/ http://www.conradstoltz.com/site/ http://treemeat.com/

por Diego Eis

Retrospectiva 2006 – Janeiro

Aqui no Tableless falávamos: Versão beta oficial do IE7 Simulador do Opera Mini O Elcio mostrando como faz um Autocompletar com AJAX Por aí afora: Henrique falando sobre hCard GuiLeite falando sobre o lançamente do SkypeIn no Brasil E o Ronaldo publicando um tutorial de Rails

por Diego Eis

Me achando por aí

O pessoal tem me perguntado sobre alguns assuntos pessoais, do tipo: Que música você ouve, o que você lê na web e etc. São coisas que costumo não comentar aqui porque fogem muito do escopo. Vou abrir uma excessão e neste post mostrar onde vocês podem me encontrar além do Tableless.com.br. Flickr: [O pessoal tem me perguntado sobre alguns assuntos pessoais, do tipo: Que música você ouve, o que você lê na web e etc.

por Diego Eis

Tableless no Style Crunch

Oba! O Tableless apareceu no Style Crunch ontem! Huhu! Obrigado ao pessoal que sugeriu o site para lá! Valeu mesmo. 🙂

por Diego Eis

Um bom 2007

2006 foi um ano muito curioso, pelo menos pra mim. Abri a Visie com o Elcio e isso já é um motivo pra eu mesmo me assustar. 🙂 O Tableless cresceu ainda mais este ano. Notei que o perfil dos visitantes mudou um bocadinho. Ficaram mais interessados, mais participantes e isso é bom pra comunidade. Ter pessoas que contribuem com a comunidade nem que seja com um simples comentário, já trás grandes motivos para continuarmos com a empreitada.

por Diego Eis

Bonito de se ver #36 – Especial de Natal 2006

http://www.lodgeatpinedale.com/ http://www.radiorockitalia.it/ http://www.mablogoma.com/ http://getvanilla.com/ http://kalymera-echopen.8k.ro/ http://www.hotelteta.it/ http://www.finalmentetours.com/ http://www.cityframing.com.au/ http://www.spacemakerwardrobes.com.au/ http://www.laptopskins.net/ http://www.verkstedet.net/ http://www.satsu.co.uk/ http://www.projectrescue.com/ http://www.turbomilk.com/ http://c.dric.be/gium/issues/01/ http://www.zitrusfrisch.de/ http://individualmark.com/en/ http://csscontainer.com/ http://tiempodevelopment.com/ http://www.tagacloud.com/

por Diego Eis

E ano que vem?

Eu vou apostar minhas fichas em mobilidade, internet móvel e tudo quanto é coisa que seja pequena e não use fios para se conectar. Consegui adquirir meu primeiro celular no meio deste ano. Consegui também uma conexão ilimitada de dados. Experiência interessante. Uso o Opera Mini para navegar e é uma maravilha. Não, não dá para ficar horas lendo artigos e escrevendo emails pelo celular. É chato, é cansativo. Mas com um smartphone dá.

por Diego Eis

Feliz Natal

Eu poderia ter agendado um post para a virada do dia 24 para 25. Só que eu sei que ninguém é nerd suficiente para ver este post na segunda (tomara que eu esteja certo 🙂 ). Por isso, aqui vai meu Feliz Natal. Valeu!

por Diego Eis

Wallpapers

Dá uma olhada no meu desktop: http://www.flickr.com/photos/diegoeis/330264427/ A imagem usada foi esta: http://visie.com.br/wallpaper/separar-1280×800.jpg Tem mais aqui: http://visie.com.br/wallpaper/ É só pegar!

por Diego Eis

Designers de CSS – a missão

Um ex-aluno meu, Wellington, me enviou um email logo após o últmo post, me perguntando como consigo manter esse “relacionamento” entre os dois mundos. Na verdade, não há como não ter contato com um bocado de programação. O designer, neste caso, deve ser flexível. Entenda bem que ser flexível não quer dizer “faz tudo”. Aqui na Visie nós usamos PHP e Pyhton. Normalmente eu cuido do design e CSS. Quando vamos fazer algum projetinho novo ou até mesmo modificar nosso site mesmo, eu faço o design no illustrator, logo após faço o HTML e CSS.

por Diego Eis

Designers de CSS

Nunca trabalhei seriamente com design na minha vida inteira. Não sou daqueles designers reconhecidos, que fazem layouts maravilhosos e ganhadores de prêmios. Sou um mero curioso sobre essa área. Gosto muito de estudar esses assuntos chatos que os programadores não entendem. 🙂 Quem já assistiu minhas palestras, sabe que eu gosto um bocado de brincar com esses dois mundos. É interessante porque são pessoas diferentes e por isso as preocupações também são diferentes.

por Diego Eis

Doce passado

http://www.cacasofthelp.cjb.net/ Pra dar risada um pouco. Eu fiz isso quando tinha uns 17 anos, 18… sei lá… Mas mesmo assim, ajudando a comunidade! 🙂 O site se chama CacasoftHelp por causa de um site que eu e o Elcio fizemos para aprender javascript e HTML chamado Cacasoft (lembra Elcio?!). Nem preciso dizer que era tosco, né?! E você? Tem alguma coisa no passado negro que se orgulha de ter feito?!

por Diego Eis

Bonito de se ver #35

http://www.2litros.cl/web/ http://www.svanmark.info/ http://www.diocese-lamego.pt/ http://www.e-likko.com/ http://www.cistydesign.net/ Você também pode acompanhar a série Bonito de se ver no Del.icio.us. E se gostar de algum site realmente bonito de se ver, marque com a tag bonito-de-se-ver no del.icio.us.

por Diego Eis

Bonito de se ver #37

http://www.oskaarchitects.com/ http://www.ibock.se/ http://www.artnetz.de/

por Diego Eis

Bonito de se ver #36

http://tv.yahoo.com/ http://mespixels.com/ http://www.kumsaati.net/ http://www.tim-adler.com/ http://www.perfectstart.co.uk/ Assine nosso FEED e seja feliz!

por Diego Eis

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

Alguns elementos do HTML tem valores padrões de Margem ou Padding ou outros valores de outras propriedades. Estes valores, normalmente são totalmente diferentes dos valores que os designers aplicam para seus layouts. Se você não for regrado, pode fazer confusão com esses valores e causar alguns transtornos na hora da implementação porque esqueceu de zerar os valores padrões dos elementos. Portanto, sempre que eu começo um CSS, eu me preocupo em zerar todos os valores que possam me atrapalhar futuramente.

por Diego Eis

Bonito de se ver #35

http://www.palmplantations.com.au/ http://www.davorvaneijk.com/ http://www.chow.com/ http://www.swingtheory.com/ http://crew12.se/ 

por Diego Eis

Bonito de se ver #34

http://www.johnandsara.com/ http://www.formsite.com/ http://cestudios.net/ http://www.creixems.com/home/ http://www.ashwebstudio.com/

por Diego Eis

Eventos, palestras, cursos e muito, muito trabalho

Estamos meio offline esses últimos dias porque estamos um tanto ocupados arrumando as coisas para dois eventos importantes que a Visie vai participar. O primeiro deles é nessa sexta, onde a Visie vai fazer o dia inteiro de palestrar na PHPConference e o outro evento é no Workshop Produtividade Web 2.0 que acontecerá no dia 5. Portanto, estamos um tanto atarefados essa semana. Além disso estou ministrando um curso esta semana, e o Elcio irá ministrar na semana seguinte um curso de Javascript DOM e na outra um de AJAX.

por Diego Eis

Opera Mini 3.0

O Opera lançou a versão 3.0 do seu browserzinho bacana para celulares. Nesta nova versão o Opera inseriu algumas características novas no browserzinho, as principais são: Compartilhamento de fotos, Conexão Segura e Leitor de Feeds integrado. A integração de um leitor de feeds no browser é bem interessante… Quando você entra em uma página que há feeds disponíveis, ele mostra logo em cima da telinha um link para o feed para a inscrição.

por Diego Eis

Quer emprego ou quer anunciar um emprego?

Uns 3 meses atrás o Mauro Amaral e o Cris Dias fizeram algo muito, mas muito bom pra comunidade: eles uniram forças e criaram o vagas.carreirasolo.org. Um lugar onde você, desenvolvedor, jornalista ou marketeiro, pode procurar um emprego. Isso aí, trampo, coisa pra fazer, trabalho, salário, essas coisas, sabe? Mas, se você não procura um emprego, pelo contrário, procura um profissional na área de TI, Marketing e Propaganda, design ou jornalismo, também pode dar um pulo no vagas.

por Diego Eis

Se virando pra testar – Parte 2: Desktops Virtuais

No último post da série falamos sobre sites que tiram screenshots. Como eles são serviços online, você pode testar em qualquer lugar, a qualquer hora, onde quer que tenha um ponto de internet. Os Desktops Virtuais já são mais complexos. Você tem que usar localmente e muitas vezes é desconfortável porque, dependendo do computador e do sistema base, a virtualização pode se tornar penosa. Mesmo assim, utilizar algum desktop virtual é uma ótima pedida porque pode ser mais rápido que ficar esperando os screenshots ficarem prontos.

por Diego Eis

Se virando pra testar – Parte 1: Screenshots

A hora de testes é um parto. Você sabe. Quem nunca tremeu na base quando ouviu aquela frase: – Vixi, o site está quebrado no mac. ou: – Nem queira ver o site no Linux. Eu sei que hoje em dia os browsers estão cada vez mais confiáveis e muito parecidos entre si. Mas mesmo assim ainda acontecem algumas peculiaridades não planejadas, ainda mais quando estamos migrando tanto nosso conhecimento quanto nosso site para os Padrões Web.

por Diego Eis

Cursos de Padrões Web e Workshop Grátis

Que tal ganhar um Workshop grátis? Se você fizer os 4 cursos presenciais você ganha o Workshop Produtividade Web 2.0 que é ministrado pelo Elcio. Além de ganhar o Workshop, nós dividimos em até 3X e ainda damos 20% de desconto. 🙂 O Workshop será realizado no dia 5 de Dezembro, aqui em São Paulo. Os cursos tem inicio na próxima semana com Tableless I. Portanto corra porque já está em cima da hora.

por Diego Eis

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

Validar ou não validar, eis a questão. Será que validar é realmente importante? Para quem ela é importante? Qual o sentido da vida? Mas porque 42 é a resposta?

Validação sempre foi um assunto muito interessante. Não temos como falar sobre validação sem tocar em assuntos como semântica, xhtml2, html5 e etc. Instigados pelo assunto (um tanto polêmico, confesso) e pelos comentários do post que escrevi anteriormente, decidimos fazer um podcast madrugada adentro.

por Diego Eis

Ainda sobre Bananas e Diamantes, ou como você trabalha

O Elcio escreveu um texto muito interessante lá no Blog da Visie. Lá ele analisa um pouco a idéia de que o como você trabalha pode ser mais importante do que com o que você trabalha. É importante ter uma impressionante lista de siglas em seu currículo, principalmente se você for usá-las. Mas apenas conhecer linguagens e ferramentas não faz de você mais do que um Code Monkey. Vale a pena dar uma lida e deixar sua opinião, tanto aqui como lá.

por Diego Eis

Validar é importante?!

Não sei se você já parou para pensar neste assunto, mas validar seu código é importante? Se é importante, o quanto ele é importante? O que é validar? O que faz de miraculoso o validador do W3C quando você coloca o endereço do site e clica no botão?! Nada. Ué. Nada que você não saiba fazer também. Ele apenas – escute bem – verifica a sintaxe do seu código XHTML/HTML. Sabe aquele código “bonito” que você escreveu em alguma madrugada dessas?

por Diego Eis

Rapidinhas

Firefox 2.0 otimizado para usuários de Mac. Para os curiosos, este é o blog do Tim Berners-Lee. Sou eu que ainda estou com sono ou você também não encontrou o link do Feed? :-OFoi só o sono: [ * Firefox 2.0 otimizado para usuários de Mac. * Para os curiosos, este é o blog do Tim Berners-Lee. Sou eu que ainda estou com sono ou você também não encontrou o link do Feed?

por Diego Eis

Agregadores de Feeds

Depois que falei do feed aqui do Tableless, uma boa galera resolveu experimentar. Claro, para começar a consumir os feeds você precisa de um agregador que monitore os seus sites atrás de novidades. Felizmente, agregadores de feeds é o que não falta e com certeza você encontrará um que se encaixe no seu perfil. Você encontra agregadores de feeds instaláveis no seu desktop ou agregadores online. Eu particularmente, prefiro os online, por vários motivos óbvios, como por exemplo, poder acessar meus feeds aonde quer que eu esteja.

por Diego Eis

Estatísticas do Tableless FEED Outubro/2006

Eu ainda fico impressionado com o número alto de desenvolvedores que não leêm ou não sabem o que são Feeds, RSS, Atom e etc. Muitos ainda visitam esporadicamente os sites atrás de nova informação. Esses por normalmente não costumam ler muitos sites, salvo alguns que trazem informações básicas sobre sua profissão e outros sites de conteúdo. Para falar a verdade, um número muito, mas muito reduzido utiliza feeds para consumir notícias/posts.

por Diego Eis

Internet Explorer 7 chegando na festa… atrasado.

Todo mundo já falou, já citou, já linkou. Sim, o IE7 saiu. Mas e daí? Ele chegou na festa atrasado. Talvez, possa ser uma grande novidade para grande parte dos usuários que usam Windows (original). Mas e pra gente… Para os desenvolvedores, que inicialmente serão os primeiros a notar diferenças? Vocês se lembram quando ainda tínhamos que nos preocupar com o IE5? O IE6 já era líder, e mesmo assim, tínhamos que nos preocupar com as poucas pessoas que usavam o IE5.

por Diego Eis

Redesign 2007

Normalmente eu faço o redesign no final do ano junto com o aniversário do site (primeiro de janeiro). Mas ultimamente ando muito ocupado e não sei se terei muito tempo para fazer isso mais para frente, portanto, resolvi fazer agora que me restou um tempo neste feriado. Ainda há um bocado de coisas para se fazer. Qualquer sugestão é bem vinda. Acho que até domingo consigo terminar a atualização do código php/html e CSS, é só ter um pouco de paciência.

por Diego Eis

Podcast Tableless #24 – Testemunho WCA

Parecido com o podcast #22 onde eu fiz com alguns alunos no final de um curso de Tableless II lá na Visie, fiz agora uma versão um pouco diferente. Em vez de falar com várias pessoas de empresas diferentes, fizemos com um grupo especifico de uma empresa apenas, a WCA. A experiência é quase a mesma, mas como estamos falando de um grupo que trabalha junto, o foco muda um pouco do podcast anterior. Aproveitem.

por Diego Eis

IE7 Is Coming This Month…Are you Ready?

update: Os usuários com softwares originais receberão uma atualização automática via Windows Update. Os outros usuários terão que baixar manualmente o software e instalá-lo na máquina. Tenho quase certeza de que o IE7 desativa o IE6 da máquina. Mas, isso é bem resolvido se você baixar uma versão standalone do IE6 por aqui: http://browsers.evolt.org/?ie/32bit/standalone. Apertem os cintos, o IE7 está chegando! IE7 is Coming This Month…Are you Ready? Se você já quiser testar seus sites, códigos, fazer testes técnicos com CSS e tudo mais… A melhor forma é baixando o RC 1 por aqui.

por Diego Eis

E o diferencial, onde fica?

Os padrões web já há muito tempo vem abrindo caminho na vida dos desenvolvedores. Não é de hoje que os muitos que aderiram ao “movimento” tentam apresentar com as melhores honras as vantagens de aderir aos Padrões. Hoje, saber implementar um site usando os Padrões é um diferencial que o desenvolvedor deve usar para valorizar seu trabalho e é um ponto que a empresa deve usar para valorizar seus produtos.

por Diego Eis

Mudanças no IE7

O Internet Explorer 7 está vindo quase que como uma promessa a muito tempo esperada. Até hoje tentei evitar de falar sobre o IE7 porque ele era apenas uma versão beta e eu gostaria de esperar para conferir o que iria realmente acontecer com este browser. Por ser um browser muito antigo, o IE tem uma série de bugs que até hoje fazem os desenvolvedores perderem alguns fios de cabelos no desenvolvimento de algum projeto.

por Diego Eis

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

Existe quatro propriedades interessantes no CSS que nos permitem definir uma largura e uma altura mínima e máxima para os elementos. Essas propriedades são: min-width, max-width, min-height e max-height. Vamos supor que você faça um site fluído, mas que se o usuário estiver usando uma resolução muito grande, o layout não vá até o final da janela, para não deixar o layout tão feio. Tipo, se o layout ficasse bom até a resolução de 1152, mas não ficasse tão bom numa resolução de 1280.

por Diego Eis

Podcast Tableless #23 – .mobi

Pois é… parece que lá fora, a moda (ou quase) é registrar domínios .mobi para sites destinados a dispositivos móveis. Isso está gerando uma polêmica muito produtiva: Uns acham que isso não é certo, porque defendem uma única versão do site para vários dispositivos. Outros, acham que é uma saída fazer uma versão específica para esses dispositivos. Este assunto na verdade não é tão novo quanto parece, mas agora que foi tudo aprovado, discussões serão travadas e ainda não há como saber qual caminho o mercado irá tomar.

por Diego Eis

Quem deve se preocupar com os Padrões Web?

Vi o artigo do Henrique sobre quem deveria se preocupar com os Padrões Web e gostaria de acrescentar alguma coisa, já que este assunto é um tanto importante e que me interessa muito. Já falei algo por aqui em posts anteriores e conversei sobre isso recentemente no Podcast #22 que fiz com meus alunos de Agosto da Visie. Este papinho não é novo, pelo contrário, é muito batido, surrado e maltratado a muito tempo, portanto relaxe se você ler algo muito óbvio.

por Diego Eis

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

É incrível o quanto ainda existem desenvolvedores com uma idéia limitada sobre o CSS. A última que ouvi foi um desenvolvedor falando com um tom um pouco estranho a seguinte frase: – Tsc tsc… CSS só serve para formatar texto. Não preciso falar o que pensei em dizer, nem sobre minha súbita felicidade de saber que ainda existem desenvolvedores deste tipo. Além do mais, é por causa deles que cada vez mais bons clientes precisam de bons profissionais.

por Diego Eis

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

Sempre digo uma frase nos meus cursos, que qualquer dia desses vai virar lenda. Enquanto estou explicando alguma técnica, seletor ou alguma outra propriedade extremamente útil para os alunos, no final da explicação, vem a frase: Só que isso não funciona no IE. Os alunos sempre estão com aquelas caras de maravilhados e vendo um milhão de problemas resolvidos quando mostro alguma propriedade ou técnica de CSS miraculosa. Mas sempre essas caras são substituídas por expressões de, como eu poderia dizer, desgosto, ao mencionar a frase acima.

por Diego Eis

Adotando uma nova perspectiva com os Padrões Web

Alguns pontos importantes do desenvolvimento para web ganharam mais atenção com o aparecimento da “moda” Web Standards. Acessibilidade não era um assunto tão visado como é hoje. Compatibilidade e layout em vários navegadores web não era um assunto importante, a não ser que determinado cliente pedisse. Se o site estava funcionando perfeitamente no IE, para que modificá-lo? Esses e vários outros assuntos, ganharam uma ótima oportunidade para ganharem destaque e se tornarem indispensáveis na vida do desenvolvedor.

por Diego Eis

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

Esta semana resolvi fazer um podcast um tanto diferente. Hoje (31⁄08) terminou mais um curso de Tableless na Visie. Em um dos dias do curso, nós conversamos um pouco sobre a dificuldade de adotar uma metodologia nova tanto para eles, que estão ingressando agora no mundos o Padrões Web, quanto na tentativa de evangelização dos colegas de trabalho, que na maioria das vezes, demonstram um certo preconceito sobre toda esta mudança.

por Diego Eis

Lavando a roupa suja

O Bruno e o Henrique escreveram sobre um assunto que venho acompanhando em silêncio. Dizem que o W3C está pisando na bola em alguns pontos de seu propósito. Se você quer se intererar do assunto, leia: Qual o problema do W3C Discussão sobre os rumos do W3C E para saber direto da fonte: [O Bruno e o Henrique escreveram sobre um assunto que venho acompanhando em silêncio. Dizem que o W3C está pisando na bola em alguns pontos de seu propósito.

por Diego Eis

Editores

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

por Diego Eis

Estatísticas do Tableless Julho-06

Mais alguns números para vossa referência: Browsers IE 6 e IE 7: 48,93% Firefox: 46,99% Opera: 2,66% Safari: 0,43% Konqueror: 0,8% Plataformas Windows: 94,28% Linux: 4,50% Macintosh: 0,92% Resolução 1024×768: 55,82% 1280×1024: 16.34% 800×600: 13.67% 1156×864: 7.71% 1280×960: 2.37% Plataformas + Browsers Internet Explorer 6.0 – Windows XP: 39,69% Firefox 1.5.0.6 – Windows XP: 28,62% Firefox 1.5.0.5 – Windows XP: 4,62% Internet Explorer 6.

por Diego Eis

Podcast Tableless #21 – Desenvolvimento em camadas

O Tableless está tentando voltar com os podcasts. Para me ajudar nesta empreitada – que promete ser firme e semanal! 😮 – chamei o Bruno Torres. Estamos tentando remodelar o podcast para que possamos fazer toda semana. Não iremos passar tempo dissecando vários assuntos longos, mas vamos sempre bater papo sobre um assunto específico, que seja de interesse geral. Isso fará com que o tempo do podcast fique menor e mais relevante.

por Diego Eis

Browsers e seus diferenciais

Qual seria o diferencial dos browsers neste futuro próximo, quando todos terem ótimo suporte aos padrões? Brevemente isso não contará como diferencial. Bem como não contará como diferencial para um site, se ele segue ou não os Padrões. Serviços. O diferencial serão quais serviços eles oferecerão. Quais facilidades darão ao usuário. Hoje em dia existem usuários fiéis tanto de Firefox quanto de Opera – e até Internet Explorer. Eu uso Firefox, mas apenas porque ele me oferece serviços que me agradam e facilitam minha vida.

por Diego Eis

Video Tutorial #11 – Amostra do Opera Mini

Bem, este não é um video tutorial como os outros. Eu só tentei capturar com uma webcam furreba algumas imagens do Opera Mini. Para quem não sabe, o Opera Mini é a versão do Opera para celulares com Java. O Opera tem uma série de versões de seu browser. Começa em desktops, passa pelo Nintendo DS, chegando até ser base para Media Lounge. Sem dúvida, um dos melhores browsers atualmente.

por Diego Eis

Padrões Web em grandes empresas

Porque é tão dificil adotar Padrões Web em grandes empresas? E quando adotam, porque é sempre pela metade? Parece um enigma indecifrável, até você conhecer o processo de trabalho de uma grande empresa. Já recebi muitos emails acusando essas empresas de atrasarem a adoção dos Padrões. Dizendo que elas não estão interessadas em mudar de hábito, mudar de método e tudo mais… Eu acho totalmente o contrário. Você acha que alguma empresa com o mínimo de bom senso, ignoraria alguma oportunidade de economizar dinheiro, de aumentar a produtividade e melhorar a qualidade de seus produtos?

por Diego Eis

Novo Yahoo! Brasil

O Yahoo! Brasil está de cara nova, visite e comprove.

por Diego Eis

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

Duas semanas passadas, fui convidado para fazer uma palestra no Palácio dos Bandeirantes, aqui em São Paulo, para um grupo de desenvolvedores web que trabalham para o governo. Ótima iniciativa e ótimo evento, que vem melhorando e aumentando a bagagem dos profissionais web que trabalham em sites do governo. Pena que nem todos tem este gosto por inovação. O título da minha apresentação foi: Padrões Web: de onde viemos, para onde vamos?

por Diego Eis

Firefox 1.5.0.5 e Flofox Theme

O Firefox se “auto-updeitou” de ontem para hoje para a versão 1.5.0.5. Ele atualizou apenas alguns bugs de segurança, e melhorou performance e estabilidade do browser. Claro, a performance e estabilidade não vão ser percebida em um piscar de olhos. É aquele tipo de atualização invisível. Outro assunto rápido é sobre o Flofox. Se alguém não estiver feliz com o Flock, mas gostou da sua interfacezinha (muito bonitinha por sinal) pode instalar no Firefox um theme que o deixa igualzinho o Flock!

por Diego Eis

Internet Explorer 7 e Automatic Update

Vi na INFO que o Internet Explorer será atualizado para a versão 7 via o Automatic Update. Isso só vai funcionar para os usuários de Windows Original, ou seja, boa parte dos brasileiros não terão acesso a isso! 🙁 Logo, uma parte, pelo menos do pessoal daqui, vai ficar com IE6 e outra com IE7. Se o IE7 ficar tão bom quanto estão falando, não vai ser preocupação. Caso contrário vamos ter dois problemas para aturar em vez de um.

por Diego Eis

Web Standards vs Tableless

Eu já falei muito sobre este assunto aqui, mas vejo que alguns desenvolvedores ainda tem dúvidas… Mesmo assim, pode servir de aviso para os marinheiros de primeira viagem. O Henrique escreveu no blog dele também sobre isso: Tableless vs Web Standards. Aliás, nós combinamos para escrevermos quase que ao mesmo tempo… 🙂 Talvez, se você nunca tenha me ouvido falar sobre o assunto, possa parecer um tanto assustador, mas ouça bem: Se um site é Tableless, não quer dizer que ele siga os Padrões.

por Diego Eis

CSS3 – Propriedade background

A propriedade background terá suporte a múltiplas imagens. Ou seja, você poderá colocar várias imagens de background em um elemento. Conseqüentemente a separação por vírgulas das propriedades aumentará um bocado. Você terá códigos do tipo: div {background-image: url(tl.png), url(tr.png), url(tr2.png);} Se você for definir tudo numa mesma linha e com o resto das propriedades, ficaria mais ou menos assim: div { background: url(t1.png) no-repeat left top, url(tr.png) no-repeat center center, url(tr2.

por Diego Eis

CSS3 – Novo mundo de possibilidades

O CSS está para o desenvolvedor como o martelo está para o marceneiro. Companheiro inseparável na hora de implementar algum site. Atualmente o CSS está em sua segunda versão. Ele surgiu no ano de 94 (mais detalhes aqui) e a partir daí vem facilitando cada vez mais a vida dos desenvolvedores. Em tempos passados, o CSS foi ignorado por quase todos. Hoje, com toda esta revolução em volta dos Padrões, é difícil dizer como vivíamos sem ele.

por Diego Eis

Sobre nomes e sobrenomes

Nomenclatura no desenvolvimento web é um assunto que muitas vezes é ignorado pela maioria dos profissionais. E é o que muitas vezes causa problemas no decorrer do projeto. Escolher nomes adeqüados, tanto para arquivos quanto para nomes de variáveis, identificação de elementos, seções e etc, é tão importante quanto qualquer outra parte do projeto. Este pequeno detalhe pode ser o começo de uma grande confusão sem volta. Imagine um site simples com elementos básicos como um cabeçalho, uma coluna na esquerda, uma coluna no meio para o conteúdo e outra coluna no lado direito, e por último o rodapé.

por Diego Eis

O que são Microformatos com Tantek Çelik

Apresentação show de bola criada pelo Tantek Çelik. What Are Microformats?

por Diego Eis

Entrevista com Hakon Wium Lie sobre CSS

Interessante entrevista com o Hakon Wium Lie, criador do CSS. Ele fala um pouquinho sobre o futuro desta linguagem de formatação que vem mudando nosso método de trabalhar com criação para Web. Hakon Resonds to questions about css and…

por Diego Eis

CSS Modular – Breve explicação

Há um artigo com mais detalhes aqui. Se você faz sites grandes usando CSS, já deve ter notado que chega uma etapa do trabalho que se não prestar a atenção devida, podemos nos perder em mundo de propriedades, classes e ids. O CSS ajuda muito no desenvolvimento, isso é fato e ninguém duvida. Acontece que se você não tiver o mínimo de organização, pode ficar tão bagunçado quanto desenvolver sites usando tabelas.

por Diego Eis

Flock, ainda evoluindo.

Uma das coisas que me impediam de usar o Flock, era que eu não poderia usar algumas extensões do Firefox. Haviam extensões como a Web Developer, que me quebravam um galho, que não funcionavam no Flock. Nesta nova versão, tomei mais coragem e baixei para tentar usá-lo como um browser padrão. As integrações que ele tem com serviços como WordPress e Flickr são ótimas, coisas que me chamavam bastante atenção, já que sou usuário dos dois serviços.

por Diego Eis

Quer testar o Google Analytics?

Os 5 primeiros felizardos que comentarem este post, irão ganhar um convite do Google Analytics. Direi mais sobre Google Analytics em posts futuros. Posso adiantar que ele é ótimo… excelente.

por Diego Eis

Estatísticas do Tableless Junho-06

Faz algum tempo que estou usando o Google Analytics para monitorar as estatísticas do Tableless. Para quem não sabe, o Google Analytics é uma aplicação que o Google fez para monitorar visitas do seu site. Abaixo, seguem algumas estatísticas interessantes sobre o Tableless. Browsers Internet Explorer: 48,08% Firefox: 46,96% Opera: 2,92% Mozilla: 1,10% Safari: 0,68% Plataformas Windows: 93,73% Linux: 4,98% Macintosh: 1,16% FeeBSD: 0,06% Plataformas e Browsers Internet Explorer 6.

por Diego Eis

Assine o Feed do Tableless

Você ainda não assina o feed do Tableless? Ele é o melhor jeito de ficar sabendo das novidades que postamos aqui. Várias pessoas visitam o site todos os dias atrás de novidades, o que pode ser um tanto cansativo já que o site não tem novidades todos os dias. O Tableless trabalha com 2 feeds principais: O primeiro é o Feed do site, com todas as novidades, artigos, tutoriais, videos, podcast e tudo mais que é postado no site.

por Diego Eis

Foxmarks

Você tem um computador em casa, um no trabalho, um na casa da namorada, outro na casa da avó e quer manter seu favoritos sincronizado entre eles? Seus problemas acabaram!

por Diego Eis

Portable Firefox

Muitas vezes preciso trabalhar longe do meu querido computador, e sempre é um parto para conseguir ter uma certa produtividade. É dificil porque se está longe da sua máquina, que você configurou do seu jeito, da maneira que você gosta. E quem trabalha com Web pode ser uma das piores experiências, pois na maioria das vezes você está em algum lugar que não há nem Opera nem Firefox para salvar a pátria.

por Diego Eis

Google Page Rank Status

O Google Page Rank Status mostra na barra de status do Firefox, a pontuação que o site que você está visitando recebe no ranking do Google. Simples assim.

O Tableless é apenas 6. Já sites bem conhecidos, como da Apple ou Adobe por exemplo, chegam a ter 10 na pontuação facilmente.

por Diego Eis

HTML Validator

A extensão HTML Validator é muito simples: Ela te mostra se o site está validado corretamente ou não. Quando instalada, ela mostra um iconezinho no lado inferior direito, mostrando se há erros, warnings ou se está totalmente validado. Além disso, ela muda a janela de Source do Firefox… Melhorando a forma de análise do código! Você pode ver mais dicas de extesões aqui.

por Diego Eis

Podcast sobre Microformatos

O O publicou o podcast de número 8 e o assunto abordado é semântica, mais especificamente Microformatos. Realmente Semântica é um assunto inesgotável por isso não nos alongamos muito. Demos mais destaque ao Microformatos porque é um assunto muito novo e que por isso a maioria do pessoal não está familiarizada. Se alguém só ouviu falar ou nunca ouviu falar de Microformatos, este podcast vai te ajudar a não ficar por fora.

por Diego Eis

Video Tutorial #10 – Implementação de layout

Update: Assista mais video aulas de Tableless no Campus Online. Tinha que implementar um layout, resolvi já fazer um video rápido. Sempre é bom mostrar do que só ficar falando e falando e falando… Tamanho: ~40Mb Formato: SWF Tempo: ~40m46s Acessar Video Você também pode ficar sabendo dos lançamentos de video tutoriais e outras novidades pelo nosso Feed… Cadastre-o em seu leitor de feeds favoritos.

por Diego Eis

Chatsum

Tá bom… eu queria ter sido um dos primeiros a falar desta extensão, mas parece que o Meiobit.com e o GuiLeite chegaram primeiro. Este poste estava agendado para amanhã de manhã… Mas, lá vai; Chatsum é uma extensão interessante: Ela permite que pessoas que estejam visitando um site ao mesmo tempo, participem de um chat.

Quando usada, ela abre um pequeno painel onde eles podem trocar mensagens. Legal… seria mais ou menos como um sisteminha de comentário “ao vivo”. Gostei da ferramenta, vou começar a usar!

por Diego Eis

CSS Viewer

A CSSViwer permite que você veja todas as informações de um objeto. Ela te mostra as informações de fonte e texto, cores e background, informações de box, ou seja, tudo que possa interessar. Bem interessante e útil para quando você visitar um site por exemplo, que quiser descobrir a família de fonte e o seu tamanho, ou a cor de fundo e largura e altura do objeto.

por Diego Eis

Dreamhost com 60% de desconto!

Promoção relâmpago! Se alguém estava sem grana para ter um provedor de hospedagem decente, essa é a hora! Usando o cupom TABLELESS6007, você ganha 60% de desconto para planos mensais Level 1 e Level 2 e anuais Level 1. É sua hora de aproveitar! Mensal Level 1: De $59.90 por $23.96 Anual Level 1: De $119.40 por $47.76 Mensal Level 2: De $69.90 por $27.96 Mensal Level 3: De $89.

por Diego Eis

Opera Mobile passa no Acid2

Ótima notícia. Opera Mobile becomes the first browser to pass the Acide2 test Show. Hoje os browsers que passam neste teste são Safari, Konqueror, Opera 9 para PC e agora Opera para Mobiles. Para quem não sabe, o Acid2 é um teste para ajudar os fabricantes de browsers a fazer um navegador mais complacente com os padrões web. Se um browser não passa neste teste, não quer dizer que ele não aceita totalmente os padrões, o Firefox por exemplo não passa 100% no teste, mas tem um ótimo suporte.

por Diego Eis

Wii usando Opera!

Wii usará Opera para navegar na internet. Notícia muito interessante. Para quem não sabe, Wii é o novo console que a Nintendo irá lançar. Console bem curioso, já que a maneira de jogar irá ser bem diferente do que estamos acostumados. A Nintendo fez uma parceria com o Opera, para que o Wii use seu browser para navegação na internet. Eles precisavam de um browser seguro, rápido e que tivesse suporte a qualidades como AJAX e Web Standards.

por Diego Eis

R$100.000 jogados fora?

Embratur investe até 100.000 por mês em propaganda no Google Para pensar: Há outra alternativa? 🙂

por Diego Eis

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

Uma das perguntas mais badaladas que costumo ouvir de clientes e até mesmo pessoas que acabaram de conhecer os Padrões é: Como tal site fica sempre em primeiro no Google? E a segunda pergunta que sempre ouço, vem depois da resposta da primeira pergunta: Só? Um dos fatores (não o único) para que o Google (ou qualquer outra aplicação “um pouco inteligente”) defina se algum site aparecerá no topo de suas buscas, é a maneira com que seu conteúdo é tratado.

por Diego Eis

Browser – Preocupando-se com o básico

Já vi muita gente preocupada em fazer o site funcionar em uma centena de browsers. Não seria perda de tempo se a maioria dos browsers não fossem dispensáveis. Conto esta história toda vez que vou falar deste assunto para algum aluno: Quando comecei a seguir os padrões na criação de sites, uma das grandes dificuldades iniciais era a falta de compatibilidade entre os browsers. Era uma época que o Opera e o Firefox (que antes tinha outro nome: Firebird e Phoenix, algo assim) estavam começando a surgir.

por Diego Eis

Microsoft Expression Web Designer

A Microsoft está apresentando ao público o seu mais novo pacote com softwares de desenvolvimento de sites: Microsoft Expression Web Designer. Eu li algo sobre ele algum tempo atrás, mas pelo que me lembre, não havia nenhuma versão de teste para baixar. De acordo com o WaSP, eles estão distribuindo uma versão trial que dura até 2007. Tentei baixar agora a noite, mas parece que eles estão com problemas técnicos. De qualquer modo, parece um software interessante, embora não seja tão diferente do famigerado Dreamweaver.

por Diego Eis

Diferenças sutis na semântica

Existem alguns elementos no HTML que parecem ser redundantes, como por exemplo a tag STRONG e a tag EM. Se você já tentou usá-las, percebeu que visualmente elas não mostram nenhuma diferença das tags B e I. Apenas visualmente. Estas tags tem uma função semântica que é percebida apenas pelos deficientes visuais (pelo menos deveriam). Visualmente o STRONG e o B não tem nada de diferente, eles apenas marcam uma parte do texto como negrito.

por Diego Eis

Referência de CSS 2

Referência interessante de CSS 2. Vale a pena dar uma olhada.

por Diego Eis

Livro sobre Padrões Web

Há muito tempo venho tentando escrever um livro sobre Tableless e Padrões Web. Pena que só fiquei neste nível. Muito pouco tempo para levar adiante o projeto. Fazer um livro demanda tempo e dedicação quase integral. Todo dia que pensava no assunto, um sentimento de trabalho incompleto me perseguia e mostrava que uma hora ou outra eu teria que executar este plano. Hoje, jogando conversa fora com o Henrique decidimos fazer isso juntos.

por Diego Eis

É a maldita da cultura.

O título deste post é uma resposta ao título e artigo que o O título deste post é uma resposta ao título e artigo que o no Revolução e Etc fez chamado O que está faltando nos blogs brasileiros? que faz parte de todo um assunto que vem se desdobrando desde a semana passada. Nós do BlogBits também discutimos sobre este assunto no último podcast que durou um pouco mais de 50 minutos.

por Diego Eis

CSS alternativo

Para oferecer um CSS alternativo para sua página é muito fácil, e você nem precisa de fazer um style switcher para funcionar. Para importar um CSS na página, geralmente usamos a tag link assim: <link rel="stylesheet" type="text/css" href="css1.css" /> Até aqui nada de sensacional. Agora vem o segredo (nem tão segredo assim): para servir outro CSS, você vai simplesmente duplicar esta linha com uma pequena diferença: no atributo “rel” você mudará o valor para “alternate stylesheet”, isto indicará que aquele CSS importado será alternativo, secundário.

por Diego Eis

Momento saudoso

Alguém lembra? Tableless em Abril de 2003 Outubro de 2003 Começo de 2004 Estas versões estão arquivadas no Web Archive e não estão bem conservadas. Poxa vida… Devia ter salvado alguma coisa da época… Alguém aqui ainda lembra?! 8->

por Diego Eis

Uma das vantagens dos Padrões

ESPN economiza mais de 700 Terabytes por ano. O ESPN consumia 2 Terabytes por dia, que dava um total de 730 Terabytes por ano! Eles conseguiram economizar cada um desses bytes redesenhando o site usando Padrões Web. Adotar os padrões trazem muitas vantagens para o site. Dependendo do tipo do site, uma vantagem fica mais aparente que as outras, normal. O site do ESPN é um portal de informação que recebe muitas visitas por dia, logo a principal vantagem que eles obteram quando adotaram os padrões foi a diminuição de código desnecessário, fazendo com que os arquivos ficassem menores e por sua vez possibilitando uma enorme economia de banda já que os usuários baixavam arquivos muito menores.

por Diego Eis

Subjetividade na Semântica

O Bruno escreveu um artigo sobre estruturação de formulários com listas não ordenadas. Este artigo me lembrou um assunto interessante que podem levar alguns à dúvida. Se você ler o artigo, perceberá que o Bruno sugeri uma solução para a estruturação de formulários manipulando listas não ordenadas (UL). Já o Fábio Caparica, fez um comentário dizendo que prefere usar uma estrutura baseada em DL, DT e DD. Eu, posso seguir a mesma linha de raciocínio, só que eu acho “mais semântico” fazer com listas ordenadas, já que o formulário segue uma linha lógica e dependendo das vezes uma linha de prioridade.

por Diego Eis

Eyesmiles: A missão

Voltei pela segunda vez com o Eyesmiles. Estou me esforçando, agora vai! Eu acho. 🙂 Eyesmiles – é meu outro blog… Como não é sobre nenhum assunto específico, falo tudo que não falo aqui no Tableless.

por Diego Eis

Web 2.0 Awards

Web 2.0 Awards Fizeram uma seleção dos melhores sites Web 2.0 (sem discussão ao nome, ok?! :-P). O legal é que você acaba conhecendo mais serviços interessantes que existiam por aí, alternativos aos serviços que o pessoal costuma conhecer. E lembrando… O conceito (pelo menos para mim) de um site ser ou não da Web 2.0 é muito mais profundo. Não é só por que o camarada coloca um ajax aqui, outro ali, que o site será automaticamente promovido a Web 2.

por Diego Eis

A Semântica é que manda

Um leitor do Tableless enviou um artigo muito interessante: Divless. Muitos desenvolvedores que começam a abordar os padrões tem muita dificuldade porque não prestam atenção em uma coisinha simples: semântica. Já cansei de falar em curso, em artigos, podcasts e tudo mais… Semântica é a alma do negócio. Semântica é a chave do desenvolvimento com padrões web. Se você entende semântica, você tem meio caminho andado. Todo mundo já sabe que cada tag, tem uma função semântica.

por Diego Eis

Entrevista para WebDesign – Internet Móvel

Eu e o Rigonatti demos uma entrevista para a revista WebDesign deste mês que fala sobre Internet em dispositivos móveis. Falamos sobre Wi-Max, custos, motivações de adoção da internet móvel, principais desafios do desenvolvimento móvel, cuidados no desenvolvimento e etc… Vale a pena dar uma lida e dizer aqui sua opinão.

por Diego Eis

del.icio.us/tableless

Estou envolvido em muitos projetos ultimamente. Estou escrevendo muito para os cursos da Visie, conseqüentemente estou lendo mais que o normal sobre todo tipo de assunto, desde Internet Móvel até a dupla surrada XHTML e CSS. Sempre que leio algo interessante, gosto de compartilhar e por isso estou usando o conhecido del.icio.us. Quem estiver afim de estudar ou simplesmente está cansado de não fazer nada e quiser ler algo sobre desenvolvimento com padrões web, tem duas opções: A primeira é cadastrar o feed do Tableless para receber nossos posts recentes e também os links que coloco no del.

por Diego Eis

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

Queria pedir desculpas a vocês. Eu aprendi muito ensinando e compartilhando o pouco que eu tinha, mas acho que está na hora de parar. Muitas pessoas me enviaram emails criticando tudo que faço aqui no tableless me desanimando muito. A tempos recebo emails assim, mas sempre tentei ser forte e seguir em frente. Dessa vez, não consegui evitar. Estou fechando o Tableless. Não sei se alguém vai querer ficar no controle.

por Diego Eis

BlogBits Podcast #5 – A internet mudando pessoas

Como a internet mudou seu modo de se relacionar? Como a internet mudou seu modo de resolver problemas? Ela te deu mais problemas? Como a internet mudou o seu comportamento diário? Discutimos esses assuntos no BlogBits Podcast #5.

por Diego Eis

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

Fiz um podcast rápido falando um pouco sobre algumas descrições (ou preocupações?) sobre o mundo móvel. O mundo móvel é muito mais assustador do que a gente pode imaginar. Você sabe qual aparelho o camarada do outro lado está usando? Você sabe a resolução desse aparelho? E o sistema operacional? E o navegador? Apenas algumas devagações sobre esse grande mundo de pequenos aparelhos. Tamanho: ~2,4 Mb Duração: ~15 min Formato: Mp3

por Diego Eis

Semana da Mobilidade

A Intel está fazendo a Primeira semana da Mobilidade aqui no Brasil. Hoje foi o primeiro dia e tive o privilégio de participar (Valeu Rigonatti!) e conferir uma palestra com Paul Otellini (CEO da Intel) sobre as perspectivas e planos futuros para o mundo móvel aqui no Brasil. Existem 4 pilares que eles querem cobrir: Estímulo à adoção de notebooks, disseminação dos dispositivos móveis portáteis (celulares e PDAs), ampliação de infra-estrutura de acesso à internet sem fio (WiFi e WiMax) e por fim produção de conteúdo digital como filmes, músicas, jogos etc.

por Diego Eis

Breve introdução: XHTML Mobile Profile

XHTML MP é um subset do já conhecido XHTML. Ele é baseado em um outro subset de XHTML chamada XHTML Basic. O XHTML Basic é uma versão simplificada do XHTML definido pelo W3C. Ele foi feito especificamente para dispositivos com baixo poder de processamento como celulares, PDAs, pagers etc… O XHTML Basic não contém algumas características que esses dispositivos dificilmente suportam, como por exemplo: Frames, Folhas de Estilo em Cascata e scripts.

por Diego Eis

BlogBits Podcast #4 – Anúncios na Web

No ar mais um podcast do BlogBits. Desta vez com a presença de Bruno Torres, Leo Faoro, Rigonatti e Gui Leite. Nem eu nem o Danilo Medeiros participamos. Eu gostaria muito de ter participado. Falamos sobre ferramentas como o Google Adsense, Mercado Livre, Submarino e outras. Discutimos ainda um pouco sobre anúncios em Podcasts e outros assuntos, em um programa com 39 minutos e 17MB. A melhor maneira de acompanhar o podcast é adicionar o feed em seu agregador favorito, mas você pode também baixar o programa em mp3 diretamente aqui.

por Diego Eis

Video Tutorial #9 – Implementando a home de um site

Update: Você pode assistir mais video aulas como essa no Campus Online. Vídeos grátis de Tableless e Javascript. Esse Video Tutorial mostra o processo de aplicação de CSS em cima da estrutura HTML criada no Video Tutorial #8. UPDATE: Se alguém quiser baixar o vídeo, só clicar nesse link. O arquivo está em formato Rar (rarlab.com). O vídeo tem uma hora de duração, portanto esteja preparado. Meus comentários não foram muito incisivos porque eu não fiz o audio durante gravação.

por Diego Eis

A Era da Informação não chegou

Há tempos ouço falar que estamos vivendo uma tal de Era da Informação. Uma era onde ter acesso à informação seria fácil e sem complicação. Uma era onde mais importante que “ter” a informação é “saber onde” encontrá-la. Mas acho que esse tempo não chegou, ou melhor, ainda vai chegar. Hoje, se você quer obter alguma informação, você precisa estar na frente de um computador com acesso a internet. Outra alternativa, é visitar uma biblioteca e passar horas se divertindo com os livros.

por Diego Eis

TagSoup e programas WYSIWYG

Um camarada postou no seu blog o quanto ficou desapontado ao ver a TagSoup que o iWeb da Apple fazia com seu código. E diga-se de passagem, que código terrível. Muita gente fala que sou contra os programas WYSIWYG. Mas não sou, o que acontece é que nenhum deles satisfaz as minhas expectativas. Eu quero um código enxuto, organizado, fácil de entender, mas simplesmente eles não fazem um código assim.

por Diego Eis

Acessibilidade não é Altruísmo

O Bruno Torres publicou um artigo muito interessante sobre acessibilidade. Eu falo muito sobre acessibilidade aqui, e sempre enfatizo que o assunto é muito, muito importante. Com a adoção dos padrões, muitos outros assuntos como Usabilidade e Acessibilidade ganharam um foco maior, mostrando melhor suas importâncias. Acessibilidade não é Altruísmo

por Diego Eis

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

Fiz um podcast rápido para não perder o costume. O som não está aquela maravilha e farei aquelas promessas de político: Nos próximos prometo melhorar. Falei sobre a TVA e a Samsung trazendo o WiMax aqui pro Brasil – São Paulo. Falei sobre uma revolução móvel que isso pode acarretar. Falei um pouquinh sobre a aquisição do Writely pelo Google. E o assunto principal foi Editores WYSIWYG. Falei pouco e não falei bonito!

por Diego Eis

Bonito de se ver #33

http://www.areyouseen.com/ http://www.christofwagner.com/ http://www.opensundaes.com/ http://www.portuguesefilmfestival.com/en/ http://www.elconventodetorrejon.com/

por Diego Eis

BlogBits Podcast #3 – Convergência Digital

Enfim conseguimos colocar no ar o terceiro BlogBits Podcast. O assunto central desta vez foi convergência digital. Falamos um pouco do hype em torno do novo lançamento da microsoft, o Ultra-Mobile PC, mais conhecido pelo seu codinome, Origami, uma mistura de tablet PC com PDA (Leia o post do Rigonatti sobre ele). Democracy Player, um player que funciona mais ou menos como uma “Internet TV”, baixando vídeos de alguns “canais” pré-configurados ou usando RSS, por exemplo, do tvRSS.

por Diego Eis

Bonito de se ver #32

http://www.stefanprugger.com/ http://www.nullriver.com/ http://www.joyent.com/ http://www.webfeeling.at/ http://www.gr0w.com/

por Diego Eis

Bonito de se ver #31

http://www.indianheadranch.com/ http://www.pestol.dk/index.php http://www.earph.com/ http://www.alsacreations.fr/ http://www.designdeconstruct.com/

por Diego Eis

Bonito de se ver #30

http://www.mickgander.com/ http://brazil.noahbradley.com/ http://www.practicalhifi.co.uk/ http://www.paulbeelen.com/blog/ http://mycomments.idslab.com.ar/en/

por Diego Eis

Bonito de se ver #29

http://www.yourssincerely.co.uk/ http://www.todopintxos.com/home/home.php http://www.revolutionnewmedia.com/ http://www.healthvibes.co.uk/ http://www.portretkobiety.pl/

por Diego Eis

Bonito de se ver #28

http://www.tndmedia.nl/ http://www.pestol.dk/ http://www.earph.com/ http://regularworld.com/ http://www.cramersolutions.com/

por Diego Eis

BlogBits Podcast #2

Lançamos o BlogBits Podcast #2. Se alguém ainda não sabe o que é BlogBits, fique sabendo.

por Diego Eis

Google Page Creator

Uau! Google Page Creator. Dreamweaver? GoLive? NVU? Pois é… mais um serviço para entrar na apresentação do Elcio citado no post anterior. Mas, claro que estou brincando. Ele não vai substuir os programas citados acima. Ele está mais para concorrer com o iWeb da Apple… Teste e depois comente aqui suas impressões. Testando: http://diegoeis.googlepages.com/home via Charles por Radinho

por Diego Eis

Bonito de se ver #27

http://www.ayerblogs.cl/ http://www.colourmod.com/ http://uxmag.com/ http://www.couloir.org/ http://www.onetruefit.com/

por Diego Eis

Celulares?! Onde?

O Mauro já comentou, então, seria besteira fazer os mesmos comentários sobre o mesmo assunto. Aconselho dar uma lida. O “mundo mobile” está vivo e se mexendo, agora ninguém segura.

por Diego Eis

Video do Opera para Mobile

O Rigonatti do Mobile Life fez um video dando uma explicada e mostrando como funciona o Opera para Mobiles, mas especificamente Windows Mobile 2003. Se alguém estiver curioso, basta visitar: Opera para Windows Mobile

por Diego Eis

BlogBits Podcast

Lembra daquele podcast que a gente publicava aqui no Tableless, que juntava um bando de nerd sem o que fazer para poder falar sobre a vida, o universo e tudo mais? Pois é… Virou o BlogBits Podcast. Eu, Danilo Medeiros, Thiago Rigonatti, Bruno Torres, Leonardo Faoro e Gui Leite nos juntamos para falar sobre tecnologia, web, tendências, acessibilidade e etc… Iremos tentar fazer um programa por semana, tentando abordar os assuntos mais recentes, e fazer aquele bate-papo descontraído que vocês já conhecem.

por Diego Eis

ZenGarage

Suponha que você tem aquele enorme projeto. Seu cliente exigente pediu para que você mostrasse para ele vários tipos de layouts templates para que você faça uma breve apresentação para ele decidir qual com qual estilo e template que ele gostou mais. E lá vai você, criando um monte de CSS diferentes e tudo mais. Na hora da apresentação, você tem que fazer tudo manualmente, trocando o nome do CSS ou tendo que criar um style switcher para ficar mais fácil.

por Diego Eis

Bonito de se ver #26

http://www.izilla.com.au/ http://www.internetzillionaire.com/ http://www.designdeconstruct.com/ http://www.denk-licht.de/ http://www.biggu.com/

por Diego Eis

Del.icio.us direto pro Feed

Acho que o pessoal que lê nosso blog Feed, notou que durante o dia estamos postando alguns links diretamente do nosso Del.icio.us. Os links enviados no decorrer do dia, são na maioria sobre assuntos que ando estudando e pesquisando. Tudo isso graças ao FeedBurner, que permite colocar funcionalidades incrivelmente úteis aos feeds. Melhorando a interação do usuário. Se alguém quiser dar uma lida em assuntos interessantes sobre Padrões Web, Desenvolvimento Web e etc, pode visitar diretamente o del.

por Diego Eis

Banana ou Diamante, qual você é?

Sobre especialização e mercado de trabalho. No podcast#17, fiz um pequeno comentário sobre o mercado de trabalho. E o Elcio, acabou de postar lá no recém lançado blog da visie, um texto fantástico sobre o mesmo assunto. Um bom texto para as pessoas que estão acabando de chegar na área, e uma ótima dica para pessoas que já estão penando algum tempo. Ps.: para quem usa programas falidos para fazer websites como Fireworks, é bom dar uma lidinha.

por Diego Eis

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

Nesse podcast falamos um pouco sobre o lançamento Opera 9 Preview… vocês perceberam que ele veio uma semana depois de sair o Beta 2 do IE7? 🙂 Falamos sobre o Wasabi! Tá sabendo? Falamos sobre o Songbird: Um player de Mp3 Open Source baseado no motor do Firefox. Parece ser interessante, embora eu não tenha gostado muito do programa. Achei meio dificil. Tamanho: ~27,2Mb Tempo: ~29m43 Aconselhamos você a inscrever nosso Feed no seu agregador preferido, para facilitar seu acesso às novidades, ou simplesmente baixe o mp3 direto.

por Diego Eis

Bonito de se ver #32

http://research.history.org/pf/ http://pres.umptuo.us/ http://www.pizzaroyers.com/ http://www.desink.com/index.html http://www.didats.net/

por Diego Eis

Tradução dos artigos do A List Apart

Ótima iniciativa Luciano Rodrigues. Ele fez um blog com traduções para o nosso português de artigos do site Alistapart. Então, se alguém se interessar, dá um pulo no blog e aproveite. Ou se preferir, cadastre o feed em seu agregador. Se alguém quiser ajudar o Luciano, será uma ótima idéia também. Se voluntarie e ofereça ajuda. Acho que ele não iria negar! 😀 Eu estava com uma idéia parecida, mas iria por em prática apenas mais para frente.

por Diego Eis

Wasabi – Seu amigo mais chegado

É muito simples de entender o que é o Wasabi: Você deve ter muitos amigos que usam Flickr, del.icio.us ou mantém blogs. Eu particularmente tenho um bocado, alguns usam todos esses serviços, atualizando, criando, e assim produzindo novidades diariamente. O Wasabi veio ajudar a nossa vida. Ele mantém você em uma rede social (não, nada a ver com orkut), onde você pode acompanhar de perto todas as novidades dos seus amigos.

por Diego Eis

Podcast #17 – IE7 Beta 2 e Mercado de trabalho

Podcast um pouco mais animado. Muita gente deu uma reclamada básica, resolvi mudar algumas coisas no podcast. Vamos mudando aos poucos, afinando aqui e ali até que chegue no ponto. Não só o podcast em si, mas também a minha forma de narrar… Vou tentar relaxar mais daqui para frente para deixar de ser muito formal. Juro que vou tentar… :-@ Nesse podcast foram apenas dois assuntos ( vou tentar aumentar o numero de assuntos e novidades com o tempo), o primeiro fo IE7 e o segundo sobre o mercado de trabalho.

por Diego Eis

O que são Media Types do CSS?

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

por Diego Eis

Ainda muito cedo para dizer…

Particularmente acho muito cedo falar alguma coisa do IE7, ainda é beta, muitas coisas ainda serão feitas, muita coisa já foi feita, mas ainda acho prematuro falar que ele vai mudar o mundo e etc… Mas, minha opinião até agora, sujeita a mudanças drásticas (claro!), é que o pessoal está começando a acertar. Apesar de os posts no blog do IE serem mais empolgantes do que o programa propriamente dito, estou torcendo para que o pessoal não erre a receita e entregue um browser mais robusto e confiavel para os desenvolvedores e usuários “normais”.

por Diego Eis

Extension: Mouse Gestures

Quem usa Opera já tem essa função a muito tempo. Os Mouse Gestures são extremamente úteis para facilitar a navegação pelos sites e fechar abas sem ter que acertar o X ou ter que pressionar as teclas de atalho.

por Diego Eis

Principais pontos da Acessibilidade na Web

Quando ouvimos falar de sites acessíveis, logo imaginamos sites que podem ser acessados por pessoas com necessidades especiais. Isso é um grande erro que não podemos cometer. Ao termos essa atitude, negligenciamos uma série de outros fatores que são extremamente importante para a boa acessibilidade do site. Abaixo, vamos tentar resumir os principais pontos que a Acessibilidade na Web alcança. Diversos Dispositivos Hoje o meio mais comum de navegar pela Web é usando um Desktop, ou seja, um Computador pessoal.

por Diego Eis

Quer testar o IE 7 beta?

Lembram daquela versão que vazou? Esqueçam ok? Quem estiver interessado, testem a primeira versão beta do Internet Explorer 7. Pelo que vi no Tour no site da Microsoft, parece que mudaram um bocado de coisas… Vou testar, depois posto minhas observações. Tour pelo IE 7 Beta Internet Explorer 7: Beta Preview Microsoft releases IE 7 beta to public via Radinho Update: Caramba! Fui instalar o browserzinho, aí ele me taca uma mensagem dessa:

por Diego Eis

Translation Panel

Sempre é bom ter um bom tradutor por perto. Usando a Translation Panel, isso fica um atalho de distância. Ela usa vários sites para traduzir textos que você preferir.

por Diego Eis

Session Saver

Você estava com uma centena de tabs abertas, todos muito importantes, que se o Firefox ou o Windows travasse nessa hora, você seria capaz de vender seu rim para que pudesse te-las de volta… Pois é… esse medo pode ser deixado de lado.

por Diego Eis

ColorZilla

A ColorZilla é uma extension interessantíssima e que vai te economizar alguns segundos valiosos na hora da correria.

Ela é um Color Picker integrado ao Firefox. Você certamente já passou pela experiência de precisar de uma cor que está no layout. Se você não tem um color picker instalado no seu computador, com certeza você abre o Photoshop para fazer esse trabalho simples.

por Diego Eis

Opera promovendo o Opera Mini

Parece que o Opera está començando a promover mais o Opera Mini – versão do browser para celulares – do que o Opera para Desktop. Dá uma olhada na home do site: http://www.opera.com/. Grande idéia, já que a Mozilla e os outros fabricantes dão mais foco em Desktops. Os browsers para mobiles, de maneira geral, são muito imaturos, e o Opera está mudando isso… enquanto os outros concorrentes não fazem nada, eles começam a tomar o mercado.

por Diego Eis

Video Tutorial #6 – Transformando layout fixo em fluido

Muita gente vem me perguntando como se transforma um layout fixo em um layout fluido. Dependendo de como você criou sua estrutura HTML, isso pode se tornar uma dor de cabeça. Mas, você pode criar uma estrutura HTML que seja simples e ao mesmo tempo lhe de a flexibilidade de se transformar um layout fixo em fluido mudando apenas 1 linha de CSS. Nesse video tutorial, você vai conferir como isso é feito.

por Diego Eis

Video Tutorial #7 – Centralizando o Layout horizontalmente

Depois do Video Tutorial #6, muita gente disse que aprendeu como centralizar um layout, então, resolvi fazer esse video tutorial rapidamente – bem rápido mesmo – explicando como fazer para centralizar, dando uma passada muito rápido em Modes (quirks e strict) do Internet Explorer. Tempo: ~7m05 Tamanho: ~3,50Mb Formato: SWF Assista o vídeo agora ou baixe para assistir depois. Aqui vão alguns links para você poder se reforçar no assunto:

por Diego Eis

MeasureIt

Já se deparou com algo parecido: Ei, ali está dando uma diferença de 1px… Fica um degrauzinho, tá vendo?! Era para ter 300 e tem 299Px!

Aí, taca o Designer fazer um screenshot da tela, levar pro Photoshop e medir. Pois é… O problema foi resolvido.

Com a extensão MeasureIt você medir qualquer objeto direto na tela do browser.

por Diego Eis

Não alimente os Trolls

O mesmo apelo que o brLinux fez para os usuários deles, faço para vocês aqui… Não alimente os Trolls

por Diego Eis

Feed arrumado (ou quase)

Acho que conseguimos consertar o nosso feed. Tentei cadastrar no iTunes, funcionou… com o porém de que apareceu só o último podcast… vou tentar ver o que acontece. Mas, o que importa, é que está funcionando… Aproveitei e já coloquei ele no FeedBurner, assim fica mais fácil para gerenciar. Agora, é só alegria. Qualquer problema, só gritar… Update: Eu acho que o problema é o FEED gerado com o WordPress… O problema acontece quando eu redireciono o Feed para o FeedBurner.

por Diego Eis

Podcast #16

Você se lembra quando o flash começou a abrir suas asinhas? Se lembra de como todos ficaram impressionados e boquiabertos com as possibilidades vindouras? Todos faziam sites “fúteis”, com pouco conteúdo mas com muitas firulas e coisas que faziam qualquer visitante ficar apaixonado pelos efeitos especiais. Talvez o Ajax tenha o mesmo caminho… tempo: ~9m06 tamanho: 8,33mb Cadastre nosso feed no seu agregador preferido, ou baixe o arquivo mp3. Web 2.

por Diego Eis

Screen Grabdpres

Sabe quando você encontra um erro em algum site, erro de layout mesmo, e tem que tirar um screenshot da tela para mostrar pro camarada?!

Quem usa Linux é muito fácil… Mas para os usuários de Windows complica um pouco. O cara tem que apertar o PrintScreen, depois abrir o Photoshop ou outro programa gráfico, colar, recortar, salvar, enviar.

Com a extensão ScreenGrab isso acaba. Você viu algum erro no layout, ou simplesmente quer tirar um screenshot do layout, basta clicar com o botão direito, clicar no ScreenGrab e pronto… Ele tira um screenshot.

por Diego Eis

FireFTP

Quem trabalha com Web, usa muito FTP. Quem nunca teve que subir um arquivo às pressas? Pois é. Aquela busca pelo programa de FTP perfeito acabou, pelo menos por enquanto. A Extensão FireFTP transforma seu Firefox em um programa FTP, por sinal, muito completo.

por Diego Eis

Web Browser para TV

Acho que esse esquema de TV digital talvez pegue um dia… Enquanto isso, a Oregan Networks, oferece seu browser para TVs. Ele suporta CSS 2 e XHTML, fora um monte de outras coisinhas interessantes. TV Web Browser

por Diego Eis

IE Tab

Quando eu comecei nesse treco de Padrões, estava aprendendo (ainda estou, claro) como muitos visitantes.

Eu abria mais ou menos 7 browsers para poder implementar os sites, e ter certeza de como cada um iria se comportar: Opera 3, Opera 3.5, Mozilla, Firefox, Internet Explorer 5, 5.5 e 6.

Depois que aprendi que os resultados nos browsers bons eram sempre 99,9% parecidos, resolvi abrir apenas o Firefox e Internet Explorer 5, 5.5 e 6. Depois ficou melhor ainda, com a queda e quase que abandono total do IE 5, abro apenas o 6 e fica tudo bem. Mas mesmo assim, são duas janelas.

Descobri ontem uma extensão para Firefox que acaba com isso. Ela se chama: IE Tab.

por Diego Eis

DreamTeam da Web Brasileira

O Elcio postou lá no blog dele. E como o assunto é sobre web, e é sempre bom a gente relaxar um pouco tirando sarro das doideras dos outros, resolvi postar aqui. O Walmar, visitante assíduo aqui do site, postou no blog dele o que seria a Agência Web Ideal, na opinião dele. Colocou alguns nomes conhecidos de toda web. Ele tava tão chapado na hora que escreveu, que colocou até meu nome lá.

por Diego Eis

Eyesmiles de volta!

Para quem não sabe, tenho um blog chamado Eyesmiles. Como o blog do Tableless é um blog mais específico, deixo os assuntos aleatórios para serem postados no Eyesmiles. Muita gente havia me perguntado sobre ele quando eu coloquei o Tableless novo no ar, portanto, estou avisando que o dito cujo já está de volta. Não está completo, ainda falta eu colocar um bocado de informações no menu por exemplo. O RSS também mudou, anote aí: http://tableless.

por Diego Eis

Uma breve história do CSS

Formatar informação dos sites não é algo novo. Por volta de 1970, no começo da trajetória do SGML, já se falava em algo parecido. Quando o HTML foi criado, a intenção não era de forma alguma, formatar informação. A medida que o HTML foi se popularizando e evoluindo, foram incluídas em suas qualidades, o domínio de controlar algumas aparências para o documento. Isso fez com que a linguagem ficasse muito complexa, mais dificil para entender e manter.

por Diego Eis

Bonito de se ver #27

http://www.refresh.cz/ http://www.lealea.net/ http://www.hellobalimagazine.com/pages/edition/october-2005.php?home http://www.backtimer.cz/ http://www.aroodonline.net/

por Diego Eis

Bonito de se ver #26

http://www.pierrenel.com/ http://www.eps.com.au/ http://www.travelingguys.com/ http://www.ana-ivanovic.com/ http://www.wizards.cz/

por Diego Eis

E mais links

Opera Is Faster, More Secure, More Compliant Than Firefox hCard Terra: Firefox 2 deve sair em junho Treo 700w Launched, Verizon Has It

por Diego Eis

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

Você tem celular? De acordo com a Teleco, em novembro de 2005, havia mais ou menos 82.351.644 de celulares. Ainda me lembro de quando eles eram artigos de luxo, mesmo sendo grandes e pesados. Hoje, por um preço razoável, você consegue celulares que tiram fotos e fazem outras coisas que nem James Bond ousava imaginar. E quer saber da melhor? Esse é só o começo. Aparelhos com essas e outras possibilidades aparecerão.

por Diego Eis

Bonito de se ver #25

http://www.stephenjoneslaw.com/ http://no-jargon.aspiramedia.com/ http://www.soundfell.com/ http://www.merix.com.pl/pl/ http://www.vlasy.cz/s_vla/

por Diego Eis

Descontos no DreamHost – para serviços anuais e mensais

Atenção: Se tiver problemas com o pagamento por ser necessário o Google Checkout, leia as instruções aqui: Pagando o Dreamhost com Google Checkout mesmo sendo brasileiro e outras informações aqui.[Atenção: Se tiver problemas com o pagamento por ser necessário o Google Checkout, leia as instruções aqui: Pagando o Dreamhost com Google Checkout mesmo sendo brasileiro e outras informações aqui.]1 Eu uso Dreamhost a muito tempo. Quase nunca tenho problemas (você já viu este site fora do ar?

por Diego Eis

Pendurando Links

Só para constar: AHAH (se você ler a palavra MICROFORMATOS e não entender, aproveita e visita: Microformats – por Henrique Costa Ten good practices for writing JavaScript in 2005 The Website Development Process – visto no Cleiton.net. Que por sua vez foi visto algum site como CSS Beauty, que eu não lembro qual! 🙁 Good and Bad Procastination Vi alguns dos links no URL Sinistras e outros por aí!

por Diego Eis

2006, “tamo aí na atividade”!

O tempo passa, o tempo voa. Mais um ano foi-se embora. Aconteceram coisas boas e ruins, mas, como diria o “mano”: “Tamo aí na atividade”! Junto com o ano novo, o Tableless (esse site, não a metodologia, por favor!) faz 3 anos. Algumas vezes andando meio devagar, quase parando, mas o importante é que ainda está andando. Vivo e se mexendo. Obrigado a vocês: comunidade que não sei como, rasteiramente se formou.

por Diego Eis

Bonito de se ver #24

http://www.stonewall.co.za/ http://www.vyrobnikladu.sk/ http://www.perfectday.cz/ http://www.grebban.com/ http://es.herbalessences.com/summersexyhair/

por Diego Eis

Podcast #15

Estava ouvindo um podcast (ótimo por sinal) por aí, que me fez pensar um pouco sobre os anos vindouros. Comecei a pensar então sobre a entrada triunfal dos celulares e outros aparelhos móveis. É melhor começarmos a ficar espertos com eles. Você pode baixar o Mp3 direto, ou se quiser receber automagicamente nossas atualizações, cadastre nosso Feed. Tamanho: ~14.32Mb Tempo: ~15 Min Você está gostando do podcast? O cara tá falando bem?

por Diego Eis

Feed Icons Standards

Feed Icons Standards Pois é. Depois que a Microsoft anunciou que usará o mesmo ícone de FEED que o Firefox usa, alegria geral para os desenvolvedores. Parece uma coisa totalmente inútil? Mas não é. Isso ajuda a melhorar a disseminação dos feeds. Se um usuário normal, vê um ícone de FEED no Firefox, e depois vê outro ícone diferente no IE, ele pode ficar confuso, pensando que os dois ícones são para coisas diferentes, já que estão em browsers diferentes.

por Diego Eis

Feliz Natal

por Diego Eis

Tableless Podcast #14 e Feliz Natal

Primeiramente, feliz natal a todos. Obrigado por darem tanta atenção para o site. Fazer parte dessa comunidade, é melhor que qualquer presente de Papai Noel! ^:)^ :-X Neste Podcast, falei sobre produção e desenvolvimento com os Web Standards. O que muda na equipe quando passam a abordar os Padrões? O que melhora na produção? Qual o problema com o estilo de produção convencional? As vezes por quê as várias partes do desenvolvimento são interdependentes, acaba causando o aumento do tempo de produção, dando mais trabalho e trazendo mais dificuldades para os desenvolvedores.

por Diego Eis

Bonito de se ver #23 – Brasil

http://www.wrodrigues.com/ http://www.revolucao.etc.br/ http://www.rfreitas.eng.br/rubens/ http://www.panacea.com.br/ http://www.docemel.com.br/

por Diego Eis

IE para MAC deixado de lado (ainda bem)

Quem já teve que resolver alguns problemas de compatibilidade de layout para IE/Mac, sabe que não é fácil. Mas agora, todos os problemas acabaram! O Microsoft anunciou que vai parar de dar suporte ao IE/Mac no dia 31 de Dezembro de 2005. E, em 31 de Janeiro de 2006, ele já não estará disponível para download. Ótima notícia para todas as partes. Menos um browser que não segue os padrões para os desenvolvedores se preocuparem.

por Diego Eis

Google, por quê?

O Google é aquela empresa que sabe exatamente o que é útil para todo e qualquer (ou quase) tipo de usuário. Eles detém um certo número de aplicações que vão desde organização e tratamento (bem básico) de fotos, até análise detalhada de informações sobre o seu site. O Google é um ótimo criador de soluções. E convenhamos, soluções no mínimo interessantes. Mas uma coisa me intriga. Depois de muito pensar sobre o Google e suas qualidades de fada madrinha, várias perguntas simples me vieram a cabeça.

por Diego Eis

Podcast sob encomenda

Galera… Estou sem idéias para fazer o próximo podcast. Então, queria levar esse problema para vocês arranjarem uma solução. Qual assunto vocês gostariam de ouvir no próximo podcast? Lembre-se que é um podcast rápido… Nada técnico… só falatório. O que sugerem?

por Diego Eis

Novo Tableless, agora WordPress

Como podem ver, o Tableless passou por uma reformulação. Tradicionalmente, costumo fazer essas mudanças no dia 1º de Janeiro, mas desta vez será diferente. Mudamos não só layout (gostou?) mas também nosso sistema de publicação. Nos anos passados, sofríamos um bocado para postar no site. Por isso, nessa reformulação, migramos para WordPress. Estamos gostando muito dessa ferramenta. Eu era um pouco avesso a aplicações prontas de publicação de blog. Por isso, ou fazíamos o nosso próprio ou editávamos direto o XML.

por Diego Eis

Novidades no Gmail

Esses dias eles colocaram um anti-virus, que era uma das coisas que outros emails já tinham a muito tempo. E hoje, vi que eles colocaram mais algumas coisinhas. Uma delas é o Web Clip. Ou seja, agora você tem uma barrinha nova (que você pode desabiblitar), que mostra os títulos dos seus RSS favoritos. Claro, claro, você vai falar que já lê no Bloglines ou em algum outro leitor de feeds.

por Diego Eis

MozTorrent

Projeto interessante que fará o Firefox trabalhar com arquivos Torrents. MozTorrent

por Diego Eis

Cada um na sua

Poucos desenvolvedores sabem que a Microsoft, quando a guerra dos browsers ainda estava acontecendo, colocou o primeiro browser que aceitava CSS 1.0. Ela que teve a firmeza de espírito de pegar o pouco das recomendações de CSS que existiam, e implementá-las no Internet Explorer, que se não me engano, estava na versão 3 (se estou errado, só dizer). Isso é ponto pacífico. Não discutível e muito importante, por sinal. Naquele tempo, o foco era outro.

por Diego Eis

Bonito de se ver #21

http://blog.splashdesigngroup.com/ http://blog.daninko.ca/ http://www.somethingspecialgiftbaskets.com/ http://armeau2.studioavons.com/ http://www.firewheeldesign.com/

por Diego Eis

Css para diagramar livros

Printing a Book with CSS: Boom! Eu já havia pensado na possibilidade de o CSS poder fazer coisas assim, quando estava diagramando um livro no Adobe InDesign. O InDesign já tem uma organização muito interessante de estilos, usa bastante XML e etc… Está muito acima de vários programas da mesma linha, mas ainda falta um bocado para melhorar de vez. E agora, com essa possibilidade se abrindo (já havia, mas ela estava muito crua, nada que poderia ser praticado) é só esperar para programas de diagramação se tocarem, e até mesmo nós, que somos mais acostumados a tratar CSS do que outros programas, teremos uma possibilidade extra.

por Diego Eis

Dando atenção para a Acessibilidade

O W3C liberou uma atualização dos Guias de Acessibilidade: Web Content Accessibility Guidelines 2.0. Gostei muito. Ultimamente eles estão se movendo muito rápido quando o assunto é Acessibilidade. E é importante perceber que os desenvolvedores também estão se mobilizando para aprender, pesquisar e praticar as boas maneiras de acessibilidade, deixando os sites mais acessíveis, tanto para pessoas com algum tipo de deficiência, quanto para usuários de outros dispositivos. A Acessibilidade – como já disse várias vezes aqui – é um assunto muito profundo.

por Diego Eis

Podcast Tableless #13

Bem, estamos reformulando aquele podcast com a turma toda… aguardem novidades em breve. Então, vou começar a fazer uns podcasts curtos, sem tratamento de audio algum, sem som de fundo e etc… Só falar mesmo, e no máximo 10 minutos. Com esses podcasts, falarei de coisas bem específicas, e a maioria dos assuntos serão sobre Web, CSS, XHTML e coisas afins… Acho que será um conteúdo a mais para saciar a sede de conhecimento de vocês.

por Diego Eis

Código novo, maneira velha

Você, camarada antenado, que está entrando ou que está já está algum tempo no mundo dos Web Standards. Que já se acostumou com código enxuto, limpo e legível, lembra-se ainda de como era seu código antigo? Lembra-se de quanto código você escrevia para fazer um simples parágrafo, ou um menu? Código desnecessário, atrapalhando a vida de quem tivesse o desprazer de trabalhar com ele. Graças aos novos tempos, isso está mudando.

por Diego Eis

Feed Validation Service pela W3C

O W3C lançou hoje um serviço de validação de Feeds. Ele analisa a sintaxe dos seus feeds RSS ou Atom. A aplicação foi baseada no sistema open source de validação de feeds, o Feed Validator, criado por Sam Ruby, Mark Pilgrim, Joseph Walton e Phil Ringnalda. O W3C também avisa que o serviço ainda está em caráter experimental, ou seja, qualquer problema, bugs e etc, podem acontecer. FEED Validation Service

por Diego Eis

Bonito de se ver #20

http://www.aplus.co.yu/ http://www.nairobiswahili.com/ http://www.thegladecornwall.com/ http://www.eoghanmccabe.com/ http://www.circodeliaproducciones.com/

por Diego Eis

Bonito de se ver #19

http://www.pbs.org/wgbh/rxforsurvival/ http://www.getvanilla.com/ http://www.hoteldelpintor.com/ http://www.designbystandards.com/ http://script.aculo.us/

por Diego Eis

Kill Bill´s Browser

Do jeito que as coisas estão, o melhor mesmo é manter o bom humor. Kill Bill´s Browser

por Diego Eis

Web Standards e a Pílula Vermelha

Você já deve ter assistido o filme Matrix. Refiro-me ao primeiro filme, aquele que no final o cara sai voando. Então, me senti mais ou menos como ele quando pisei pela primeira vez no “ambiente” dos Padrões Web. Parecia que eu tinha tomado a pílula vermelha, e diferente do filme, descobri uma nova e bela realidade. Uma realidade onde quase (ressalva de uns e outros browsers) tudo é possível. E acho que é assim que todo desenvolvedor se sente quando começa a aprender e estudar os Web Standards.

por Diego Eis

CSSVista

Você já usou aquela opção da Web Developer de editar o CSS e ver o resultado no Firefox na hora? E quando você usava, você não pensou: – Po, isso podia funcionar de alguma forma no IE… Seu problemas acabaram. O CSSVista é uma aplicação Windows que permite você editar o CSS do seu site e ver o resultado “ao vivo” simultanemente no Firefox e no Internet Explorer. Como nada é perfeito, para poder funcionar, você deve instalar o .

por Diego Eis

HTML ou XHTML?

Pois é… Eu ia escrever algo, mas o cara chegou primeiro! HTML or XHTML? por Robert Nyman. Ele fala sobre perguntas como: Usar HTML ou XHTML? Usar doctype Strict ou Transitional? Porque usar XHTML? Vale a pena dar uma olhadinha.

por Diego Eis

Liberdade é estar conectado

O site Mobile Life teve uma reestruturação e agora está com a corda toda. O que você não fica sabendo aqui sobre mobilidade e todos esses aparatos de handhelds, wireless, tendências e tudo mais, fica sabendo lá. Vale dar uma visitada… Eu estou lá também, postando e dando uns pitacos sobre esses assuntos… E para começar, já tem um review sobre o Nokia 6681. Ele funciona sob o sistema Symbian… isso quer dizer que usa-se o Opera para acessar sites.

por Diego Eis

A Web Semântica

Entenda o que significa Web Semântica.

por Diego Eis

Browsers e seus mundos

Saber quais browsers usados pelos usuários é a obrigação de todo profissional web. Dependendo das comunidades é fácil localizar o browser mais usado e até mesmo o porque da preferência. Existem hoje em dia, três mundos que precisamos prestar atenção e saber quais são suas preferências de uso. Mundo Mac A maioria usava Internet Explorer, depois o Mozilla lançou o Camino, browser baseado no Mozilla apenas para Mac. Mais tarde o Camino foi descontinuado, dando lugar ao Firefox.

por Diego Eis

A plataforma chamada Web

Acho que você já ouviu falar sobre Flickr, Backpack, Writeboard, Wikipedia, gMail, del.icio.us, e outros sistemas que estão na moda. O que os sistemas citados acima tem em comum? Por que eles estão fazendo tanto sucesso? Por que sempre que vejo o nome deles, sempre tem algo a ver com Web 2.0? Simples: Eles estão tratando a web de uma forma diferente. Eles estão tratando a web como uma plataforma, um lugar “onde as coisas acontecem”.

por Diego Eis

Bonito de se ver #18

http://www.questacademy.org/home/ http://www.emaginacion.com.ar/ http://www.mad4milk.net/ http://www.thefilebrowser.com/ http://www.rimshotdesign.com/

por Diego Eis

Problema com o servidor

Galera, desculpe-nos o transtorno. Muitos vem mandado emails por que não estavam coseguindo acessar as páginas que explicavam sobre AJAX. Eu também não estava conseguindo acessar o adm do Tableless, por isso postei nada aqui antes. Por agora, parece estar tudo estabilizado. Voltamos à programação normal.

por Diego Eis

Um novo conceito de browser

Flock é um browser nada mais nada menos que um Firefox vitaminado com integrações com sites como Flickr, Del.icio.us, e sistemas de blogs personalisados como WordPress. Não vou falar sobre as extensões integradas, isso seria reinventar a roda, já que o Bruno Torres já deu um belo apanhado sobre isso no seu post “Flock – até agora nada empolgante“. Por isso, falar um pouco sobre o conceito pelo qual esse browser foi lançando seria mais interessante.

por Diego Eis

Podcast Tableless #12

Convidamos à mesa para nos ajudar nesse podcast o podcaster macmaníaco Gui Leite, e também os nerds Bruno Torres, Danilo Medeiros, Thiago Rigonatti e Eu (Diego Eis). Falamos sobre as novíssimas novidades da Apple; Um webmail interessante, temperado com um pouco de Ajax, o RoundCube; Aquela história hilária de os desenvolvedores terem que tirar os CSS Hacks de suas páginas por causa do IE7, porque tem uma possibilidade nada remota de o site não funcionar nele.

por Diego Eis

Bonito de se ver #17

http://www.woot.com/ http://www.viatrax.net/vish/ http://www.impact.cz/ http://www.eliminarspam.com/ http://www.avalonstar.com/

por Diego Eis

Apple virando tableless

Pois é… A Apple está aos poucos migrando para os Web Standards. Por exemplo, a nova página do iTunes ou a do novo iMac G5 Muito bom, estava na hora.

por Diego Eis

Css Hacks e IE 7

O pessoal do IEBlog está chamando os desenvolvedores para dar uma ajuda. Eles pedem para quem usa hacks, dêem uma revisada no código, limpando hacks que fazem os sites “quebrarem” no IE 7. Então, se você costuma usar hacks para fazer acertos nos browsers, dê uma lida no post deles… Pelo menos eles estão pedindo ajuda para a comunidade… Call to action: The demise of CSS hacks and broken pages IEBlog: Clean up your CSS hacks Dica do Henrique Costa Pereira do Revolução CSS

por Diego Eis

Bonito de se ver #16

http://www.need2know.co.uk/ http://www.sixapart.com/pronet/articles/ydsf_-_robust_c.html http://www.xlab.co.uk/ http://www.breezemedia.co.uk/ http://www.personaldevelopment.ca/

por Diego Eis

Podcast Tableless #11

Baixar Podcast #11 (ou por aqui) Tempo: ~1h06 Tamanho: ~15.46Mb Participando Bruno Torres, Thiago Rigonatti e Danilo Medeiros. Nesta edição falamos sobre Hp oferecendo máquinas com Netscape, críticas sobre a INFO, Microsoft mudando (gerenciador de imagem que citamos – Microsoft MAX), Meebo, comparamos (um pouco) Google, Apple e Microsoft, WordPress.com, Symbian, tendências sobre comunicação, e um monte de viagens… Desculpe o tamanho do arquivo. Preferimos não cortar porque estamos no meio de uma discussão, e cortar apenas 20 minutos do começo ou do final, não valeria a pena.

por Diego Eis

Firefox 1.0.7

Saiu o Firefox 1.0.7. E parece que o site SpreadFirefox foi atacado… Talvez seja a oposição desesperada! (brincadeira) Ler mais: Firefox e Thunderbird 1.0.7 em Português do Brasil OpenSUSE and SpreadFirefox Cracked

por Diego Eis

HP oferecerá máquinas com Netscape

HP vai oferecer máquinas com browser Netscape As máquinas virão com um ícone do Netscape e do Internet Explorer da Microsoft. Assim o usuário poderá escolher entre os dois qual gostaria de utilizar para navegar na web. É para rir ou para chorar?

por Diego Eis

Bonito de se ver #15

http://www.hotelplichta.sk/ http://www.marklea.net/ http://www.richarddavies.us/ http://skolazivota.czechline.cz/ http://www.smolaahrusky.sk/

por Diego Eis

Browser Speed Comparisons

Site muito interessante que compara a velocidade dos browsers atuais de vários sistemas operacionais… Muito interessante. Browser Speed Comparisons Visto no Nemonox

por Diego Eis

Curso de Tableless

A maneira que o código HTML é escrito pela grande maioria das empresas é uma das grandes causas dos problemas do desenvolvimento web. A perda de tempo, retrabalho, trabalho de manutenção, atrasos na entrega, problemas com designers e programadores, são alguns dos problemas que equipes sofrem ao desenvolver um projeto, seja ele grande ou pequeno. Isso vem de muito antes. Estamos acostumados a desenvolver da maneira complicada. Usamos tabelas para a estruturação de sites, não nos preocupamos com a acessibilidade, tanto de deficientes visuais ou de usuários de mobiles.

por Diego Eis

Internet Explorer Developer Toolbar Beta

O Lucas Cardozo me enviou por email uma dica muito legal. Sabe aquela extension do Firefox, Web Developer, que adiciona uma barra com funcionalidades interessantíssimas para facilitar o trabalho do desenvolvedor? Fizeram uma para o Internet Explorer… Internet Explorer Developer Toolbar Beta Interessante.

por Diego Eis

Par Perfeito abrindo vagas

Não é meu costume (e está longe de ser) divulgar aqui vagas de emprego. Mas abri uma exceção. O ParPerfeito está com vagas abertas para aqueles que sabem implementar sites usando os bons modos dos Web Standards. Interessados enviem currículo para webdesignΘparperfeito.com.br

por Diego Eis

Opera Grátis e um recesso rápido

Primeiramente, uma notícia já meio velha… O Opera agora é grátis. Na minha opinião, eles demoraram para fazer isso. Mas agora, o bicho vai pegar de vez… O Opera é tão bom quanto o Firefox, perdendo apenas para a facilidade das Extensions… Porém, o Opera tem uma série de vantagens e ferramentas nativas. Baixe o Opera. Bela home, por sinal Agora, sobre o recesso. Estou sem internet em casa, então não estou conseguindo postar como antes, por isso, desculpem-me pela longa pausa.

por Diego Eis

Revolução CSS

Ótima iniciativa do Henrique Costa. Ele criou o site Revolução do CSS… é um CSS Zen Garden, só que brasileiro. Contribua você também; E vamos manter o mesmo nível do site gringo…

por Diego Eis

Bonito de se ver #14

http://www.decaf.de/ http://www.designhammer.com/ http://www.javimoya.com/blog/ http://www.jorgeq.com/wordpress/ http://www.vivabit.co.uk/

por Diego Eis

Web Semântica – Introdução

A Web Semântica é uma web que tem toda sua informação identificada e organizada. Possibilitando que essa informação seja entendida de forma sensata não só por seres humanos, mas também por máquinas. Continuar lendo… Este artigo está em atualização constante. Portanto, não se assuste se quando você o reler, ele estiver um pouco diferente. Muito cuidado para não confundir código semântico com Web Semântica. São coisas diferentes. Esse artigo é sobre Web Semântica.

por Diego Eis

Usando o Firefox como ferramenta de desenvolvimento

Uma ótima apresentação em Slide Show (HTML mesmo, nada de power point), onde Leslie Franke mostra como é fácil desenvolver e testar sites usando o Firefox e suas extensões. Rapid Web Development and Testing with Mozilla Firefox via Css Beauty

por Diego Eis

GAP é Tableless

Gap agora é Tableless. Um erro aqui, outro ali, mas muito exemplar.

por Diego Eis

Uso correto das tabelas

O Henrique Pereira fez um artigo interessante que fala sobre como usar as tabelas e suas tags corretamente. Semântica de tabelas

por Diego Eis

Video Tutorial #5

Video Tutorial #5… Desta vez mostrando como se fazer um CARREGANDO IMAGEM só com CSS. Ver Video Tutorial #5. Tempo: ~3m50 Tamanho: ~6,85Mb O exemplo que usei, pode ser visto aqui. O Campus Online é um lugar onde você encontra vídeos com boa resolução sobre Tableless, Ajax, Javascript e boas práticas de desenvolvimento. O cadastro é grátis!

por Diego Eis

Bonito de se ver Brasil #2

http://ah.com.br/ http://www.azevedosette.com.br/ http://www.nutrinet.com.br/ http://www.nerdhost.com.br/ http://www.expedicaoparana.com/dinamico/

por Diego Eis

CSS Table Gallery

Vou ver se mando um CSS para lá… Mande você também! CSS Table Gallery

por Diego Eis

Firefox 1.5 is coming

Firefox 1.5 Beta 1. Se você quiser dar uma olhada em mais detalhes: Mozilla Developer News

por Diego Eis

Microsoft Dropping Support for XHTML1.1

Microsoft Dropping Support for XHTML1.1 Não preciso nem comentar.

por Diego Eis

Registro do Opera GRÁTIS – Só hoje

Comemorando seus 10 anos, o Opera está distribuindo de graça, códigos de registro para seu Browser. Aproveite porque É SÓ HOJE! Registro do Opera Grátis Para saber mais sobre a “festa”: Opera 10-year online anniversary party

por Diego Eis

Video Tutorial #4

Nesse Video Tutorial, estou explicando como se faz um image replacement sem usar a tag SPAN. Um bocado de gente me pediu, então, aí está. Tamanho: 5,82Mb Tempo: ~6m Ver Vídeo Tutorial Para ver mais vídeos sobre Tableless, visite o Campus Online!

por Diego Eis

Podcast Tableless #10

Desta vez falamos sobre apenas uma coisa: O que é tableless?! Uma discussão bastante interessante com Bruno Torres, Thiago Rigonatti e Eu. Baixei direto o Mp3 Tempo: ~46min Tamanho: 10,7Mb Adicione também nosso Feed ao seu iTunes ou agregador de podcast preferido…

por Diego Eis

RevistaW: Matéria sobre Tableless

A edição desse mês da RevistaW trás uma matéria bem legal sobre Tableless/Web Standards. E há uma colaboração minha. Recomendo para iniciantes no assunto. Estou gostando de ver o interesse crescente do pessoal. Espero que continue assim por muito tempo ainda.

por Diego Eis

Bonito de se ver #13

http://www.stirman.net/ http://www.lisamcmillan.com/ http://www.pilok.com/ http://www.maniacalrage.net/ http://www.egographies.com/

por Diego Eis

A List Apart novo em folha

O A List Apart está todo novo… Desde o sistema até design e implementação. Os responsáveis pela reestruturação são: Jason Santa Maria, que fez o novo Design, Eric Meyer a implementação em CSS, Dan Benjamin ficou com o CMS e Erin Kissane and Jeffrey Zeldman na direção. Não preciso falar nada sobre cada um dos citados acima. O trabalho e a reputação deles falam por si.

por Diego Eis

Bradescompleto é Tableless

Ainda não é a HOME principal do site do Banco. Mas, tem que começar de algum ponto, não é? Bradescompleto Dica do Alexandre Gomes

por Diego Eis

Podcast Tableless #9

Falamos sobre o interesse do Google de comprar a Mozilla Foundation, contribuição da IBM para o Firefox, Sistemas para Mobiles, Padrões HD-DVD e BlueRay, e mais. Tableless Podcast #9

por Diego Eis

Série de artigos

Galera, eu estava pensando em começar uma série de artigos aqui no tableless. Seriam artigos falando sobre um assunto específco…. Eu poderia ter já escolhido um tema.. mas decidi deixar isso a critério de vocês… já que são vocês que lerão. Minhas sugestões seguem abaixo. Claro, vocês podem sugerir outros temas, ou apenas acrescentar algo em algum tema que sugeri. Acessibilidade Web Standards e Dispositivos Móveis Vantagens dos Web Standards Web Semântica Mais alguma sugestão?

por Diego Eis

Charges.com.br é Tableless

Mais um brazuca que vira tableless! Charges.com.br. Parabéns a toda equipe!

por Diego Eis

Goodyear Brasil é Tableless

E o site da Goodyear Brasil virou Tableless! Parabéns a toda equipe. Goodyear Valeu ao Igor (dvd) pelo toque.

por Diego Eis

Exemplos de CSS

As vezes é extremamente difícil encontrar um bom exemplo que explica uma determinada propriedades. Mas o site CSS Tests dá uma boa ajuda quanto a isso. Ele não mostra exemplos de todas as propriedades do CSS. Claro, isso seria um trabalho extremamente insano. Mas os exemplos listados no site, são bem práticos. Ótimo para estudo. Muito interessante. Visto no Css Beauty.

por Diego Eis

Bonito de se ver #12

http://www.to-done.com/ http://www.kevinleitch.co.uk/wp/home.php http://www.release1-0.com/ http://www.clovekvtisni.cz/madan/ http://www.designhammer.com/

por Diego Eis

O que é Tableless?

A Web foi criada para ser um ambiente onde fosse possível trocar informações livremente, e que essas informações pudessem ser acessadas ao redor do planeta por qualquer pessoa. Em 1994, foi criado o W3C (World Wide Web Consortium): um consórcio internacional, onde são desenvolvidas os padrões para a web (Web Standards) tais como: HTML, CSS, XML, XSLT, entre outros. Naquela época, no mercado de browsers, as opções ainda eram poucas: consistiam apenas em Lynx, Mozaic e Netscape Navigator, da Netscape Communications, então liderada por James Clark.

por Diego Eis

FAQ sobre Tableless

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

por Diego Eis

Moderação de Comentários

Eu não gosto de moderar comentários dos usuários do site. E como vocês sabem, nos 3 anos e poucos que o site tem, nunca moderei um comentário, a não ser os malditos spammers. Mas, a partir de hoje, vou começar a moderar. Existem algumas pessoas que não sabem criticar mantendo o devido respeito com as pessoas. Ofensas e provocações pessoais serão devidamente excluídos. Logo, qualquer comentário que ofender qualquer pessoa daqui do site, tanto os mantenedores quanto os usuários e leitores, será deletado.

por Diego Eis

Podcast Especial 2

Podcast Especial de novo. Não tenho a mínima idéia de qual número é o podcast… Se alguém souber, por favor! 😀 Falamos sobre Windows Vista, Ie 7, conversões de sites grandes como Download.com e Bol, validar ou não validar, konfabulator, mouse novo da apple, e mais… Link para o MP3 – 7.98Mb

por Diego Eis

Internet Explorer 7 Reviews

Eu prometi que falaria sobre o Internet Explorer 7. Mas, como esse beta que saiu não era para o público em geral, e sim para um grupo fechado de desenvolvedores, vou esperar para testar a versão final. Assim, não perco tempo falando de bugs que serão arrumados na última versão. Em compensação, aqui vão alguns links sobre o Internet Explorer 7. Artigo sobre lançamento Lista de correções de CSS. [

por Diego Eis

Bol Tableless

E mais um grande site brasileiro vira tableless. BOL. Parabéns a toda equipe envolvida. Dica por email do André

por Diego Eis

Criadores de caso

Hoje pela manhã, li um ótimo post feito pelo meu amigo Bruno Torres, que me deu um pouco de coragem para escrever algo aqui também. Pessoas como o camarada que escreveu esse artigo na IDG Now surgem todo tempo. Visitantes como o companheiro que comentou no site do Bruno, e também como o “Lucas”, que comentou aqui no Tableless, são aqueles tradicionais “criadores de caso”. Não se dão ao trabalho de ir mais a fundo no assunto para assim discutir como gente interessada e interessante.

por Diego Eis

Abril.com.br Tableless

A home do site da Editora Abril agora é Tableless. Ótimo trabalho. Claro, como qualquer um, ainda há erros que o validador indicou… Mas já é um grande avanço para a web brasileira… Estamos percebendo que as empresas estão interessando… A pílula vermelha está começando a fazer efeito! Welcome to real World, Neo. Ops… Abril. 😀

por Diego Eis

Bonito de se ver #11 (Brasil)

http://www.perfilato.com.br/ http://www.abrafoto.org/ http://www.quimerafilmes.com.br/ http://www.braziltour.com/ http://www.zeroseis.com.br/

por Diego Eis

Internet Explorer 7

O Internet Explorer 7 já está devidamente instalado aqui no meu computador… Ou quase. Esperem para semana que vem um post com mais detalhes. Enquanto isso, leiam o que o Bruno Torres e o Dave Shea escreveram. Minha primeira impressão?! Decepcionante. Mas posso mudar de opinião. Ou não. Quer? Toma.

por Diego Eis

Bonito de se ver #10

http://www.weeklyread.com/ http://www.webgraph.com/ http://pandora.alexsancho.name/ http://www.coldtreepress.com/ http://www.bradtuckman.com/

por Diego Eis

Semana Azul

25⁄07 – 12:38 UPDATE : Participarei da Semana Azul falando sobre Padrões Web e companhia, na quarta-feira (27⁄07) às 20h. lá no canal de IRC do Mozilla Brasil – #mozilla-br. Semana que vem, dos dias 25 a 31, haverá um evento muito interessante chamado Semana Azul. Esse evento online, é um esfoço do XUL:Brasil juntamente com a Mozilla Brasil. A programação será feita via IRC. Não precisa baixar nenhum cliente de IRC… o Firefox tem uma extensão chamada ChatZilla, que possibilita a troca de mensagens em IRC.

por Diego Eis

Download.com Tableless

Eu não sei se faz tempo, que eu sou o atrasado… mas vi hoje que o Download.com mudou totalmente seu site… O design ficou muito bom, e seu código agora está seguindo os padrões. Claro, ainda há uns erros simples no código, é só tentar validar… Mas mesmo assim, o trabalho ficou muito bom. Bela novidade.

por Diego Eis

Help The CSS Working Group With Backgrounds and Borders

Saiu no Web Standards Project: Help The CSS Working Group With Backgrounds and Borders Kevin Lawver, representante do Grupo que define as regras para o CSS, está dando uma oportunidade muito interessante: Ele precisa de idéias e sugestões para fazer a especificação do módulo de Bordas e Backgrounds do CSS3. Como o Chris Kaminski disse no seu post no Web Standards Project: É uma oportunidade de ouro. Um “valeu” ao Henrique Costa pelo toque…

por Diego Eis

Acessibilidade Urgente

Sábado passado eu fui a um rodízio de pizza. Tirando a pizza de sorvete, havia mais uma coisa interessante: Na mesa logo atrás da minha, havia um grupo de pessoas e todas elas eram deficientes visuais. Eu não pude perder essa oportunidade, fui conversar um bocado com eles. Claro, perguntei a eles se acessavam a internet e que programa usavam. Ouvi quase em uníssono: JAWS. Disseram que ele era o melhor até agora para acessar sites.

por Diego Eis

Podcast Especial Tableless

O caso do Tableless, ferramentas de podcasting, ajax um monte de besteiras. Desta vez participaram Diego Eis, Elcio, Bruno Torres, Thiago Rigonatti e Danilo Medeiros. Clique aqui para baixar o MP3. E o RSS com Podcast do tableless, você pode assinar por aqui.

por Diego Eis

Camiseta – R$ 16,00

Galera, a camiseta do tableless está R$16,00.

por Diego Eis

Problema – Deslocamento no Hover

Esse problema foi enviado pelo Antonio Maganhote. Ele me mostrou esse problema e me perguntando uma solução. Não vou explicar muito a origem do problema… Prefiro que vocês batam cabeça e descubram. Já resolvi aqui… Vou dar um tempo para vocês e depois posto! Problema de deslocamento no Hover O problema acontece com o IE, ao passar o mouse nas opções do menu.

por Diego Eis

Bonito de se ver #9

http://vitor.novasfera.com/ http://www.fmemoria.com.br/ http://www.dr1.com.br/ http://www.eyepunch.com/ http://www.revistanossoamiguinho.com/

por Diego Eis

EYESMiLES

Galera… Redesenhei meu blog: EYESMiLES Este é o meu extraoficial. Não tem nada a ver com oTableless, apesar de eu falar de vez em quando sobre o assunto. Vocês vão estranhar os poucos posts… mas é que eu remodelei todo o XML, e o sistema de publicação feito pelas velhinhas cegas que vivem nas cavernas do Grand Canyon. Mas é isso. É tableless. 😀

por Diego Eis

Firefox 1.0.5

Firefox 1.0.5 liberado.

por Diego Eis

Podcast Especial Tableless

Eu, o Bruno Torres e o Thiago Rigonatti fizemos mais um podcast. Falamos sobre MacIntel, Google Earth, Aniversário do Bruno, e muito mais!

por Diego Eis

Sobre RSS, Atom e etc

O Bruno Torres fez um post muito, mas muito bom sobre RSS, ATOM e etc… O legal é que não é só para pessoas técnicas, mas sim para aqueles que não são profissinais da área. Vale a pena dar uma olhada e indicar para sua mãe, namorada, irmã, tia, avô, avó, passarinho… Feeds RSS e ATOM

por Diego Eis

Bonito de se ver #8

http://hb.cult.bg/ps/ http://www.superdeluxe.ch/ http://brightcreative.com/ http://www.artypapers.com/ http://www.pixelgraphix.de/

por Diego Eis

Bug dos 3 Pixels

O Internet explorer tem um bug muito peculiar. Muita gente tem chamado de BUG dos 3 pixels. Não vou perder tempo explicando isso, vejam o que acontece, e a solução aqui! Solução, vista originalmente no CSS Playground.

por Diego Eis

Rapidinhas: WASP dando uma força para Microsoft

WaSP to Collaborate with Microsoft to Promote Web Standards

por Diego Eis

Bonito de se ver #7

http://www.angiebrown.com/ http://www.sendaviva.com/ http://www.plastikfantastik.net/ http://www.recipeforsuccess.uk.com/ http://webreakstuff.com/

por Diego Eis

Bradesco Convertido

Recebi ontem um trabalho de conversão muito bom. Acho que o Walter (autor do trabalho), aproveitou a discussão sobre sites de bancos, e converteu o site do Bradesco. Quero parabenizar o Walter Michel por ter feito esse ótimo trabalho. Foi um dos melhores trabalhos que já recebi… O site do Bradesco é um tanto complexo. Eu mesmo queria ter convertido, mas sempre batia uma preguiça ao ver todos detalhes…. Ainda bem que existem pessoas mais bem dispostas do que eu!

por Diego Eis

Camisetas do Tableless (finalmente)

UPDATE Galera, até que eu arrume o sisteminha, por favor, façam o seguinte: se alguém quiser a camiseta, por encomenda normal, envie-me um email, pode ser pelo contato mesmo. me falando seu endereço completo, nome completo, e qual camiseta.. Se alguém quiser ver o preço de todos os estados, baixe a planilha: Frete Encomenda Normal Ok?! Galera, finalmente saiu. Camisetas do Tableless Ahh, essas são em número limitado, então não embaça não… Compra logo a sua antes que acabe.

por Diego Eis

Rapidinhas: Google to buy Mozilla?

Google To Buy Mozilla?

por Diego Eis

Comparando os navegadores

Vi no URL Sinistras um post sobre um artigo que saiu no site da UOL, comparando os navegadores Internet Explorer, Opera e Firefox. No artigo tem uma tabela com a opção: Acesso a sites de bancos. Lá, está marcado que os navegadores Firefox e Opera são instáveis em sites de bancos. Calma aí…. Instáveis?! Isso tira toda a culpa dos desenvolvedores que negligenciam os padrões, e coloca em cima dos browsers.

por Diego Eis

Pong no Firefox

Mas que coisa…. Do mesmo jeito que existem extensões que nos ajudam com o trabalho, há aquelas extensões que podem ser um atentado a produtividade do desenvolvedor… :-b Pong for Firefox

por Diego Eis

HSBC Tableless!

Como alguns já sabem, o site do banco do HSBC virou tableless. Foi a Atípico que treinou a turma de desenvolvedores do site (eu era um dos professores). Pois é. Não tenho certeza, mas acho que é o primeiro banco com site que segue os Web Standards. Ótima iniciativa. Claro, o código não está perfeito (existe código perfeito?), há muitas coisas que podem ser melhoradas, mas sem dúvidas, melhor que a concorrência (mas aí tá fácil).

por Diego Eis

Bonito de se ver #6

http://www.unmatchedstyle.com/gallery/ilmols_labratory_blog.php http://www.oneplayer.co.uk/ http://www.nostalgiaantiques.com.au/ http://www.jonathan-charles.com/ http://www.lindavennstrom.com/ Update Galera… Quem é visitante veterano aqui no site, se lembram que aqui tinha uma galeria, que por sinal era enorme, de apenas sites brasileiros e que seguiam Web Standards. Nessa versão nova do site, eu não quis colocar, uma porque eu não achava interessante colocar apenas links de sites brasileiros só pelo motivo de eles seguirem os Padrões. Então eu tirei.

por Diego Eis

Em qualquer dispositivo…

Jovem acessará internet banking por videogame Os sites de bancos são uma lástima, e isso desde sempre. Os melhores sites de internet banking que temos hoje, ainda usam várias homes para diferentes browsers. Outros usam tecnologia que funciona apenas em um tipo de plataforma. Chegamos a um ponto que ou mudamos ou mudamos. Não adianta ir contra o fluxo.

por Diego Eis

Problema – Caractere Duplicado

Estava aqui, todo feliz, implementando um layout, quando me deparei com um bug… no maldito do IE. Visitem esse link. Você percebe que nos navegadores de verdade, está funcionando perfeitamente… Mas ao abrir no Ie (no meu caso 6), aparece um caractere logo abaixo das caixas. Você também percebe que aquele caractere faz parte da terceira caixinha. Alguém se habilita a tentar resolver? A resolução é bastante simples, e descobri dois jeitos de resolver.

por Diego Eis

Browser de código aberto em Celulares

Celular da Nokia terá browser de código aberto Muito interessante a união da Nokia com a Apple para fazerem esse browser. E sabendo que esse browser será baseado no Safari, é uma ótima notícia. Acho que a competitividade entre browsers de disposítivos móveis está começando! Promete ser interessante. E sem dúvida, com bons browsers tomando a dianteira, os desenvolvedores, ficarão mais tranqüilos.

por Diego Eis

Nokia 770

Recentemente a Nokia lançou um handheld chamado Nokia 770. Interessantíssimo. Não, calma, esse site não virou um site de Gadgets… Com ele, você pode acessar a internet por conexão sem fio. Seu sistema operacional é baseado em Linux, isso aí, LINUX, com kernel 2.6 baseado em Gnome. E o melhor, sabe que browser é usado?! OPERA ou o MiniMO da Mozilla. Que resolução?! 800×480. Pois é. Qualquer dispositivo, qualquer plataforma, qualquer browser, e em qualquer lugar.

por Diego Eis

O que há de novo no Firefox?

O Elcio fez uma pequena avaliação sobre o novo firefox que está para sair. O que há de novo no novo Firefox, o DeerPark Alpha 1 Site do Firefox

por Diego Eis

Bonito de se ver #5

http://scamper.org/ http://www.screenz.de/ http://www.skillswap.org/ http://www.charlesmartinbooks.com/ http://www.thestrawman.com/

por Diego Eis

Otimize seu CSS

Css Optmizer Não é muito bom, mas é interessante.

por Diego Eis

Menu Dropdowns

Quem já teve um pouco de dor de cabeça para fazer um Menu Dropdown, vai gostar dos links abaixo. São soluções bastante interessantes. Tanfa – Css Drodown Menu Tanfa – Menu Vertical Tanfa – Menu Horizontal TJKDropDownMenu CssDiscuss – ListMenus

por Diego Eis

CSS Frame Emulation

Interessante… Não to com tempo de estudar isso… mas aqui vai para vocês estudarem antes de mim! 😀 CSS Frame Emulation

por Diego Eis

Nada de Hacks

Artigo que saiu no StyleGala mostrando uma alternativa para não usar hacks no CSS e manter um pouco mais compatibilidade com o CSS-P. No more CSS Hack Na minha opinião, não vale tanto esforço.

por Diego Eis

Atualização no Draft do XHTML 2.0

O rascunho do XHTML 2.0 foi atualizado. Vale a pena dar uma olhada. W3C Working Draft 27 May 2005 update: O XHTML 2.0 é o passo definitivo para acabar de vez com a formatação junto com a estrutura do documento. O XHTML 1.0, foi apenas uma transição do HTML para o XHTML. É aí que o HTML velho, fica para trás definitivamente. Ele trás muitas mudanças como por exemplo: A tag img some, ela será substituída por object.

por Diego Eis

Extension: Web Developer

O Firefox tem alguams extensões que são muito úteis para a boa produtividade do Desenvolvedor.

Tentarei dar algumas dicas dessas extensões aqui durante um tempo.

Vou começar essa série com a extensão WebDeveloper.

por Diego Eis

Bonito de se ver #4

http://www.wilyfox.com/ http://www.theartbureau.com/ http://www.squarespace.com/ http://www.revistanossoamiguinho.com/ http://www.kick-image.at/

por Diego Eis

Web Standards – More than Just

http://govis.signify.co.nz/

por Diego Eis

Contest – Finalizado – Meu Parecer

Galera… Debaixo de muita crítica, sugestões, idéias e tudo mais… me reuni com o conselho federativo do site Tableless.com.br, e decidimos fazer o seguinte: O ganhador da votação será premiado. Mas, sua camiseta não será vendida no site. Peço desculpas e compreensão, não só para o vencedor, mas sim para todos aqueles que colaboraram de alguma forma. Farei eu mesmo uma camiseta, e colocarei aqui no site. Acho que eu não tinha o direito de colocar os participantes debaixo das críticas afiadas dos leitores deste humilde site.

por Diego Eis

Netscape 8

Saiu a versão 8 do browser Netscape. Não vou comentar. Não sei da onde saiu a idéia de colocar o motor do Internet Explorer. Alguém sabe?

por Diego Eis

Votação – Vista esta Camisa

Galera… Estou muito atarefado esses dias. Para vocês terem uma idéia, estou postando de Campinas-SP… Se eu soubesse que iria ser corrido, tinha deixado o contest para mais tarde. As votações vão até o dia 20! Votem! Abaixo, vocês podem conferir as camisas: Che Guevara Tableless iChing Logo Tableless Vencedor Logo Tableless. Em segundo lugar Che e em Terceiro, iChing.

por Diego Eis

Vista esta Camisa – Mudanças

Galera… Obrigado por participarem! Mas há algumas mudanças que eu gostaria de fazer e que só vieram a tona agora! Recebi muitas colaborações, e fico agradecido por isso… Mas vi que vocês estão se apegando muito ao logo do Tableless. Claro! Tem que ter o logo do Tableless, mas não ficar totalmente preso a ele. Mesmo porque ele não é um logo conhecido por todos. No site LinuxMall há uma parte para vendas de camisetas, dei uma navegada e achei essa camiseta Código Binário.

por Diego Eis

W3C Launches Mobile Web Initiative

Não digam que eu não avisei. W3C Launches Mobile Web Initiative

por Diego Eis

Style Master

Para quem vive procurando um bom editor de css, aqui vai uma dica: Style Master. Dei uma olhada por cima nele. Pude notar que ele é ótimo para quem está começando com css. Ele tem um tipo ajuda que diz a compatibilidade dos elementos, dá a descrição, valores possíveis, entre outras coisas. Eu sugiro que você faça o download nem que seja somente para testar. pescado do Zeldman

por Diego Eis

WinXP em Tableless

WinXP em Tableless dica do Bruno Torres

por Diego Eis

Contest: Vista esta Camisa

Minha Gente! Está aberto o contest Vista esta Camisa. Há algum tempo, cogitei a idéia de fazer uma camisa pro Tableless… vi que muitos gostaram da idéia e apoiaram. Vários dos comentários estavam dando a idéia de fazer um contest para o design da camiseta. Abaixo, as instruções: Qualquer pessoa pode participar e pode enviar quantas opções quiser. As idéias de design devem ser enviadas para mim por e-mail. O arquivo enviado deve ser um JPG ou GIF.

por Diego Eis

Bonito de se ver #3

http://johandahlstrom.se/ http://emericawildinthestreets.com/ http://www.blogio.de/ http://www.challies.com/ http://www.thedarns.com/

por Diego Eis

Adobe GoLive Cs2

Estava dando uma olhada nas novidades nas versões CS2 dos programas da Adobe. Então, por acaso, vi algumas novidades no Adobe GoLive Cs2. Usei uma vez o GoLive há muito tempo. E hoje, vendo as novidades que Adobe implementou, vi que ele melhorou muito. Nessa última versão (CS2), não deixei de notar que eles estão dando uma atenção fabulosa para o Padrões Web. Notei também que eles estão dando uma atenção especial ao suporte de CSS para dispositivos móveis!

por Diego Eis

Em qualquer lugar com qualquer dispositivo

Seguir os Web Standards é muito mais que ganhar aquelas vantagens que todos já conhecem. Essas vantagens que os usuários e que os desenvolvedores ganham logo que abordam os Padrões, são apenas o princípio. Com o advento da internet móvel – que já é uma realidade – nunca foi tão importante desenvolver sites que funcionem em outros dispositivos que não sejam Desktops. Vou ser um pouco ousado, se me permitem: Desenvolver sites que seguem os Padrões Web, mas pensando apenas em Desktops, é um erro tão grave quanto não abordar os Padrões.

por Diego Eis

2005 CSS Reboot

Belo projeto. Todo dia 1º Maio, designers que fazem seus sites seguindo os padrões, fazem um redesign de seus sites. Esse projeto não é novo. Ele foi inspirado em outro projeto que tinha a mesma missão, só que em vez de CSS, os designers usavam Flash. Sobre o Projeto O cara da Idéia O projeto em Flash

por Diego Eis

Bonito de se ver #2

http://chiseko.hosted.doosh.net/ http://www.davyvandenbremt.be/blog/ http://www.monolinea.com/ http://www.subsystence.net/volume5/ http://www.cuartopiso.com/web/

por Diego Eis

Fácil e rápido

Um Gif mostrando a facilidade de fazer um layout baseado nos Web Standards. Link @ URL Sinistras

por Diego Eis

50 Milhões de Raposas

Pois é… Agora já são mais de 50 Milhões de raposas navegando na web. E o número, felizmente, continua crescendo. 50 Millions on Friday! Spread Firefox

por Diego Eis

Internet Explorer no Linux

Alguns posts atrás, disse que no Linux não tinha Internet Explorer. Retiro o que disse: Internet Explorers for Linux Claro que não são a mesma coisa, só serve para aqueles que usam linux testar os sites. Link @ fechaTAG

por Diego Eis

1 Milhão de Downloads

Uma notícia meio que velha já. O Opera teve 1 Milhão de Downloads em 4 dias. 1 dia a menos que o Firefox. Acontece que o legal disso tudo, é que o CEO da Opera, o Jon S. von Tetzchner, tinha prometido que se essa marca fosse alcançada, ele nadaria da Noruega até os Estados Unidos. Mais uma ótima notícia para os desenvolvedores. Quantos milhões de downloads será que o Internet Explorer tem?

por Diego Eis

Bonito de se ver #1

http://stevepsharpe.co.uk/ http://www.certovka.info/eng/ http://www.steinruckdesign.com/ http://www.karmatics.com/aardvark/ http://www.newinphilly.com/ http://www.jeremyboles.com/

por Diego Eis

PalmOne Convertida

Obrigado ao Francisco Penedo por ter nos enviado mais um Convertido. Desta vez, ele converteu o site da PalmOne. Não é a primeira vez que o Francisco converte um site. Ele já converteu o site da Siemens também. Parabéns.

por Diego Eis

Software Livre: A missão

A Simone tocou num assunto que está sendo muito discutido por aí… e que na primeira impressão, muitos pensam que não tem muito a ver com desenvolvimento web, web standards, e tudo mais. Em Linux não há Internet Explorer. Logo, pessoas de baixa renda comprando esses computadores, usando linux, provavelmente usando Firefox ou até mesmo Konqueror para acessar a internet. Pois é… Acho que vocês já sabem o que quero dizer.

por Diego Eis

Sun Convertida

Obrigado ao Tiago Madeira por ter nos enviado mais um Convertido. Ele converteu o site da Sun Microsystems.

por Diego Eis

Comentários do Post Anterior

Galera, Vi nos comentários do Post anterior, que algumas pessoas não estão gostando dos banners do Google e das propagandas relacionadas a Atípico. Gostaria de agradecer aos que comentaram, esse site não seria nada sem as pessoas que expressam sua opinião sobre um determinado assunto. Desculpe pelas propagandas. Há certos custos que precisamos arcar quando mantemos um site. Vou tentar fazer umas camisetas para vender mas até lá, os banners irão ficar onde estão.

por Diego Eis

Notícias sobre Internet Explorer 7

Que ótimo!! Li no Veerle algumas coisas que me deixaram um pouquinho feliz sobre o Internet Explorer 7. Uma delas é que o Browser vai passar a suportar o canal Alpha de imagens PNG. Outra coisa legal, é que aqueles bugs que, por exemplo, o site Position Is Everything vão ser resolvidos. Quem viver, verá. Mais detalhes

por Diego Eis

Curso de Tableless e Ajax

A Visie é pioneira em ministrar cursos presencias de Padrões Web, Tableless, AJAX e companhia… Você pode fazer cursos individuais ou empresariais treinando grandes equipes. Já treinamos equipes de empresas como Editora Abril, Petrobrás, Terra, Unisys e muitos outros! Nós ensinamos pessoas que tenham interesse pela profissão e pela internet. Que gostem de informação e saibam que a internet é algo que muda o relacionamento das pessoas. Ensinamos no curso de tableless a escrever código com significado semântico, organizado e fácil de ser indexado por buscadores.

por Diego Eis

Matéria sobre Tableless

Tableless: A nova Web Esta é a matéria de capa da revista WebDesign. A matéria foi escrita pelo André Philippe Iunes, mas eu tive o prazer de contribuir juntamente com o Elcio e a Simone Villas Boas. Espero que gostem!

por Diego Eis

The Css Playground

Divirta-se The Css Playground

por Diego Eis

IE comendo mosca

update: 1º de Abril. O engenheiro da Micro$oft, Adrem Resworb, do time que está trabalhando no desenvolvimento da nova versão de seu pseudo-browser do ícone azul, afirmou extra-oficialmente que ele e seus pares estão trabalhando em uma adaptação de um engine open-source de renderização HTML e CSS. Esse engine seria supostamente baseado em gecko (lagartixa em português, por isso comendo mosca), usado pelos navegadores, já conhecidos de todos, Mozilla e Firefox, além do Netscape.

por Diego Eis

Browsers dos Dispositivos Móveis

Dispositivos Móveis. Este é um terreno muito estranho para os desenolvedores de sites. Talvez você tenha ouvido falar em fazer sites para Dispositivos Móveis (Mobiles) depois que começou a estudar Web Standards. Confesso que comecei a dar mais atenção a essa área depois que estudei a fundo os Padrões. Mas, para aquele usuário um pouco mais avançado, que quer fazer seus sites aparecerem melhores nestes dispositivos, nada melhor que conhecer os Browsers que estão disponíveis e que são usados pelos usuários de Mobiles.

por Diego Eis

Real.com convertido

Converti o site da Real na sexta passada. Visualizar a conversão Talvez a home que apareça para você no site original seja diferente, depende do sistema operacional ou browser que você entrar. A home que apareceu para mim foi essa.

por Diego Eis

Site da Siemens Convertido

O site da Siemens foi convertido… Mais um para a galeria de sites convertidos do Tableless. Obrigado ao Francisco Penedo pela contribuição.

por Diego Eis

Novos Ares

Faz algumas semanas que estou de Sistema Operacional novo. Migrei quase que totalmente (já explico) para o maravilhoso Linux. Passei a usar o Linux por pura teimosia. Já havia tentando várias e nunca havia conseguido me acostumar. Na hora de me divertir, ler emails, ler rss, blogs e tudo mais, eu ficava no Linux, mas quando chegava a hora de trabalhar, lá estava eu de volta no maldito Windows. Mas isso mudou de uns tempos para cá.

por Diego Eis

Doctype e Browsers Modes

Um assunto meio complexo e interessante que muita gente se confundi na hora de entender. Doctypes e os modes dos browsers. Acho que todos já ouviram falar em Box Model, não é? Pois então… Alguns browsers calculam as medidas no CSS de um jeito particular, calculam do jeito antigo, errado, causando esse tipo de problema. Muitos fizeram sites enquantos os browsers calculavam do jeito errado. Logo, os desenvolvedores dos browsers ficaram num dilema: Se eles resolvessem o “bug” de cálculo, muitos sites iriam parar de funcionar corretamente…

por Diego Eis

How Firefox Works

Ótimo artigo sobre Firefox e suas qualidades! Para quem ainda está com um pé atrás de usar um “browser alternativo”, leia! How Firefox Works

por Diego Eis

Desculpas

Pedirei 2 desculpas: a primeira é pela falta de posts e a segunda é porque ainda vamos continuar sem nossa programação normal de posts! 🙁 Para quem está afim de estudar, esse site tem muitos truques interessantes. Vale a pena dar uma olhada no CSS e testar. www.pmob.co.uk

por Diego Eis

O maravilhoso mundo dos Browsers

Há muitos assuntos interessantes que podem ser estudados dentro dos Web Standards. Browsers é um assunto desse tipo. Nesse artigo, não abordei nenhum tópico histórico como a Guerra dos Browsers, que de fato, é um tópico que a maioria dos desenvolvedores mais gostam de estudar. Espero que gostem. O mundo mágico dos browsers

por Diego Eis

Ie7 is coming! Será?!

Gates Highlights Progress on Security, Outlines Next Steps for Continued Innovation Major News: Internet Explorer 7.0 announced by Bill Gates IE7 Standalone IE To Be Released This Summer Reversal: Next IE update divorced from Windows

por Diego Eis

Css Hacks – Ruim com eles, pior sem eles.

O que são os CSS Hacks? Css Hacks não são mais do que “gambiarras” no código do css que abusam de erros de renderização dos navegadores. Para que serve?! Talvez você já enfrentou um problema parecido: Quando você está implementando um layout, e compara o resultado em vários navegadores, percebe que ficou certo em dois deles mas exclusivamente em um, ficou totalmente diferente. Você sabe que o defeito é simples de ser resolvido… sabe que é só mudar o tamanho do div, para fazer funcionar, mas se você o fizer, vai dar defeito nos outros dois navegadores que estavam certos.

por Diego Eis

KISS!

Calma, não é comercial de alguma banda de rock ou rede de relacionamento. Trata-se de um acrônimo: Keep It Simple, Stupid. Um grande número de problemas que os iniciantes enfrentam são por causa da complexidade do código. Muitas vezes os div´s aninhados substituem as tabelas aninhadas, fazendo o sentindo de se implementar com Padrões Web se perder. Deixar o mais simples possível. Praticar a simplicidade não é fácil… Parece simples, mas não é.

por Diego Eis

Msn agora é tableless

O site MSN agora com novo visual e tableless. Como o código provavelmente é gerado automaticamente por alguma ferramenta, não esperem um código identado e bonitinho. Mas mesmo assim, Web Standards. Como o MSN.com deve receber uma quantia inestimavel de visitas, provavelmente a primeira “vantagem” que eles vão perceber, será a economia de banda. Logo depois, posso palpitar pela velocidade de download. Isso mostra que a microsoft (ou os seus desenvolvedores web) se preocupa um bocadinho com esses negócios de Web Standards, CSS, sites mais rápidos, e etc… Pelo menos já é alguma coisa.

por Diego Eis

Listas de Discussão

Sempre me chega algum e-mail ou alguém no msn/icq me procurando e perguntando se eu conheço alguma lista de discussão sobre Web Standards, desenvolvimento e etc… Sim, eu conheço e elas são ótimas: ArqHP Lista de discussão em torno de produção otimizada de home pages, abordando HTML, XHTML, XML, tableless, CSS, semântica, validação de documentos, separação de informação da formatação, DOM e demais tecnologias recomendadas pelo W3C. WebStandards-Br Grupo de discussão em português sobre os recomendações do W3C para a construção de websites: metodologia ‘tableless’, validação de código, xHTML, CSS, XML, XSLT, navegadores e dispositivos, semântica, acessibilidade, SEO, portabilidade.

por Diego Eis

Layouts Tableless são quadrados

E eu já ouvi muito disso. Vendo os web sites que existem em sites como CssVault, Css Beauty e outros dessa linha, percebemos que não é bem assim. Criar sites quadrados e minimalistas é uma opção do designer e não porque o site foi feito usando web standards. Os Web Standards não estão aí para limitar e sim libertar, dar mais flexibilidade, mais facilidade. Se um site tem sombrinha, se é clean ou minimalista, não é necessáriamente a identidade dos sites tableless…

por Diego Eis

Palm com Linux

Carta da Palm À Comunidade Linux Ótimo… Um sistema operacional conhecido, assim as coisas ficam mais fáceis na hora da construição dos sites.

por Diego Eis

Nokia Convertido

Mais um site convertido! Desta vez é da Nokia!

por Diego Eis

Cisco Systems Convertido

Cisco Systems foi convertido.

por Diego Eis

</2004> <2005>

Junto com o Ano Novo, o Tableless faz mais um ano de vida… Este é o 2º. Nestes 2 anos o Tableless ganhou experiência, ganhou conteúdo, e também muitas visitas. E acho que nosso objetivo está sendo cumprido: Divulgar a todos os Web Standards. No ano que passou, aconteceu algumas mudanças aqui no site, que ajudaram no conhecimento de todos. Uma das mudanças foi abrir a seção de convertidos para vocês colaborarem.

por Diego Eis

Opera with Voice

Mais uma novidade para abalar o mundo dos browsers. O Opera lançou o Beta do Opera 8, e a grande novidade é que agora você pode navegar dando comandos de voz. Testei aqui e gostei um bocado… o treco funciona mesmo! Mas eu ainda acho as mouse gestures mais rápidas. Não darei mais detalhes, baixem, testem, e digam suas opiniões. 😀 Opera with Voice Baixar Opera 8 Beta

por Diego Eis

Feliz Natal

Feliz Natal para todos vocês! :-D.

por Diego Eis

Podcast#8

Entrevista com Jonas Galvez - Parte 2

por Diego Eis

Podcast#7

Entrevista com Jonas Galvez - Parte 1

por Diego Eis

Vídeo Tutorial #2 – Css Hacks

Olá galera… Mais um Vídeo Tutorial… agora falando sobre Css Hacks. Vídeo Tutorial #2 – Css Hacks Tamanho:4,35Mb Formato: SWF Tempo: 8m:22s Baixar estudo Agora você pode ver e baixar os estudos na seção de ESTUDOS do site. Cadastre-se grátis no Campus Online e veja vídeos sobre Tableless grátis!

por Diego Eis

Podcast#6

Entrevista com Fred Van Amstel - Parte 2

por Diego Eis

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

É o seguinte: Este aqui é um teste, e se houver um boa aceitação por parte de vocês, vamos tocar para frente. Este é o nosso primeiro Vídeo Tutorial. Um jeito fácil, rápido e melhor de ensinar e divulgar os web standards. Neste primeiro video estamos mostrando como se faz um layout básico de 3 colunas! Então, para quem é mais experiente, tenha paciência, aumentaremos a dificuldade com o decorrer do tempo.

por Diego Eis

Podcast#5

Entrevista com Fred Van Amstel - Parte 1

por Diego Eis

PNG ou GIF?

Leia um pouco mais sobre o assunto. GIF or PNG.

por Diego Eis

Lições sobre semântica #2

E lá vamos nós de novo… Estou devendo a todos um artigo sobre semântica. Quero dizer que estou no processo… semântica é um assunto um tanto abrangente, então, aguardem. Abaixo, mais uma questão sobre semântica. Qual a opinião de vocês? Situação: Estou desenvolvendo um artigo, escrevendo no meu blog ou simplesmente fazendo um texto para um trabalho na faculdade. Achei na internet uma frase muito legal sobre o assunto que estou escrevendo, e gostaria de colocar no meu trabalho, artigo ou post do blog.

por Diego Eis

Palestras sobre Tecnologia Móvel

O site Mobile Life está promovendo palestras sobre Tecnologia Móvel. É um assunto interessante, novo, e que ajuda muito aquels que querem fazer sites além dos Desktops. Para quem pensa que Wi-Fi é tecnologia de InfraRed (acredite, tem gente que pensa isso), ou aqueles que pensam que Access Point é o local onde acessamos internet sem fio, vale a pena assistir. Não importa o seu nível de conhecimento, vale a pena assistir.

por Diego Eis

Para os designers…

Muitos designers acham que fazer sites seguindos os Web Standards vai limitar a as possibilidades de se fazer layout, resultando num site todo quadrado, com cara de portal do século passado. A coisa não é bem assim, e digo que é totalmente o contrário… Os Web Standards dão mais liberdade e idéias novas para o layout. Por isso, segue abaixo uma lista de links que não fazem outra coisa além de listar belos sites que seguem os Web Standards.

por Diego Eis

Samsung e H.Stern convertidos!

Samsung H.Stern Aqui no Tableless há uma seção chamada Convertidos. Nesta seção, colocamos exemplos didáticos de alguns sites que foram convertidos para os Padrões. Na época da conversão os sites não eram tableless. Por isso, a nível didático, voluntários escolheram alguns grandes sites e converteram seu código para Padrões Web.

por Diego Eis

Netscape: O Retorno!

A Aol decidiu recomeçar a desenvolver o Netscape. Dessa vez, eles vão se basear no tão adorado Firefox. A AOL já tentou uma vez, fazer um browser baseado no IE… Acho que agora eles estão tomando jeito. Então, ganhamos de volta mais um browser que segue os padrões, leve, flexível e seguro. Netscape Revived With Firefox Backing

por Diego Eis

XStandards

A Simone me enviou um link muito interessante: Banners Promoting Standards-based Products / Services. Banners promovendo os padrões! Muito legal!

por Diego Eis

Me copiaram na cara larga!

Um visitante deste site me mandou um link hoje de um artigo super legal do site Firemasters, pena que o artigo era meu! E não estava com as devidas referências. Tá certo que o Tableless está sob Creative Commons, acontece que mesmo assim deve-se dar os créditos ao dono do material. Entrei em contato com o site, vamos ver o que eles falam… Coisas do tipo já aconteceram com o Fred van Amstel

por Diego Eis

Firefox 1.0

Foi lançado a versão oficial do Mozilla Firefox 1.0. O O que achei mais interessante, foi que eles colocaram no menu Help, uma opção chamada “For Internet Explorer Users”, onde eles mostram opções do Firefox equivalentes ao do Ie. Neste mesmo lugar, eles falam que os usuários do Internet Explorer, podem importar para o Firefox seus cookies, passwords, favoritos e uma variedade de outros dados. Acho que isso vai ajudar um bocado este usuários que de fato querem mudar para melhor.

por Diego Eis

Lições sobre semântica #1

Eu vi a idéia em um site, e gostei muito, por isso vou aplicar aqui no Tableless. A idéia consiste no seguinte: Colocarei aqui regularmente umas perguntas sobre semântica. Darei duas ou três opções e você dará sua opinião postando nos comentários. Acho que isso ajudará a desenvolver uma idéia geral sobre semântica e como construir uma estrutura correta. Para fazer o título de uma lista, qual o mais semântico?

por Diego Eis

Firefox in The New York Times

Isso aí! O Firefox está investindo pesado em sua divulgação. Eles conseguiram arrecadar $250.000 para publicarem sobre o lançamento do Firefox 1.0 no jornal The New York Times. E ouvi por aí que eles estão armando 284 festas pelo mundo todo, sendo que 11 vão ocorrer aqui no Brasil. O mais legal disso tudo, é que na lista dos que mais doaram, havia um nome conhecido de todos nós… a UOL foi o 7º da lista.

por Diego Eis

Em quem você vai votar?! :-D

Não tratamos de assuntos políticos aqui no Tableless, mas este vale a pena. Um leitor deste site nos mandou um email avisando: O site do candidato a prefeito José Serra é Tableless! 😀 Bem, fui lá conferir, e ele tinha razão. Apesar do código ser um tanto bagunçado e de faltar alguma semântica, o site é tableless. Ponto para ele.

por Diego Eis

Pushing Your Limits

Uma ótima apresentação de Douglas Bowman sobre criação e desenvolvimento de design com CSS. Pushing Your Limits Vi atrasado no Url sinistras via Bloglines.

por Diego Eis

Redesign no site do Opera

Não sei quando eles mudaram, não vi ninguém comentando por ai, vi apenas hoje quando procurava algo sobre o Opera 7.6. O site deles ficou mais bonito na minha opinião. O site é tableless, mas o código é muito bagunçado. Opera – Fica aqui a dica se você ainda navega com um programa arcaico como o Internet Explorer.

por Diego Eis

Porsche USA é tableless

Outro dia foi a chevrolet.com, agora chegou a vez do Porsche. Isto é ótimo.

por Diego Eis

A importância de seguir padrões

Comecei a ler o livro “Estrada do futuro” escrito por Bill Gates. E no livro ele conta como a indústria da informática teve início. A história é muito interessante e eu sempre me impressiono pelo jeito e pela velocidade que tudo tomou forma. Na história, Bill Gates fala sobre a IBM. Ele conta qual foi seu primeiro passo para o mundo dos pc´s. E fala sobre como foi que eles conseguiram a maior fatia do mercado.

por Diego Eis

Desenvolvendo Web Sites para PDA´s

O Mobile Life criou um artigo sobre Desenvolver sites para dispositivos móveis. Vale muito a pena dar uma olhada e aprender como podemos levar a internet para além dos desktops. O Tableless também está com um artigo no forno sobre Media-Types. Aguardem.

por Diego Eis

IBM e HP convertidos

IBM e HP foram convertidos pelo Bruno Torres. É, o cara não pára mais, acho melhor alguém fazer alguma coisa! 😀 Deixa sobrar um tempinho para ele ver o que é bom. IBM convertida HP convertida

por Diego Eis

Site grande e conhecido

Este é o alvo para a parte de convertidos aqui do Tableless. Mas porque não um site do provedor não sei das quantas, ou da minha empresa? O site é conhecido por muita gente? Exemplo: Microsoft, HP, IBM, Google, Submarino, Amazon, Americanas? A empresa é conhecida por muita gente? Exemplo: Microsoft, HP, IBM, Google, Submarino, Amazon, Americanas? Poxa, então sinto dizer que não dá para colocar seu site na parte de convertidos.

por Diego Eis

Skype é Tableless

Não havia visto ainda. Mas o site do Skype mudou o design. Fizeram um redesign show, o site ficou muito mais bonito. E que legal, eles seguem os padrões.

por Diego Eis

UOL convertido

O nosso amigo Bruno Torres, converteu a home do site UOL. Quem quiser dar uma olhada, visite a página de convertidos. Obrigado pela colaboração Bruno. Gostaria de colaborar também? Leia as instruções.

por Diego Eis

Apresentações sobre CSS

2 apresentações ótimas sobre CSS que são paradas obrigatórias. Uma é do Douglas Bowman: The Beauty and Business of CSS O outro é do Dave Shea: Designing with CSS: Past, Present, and Future Ótimas apresentações de dois grandes mestres da área.

por Diego Eis

Perguntas! Perguntas! Perguntas!

Recebo muitas perguntas por email, e quase sempre não consigo responder a todas. Por isso, tive a seguinte idéia: Pelo menos 1 vez por semana, irei selecionar pelo menos 1 pergunta e disponibilizarei junto com a resposta (claro) aqui no blog. Isso será útil, pois muitas pessoas tem perguntas semelhantes, então poderão ser respondidas. E mais um recado. Há sempre algumas pessoas que fazem umas perguntas oportunistas do tipo: “Estou desenvolvendo um site, acontece que tem um div que não fica certo no Ie mas fica certo no Mozilla, gostaria que vocês dessem uma olhada e me falassem o que está acontecendo.

por Diego Eis

Bem vinda Ava Marie Zeldman

Parabéns ao Zeldman e sua esposa Carrier Bickner pelo novo bebê. O nome dela é Ava Marie Zeldman. 😀

por Diego Eis

Entrevista com Joel Spolsky

O Bruno Torres entrevistou o Joel Spolsky! Vale a pena dar um lida no que o cara diz. Muito interessante. Ler a entrevista

por Diego Eis

Opera Mobile: 1.000.000 de Downloads.

Não é só o Firefox que pode ficar feliz. O Opera para Mobile também deve! É muito bom saber que browsers bons estão conseguindo mercado, deixando os browsers ruins para trás… fonte: Mobile Life

por Diego Eis

Pesquisar no Google

O Bruno Torres fez um sisteminha muito legal. Funciona assim: Você quer saber em que posição seu site se encontra no google se procurando por alguns termos, você escreve os termos e ele te dá o ranking do seu site. Muito útil para quem está querendo acompanhar a evolução do site no google. Ranking do Google O Elcio fez um também, que pode ser acessado aqui.

por Diego Eis

Tableless ATOM!

Ontem o Peka me fez o favor de colocar as notícias do Tableless no formato ATOM! Valeu Peka! Se alguém quiser, o endereço é este aqui: http://tableless.com.br/atom.asp

por Diego Eis

1.000.000 de Firefox queimando tudo!

O Firefox já passou de 1.000.000 de downloads! São 1.000.000 de pessoas acessando a web com um navegador robusto, rápido, e melhor ainda, complacente com os padrões. 1.000.000 a mais de motivos para os desenvolvedores adotarem os padrões. Spread Firefox

por Diego Eis

Firefox! Queimando tudo!

Depois de dois dias que o Firefox 1.0 foi disponibilizado para downloads, ele alcançou a marca de Meio Milhão de downloads. A meta deles era alcançar 1 Milhão em 10 dias! Uma ótima notícia para nós desenvolvedores. O firefox está crescendo, se popularizando. As pessoas que não são Hard user´s estão aderingo também, e isso é uma bela oportunidade para todos os envolvidos, menos para ela. Fontes: Asa Galera, vamos dar uma força ao Firefox.

por Diego Eis

Emulador de Windows Mobile

Quem não quer gastar comprando iPaq, ou algum outro PDA para testar seus sites, o Mobile Life preparou um tutorial super legal que ensina passo – a – passo a instalar um emulador de Windows Mobile. Recomendo! Instalando e Configurando Emulador de Windows Mobile

por Diego Eis

Alemanha recomenda abandono do Internet Explorer

Alemanha recomenda abandono do Internet Explorer Pois é! E o ambiente está se transformando. O movimento “alternativo” está criando forças e reforçando suas raízes. E isso está muito mais rápido do que a Microsoft possa imaginar. Mozilla e Opera estão sendo mais procurados. O Linux está se tornando mais popular. O Internet Explorer e o Windows estão ficando uma má fama… Eles já tinham, mas somente perante os hard users e desenvolvedores.

por Diego Eis

Redesign!

Mudou! Ainda estou arrumando alguns detalhes… Mas novidades vêm por aí. Para começar, visitem a seção de CONVERTIDOS. Neste seção, você vai poder comparar os sites convertidos para tableless e os originais. E você poderá baixar um ZIP com as duas versões para estudá-las melhor. Por enquanto, há apenas 2 sites convertidos: O novo site da Microsoft, e o site da Apple. Estou com outros na manga, e logo estarão no ar… Fiquem ligados.

por Diego Eis

Internet: Reestruturando nossa vida

Internet: Reestruturando nossa vida Saiu um artigo novo no Mobile Life. Fala sobre como a internet tem que mudar, como ela mudou, e o que devemos fazer para mudá-la para melhor.

por Diego Eis

Nossos problemas acabaram! Ou quase.

Toda dificuldade que os desenvolvedores tem de compatibilizar os sites em dispositivos móveis, pode ter acabado com este brinquedinho. Com apenas um movimento o usuário pode visualizar a página web que está sendo visitada. Talvez, o desenvolvedor não se preocupará com mais nada para manter a compatibilidade dos sites!

por Diego Eis

Uma coisa diferente!

Acompanhe a implementação do novo layout do Tableless! O que é? Aqui você pode ver o Diego Eis tentando implementar o layout planejado para o Tableless.com.br. É uma primeira tentativa, começando do zero. Tomara que ele consiga terminar hoje mesmo 😉 … Por quê? Porque sim. Muita gente tem perguntado, curiosa, como é o processo de implementar os sites aqui. resolvemos mostrar, pra ver se ajuda a matar a curiosidade do povo.

por Diego Eis

Mozilla Redesign

E eles sempre inovando! Mozilla.org Daqui a pouco o Tableless também passará por um redesign! 🙂

por Diego Eis

Ganhando a batalha na web!

Acabei de ler o post Não Basta Acessar, Tem que Comprar, no site Usabilidade & Arquitetura da Informação, e concordo plenamente. Existem várias barreiras hoje para conseguirmos fazer o internauta acessar seu site. A primeira delas é fazê-lo visitar, a segunda é fazê-lo usar o site, a outra é fazê-lo voltar ao site… Completando estes pontos, você conseguiu vencer. Assim, na teoria, parece ser fácil, mas algumas barreiras você precisa derrubar para conseguir vencer as etapas acima: Usabilidade, Acessibilidade, Compatibilidade, uma boa arquitetura de informação, Design, Funcionalidade, e por aí vai.

por Diego Eis

Opera para Windows Mobile

Bem bem bem! Quando eu peguei um palm pela primeira vez fiquei alucinado, naveguei na web e tudo mais! – Nossa, isso funciona mesmo! Legal pra caramba… Bah! Leigo! 🙂 Depois, consegui segurar e mexer por alguns minutos um iPaq! Naveguei na web e tudo mais. Não tinha palavras, palm para mim era passado. E pensava agora: Como alguém pode conseguir navegar na web com aquilo?! Não conhecem um PocketPC, só pode!

por Diego Eis

Pocket-Sized Design

O ALA escreveu um artigo que fala dicas de como você pode tratar o design do seu site para os dispositivos que usam Small Screen. Muito útil para quem está enxergando o futuro. Logo mais o tableless dá mais algumas dicas em português. Pocket-Sized Design: Taking Your Website to the Small Screen

por Diego Eis

Wireless? WLAN? Wi-Fi?

Foge um pouco do escopo do site, mas nem tanto. Este negócio de “sem fio” vem dominando, e se a gente não estiver por dentro, com certeza ficaremos para trás. E como qualquer assunto ligado a área de informática, vem de presente uma sopa de letras. O Rigonatti, administrador do site Mobile Life, fez um artigo que nos introduz nesta área, explica direitinho o que é estes negócios de WLAN, WPAN, Wi-Fi, Wireless, 802.

por Diego Eis

Redhat Tableless!

O novo site da RedHat é Tableless! Open Source e Padrões Web andando juntos!

por Diego Eis

Microsoft Redesign

E aquela empresa que fez aquele browser, redesenhou o site. Tenham a curiosidade de abrir o código fonte. Redesenharam o site e não tiveram a vontade de fazer um código complacente com os padrões. Mas eu tive. Precisa de alguns retoques, mas tá aí.

por Diego Eis

Felipe Memória

Os desenvolvedores estão cada vez mais familiarizados com Tableless. Um exemplo disso é o site do Felipe Memória. Tableless e com um design bem… como se dizer, “caipira”! Vale a visita.

por Diego Eis

Para o alto e avante!

Conectado em pleno ar Acho que o pessoal está levando a sério esta história de se conectar à internet em qualquer lugar. E não é só em avião como o link acima mostra… Dia desses era um pessoal querendo se conectar no ônibus. Em qualquer lugar, a qualquer hora, com qualquer dispositivo. A internet já virou coisa séria e indispensável. Até a prefeitura de São Paulo se preocupa com isso, e está criando mais e mais TeleCentros.

por Diego Eis

Tendências (utópicas?)

Eu, em parceria com o Thiago Rigonatti, fizemos um pequeno artigo sobre a convergência e tendências da internet. Vale a leitura.

por Diego Eis

Acessibilidade e os Padrões Web

Acessibilidade… Você já ouviu muito sobre isso. Quando vemos esta palavra, já relacionamos com site acessível aos deficientes visuais. <p> Acontece que isso é muito mais amplo do que parece. Acessibilidade sim, tem a ver com sites mais acessíveis aos deficientes, mas não só eles. Muito gira em torno disso, e às vezes ficamos condicionados a pensar dessa forma. </p> <p> Acessibilidade é para todos. Desde o usuário que tenta acessar o site do banco pelo desktop usando um browser como Opera e Firefox não conseguindo acessar corretamente o site, até aquele usuário que está preso no trânsito e aproveita para tentar mandar um email pelo seu PDA.

por Diego Eis

Acessibilidade fala com você

Baixei o Home Page Reader 3.0 da IBM. Apesar da voz “robotizada”, do sotaque, e do ritmo com que as palavras eram faladas, o programinha funciona! Naveguei em alguns sites, e notei que várias coisas podem influenciar a navegação com estes programas. Desde a pontuação do texto até a semântica do código. Exemplo? O programa mudava de voz para falar títulos que eram marcados com tags h1, h2, etc.. Se o texto era marcado com tags de parágrafos, eu podia facilmente navegar por eles.

por Diego Eis

A internet começa a dominar os cantos

Telefônica lança oficialmente o Speedy Wi-Fi A Telefônica está fazendo isso agora. Mas o pessoal que usa ajato já tinha este serviço. Com o Speedy Wi-Fi, mais “algumas” pessoas poderão acessar a internet de qualquer canto. Cansei de ver o Rigonatti jogando e acessando sites sentado em uma mesinha de um Fran’s Café da vida. A revolução está começando, esteja você preparado ou não, a internet vai dominar todos os cantos, aonde quer que você esteja, ela vai estar presente.

por Diego Eis

Pixeladas Aleatórias

A Simone Villas Boas, andou sumida algum tempo. Mas está voltando com a corda toda em seu novo blog chamado [Pixeladas Aleatórias]1. Parabéns!

por Diego Eis

Internet por todo canto

Ontem o Rigonatti me seqüestrou para um evento promovido pela Intel! O assunto da pauta era Soluções Wireless. Há muito a se pensar nesta área. Eles falaram muito das tendências de hardware, padrões como Wi-fi e WiMax. Deu para perceber para qual caminho a web está caminhando, e quem não estiver preparado, vai cair do cavalo. A principal visão deles está simplificada nesta pequena frase: Em qualquer hora, em qualquer

por Diego Eis

Wiki do Tableless

Para comunidade Tableless… mais uma facilidade. Estamos disponibilizando um Wiki. Para quem não sabe, Wiki, é um ambiente colaborativo aberto. Qualquer pessoa pode, em qualquer página, clicar sobre o link “Editar esta página” e alterar o texto. Por isso pessoal, vamos lá colaborar e aprender um pouco. Assim, todos se ajudam e a procura por informações fica mais fácil.

por Diego Eis

Layout básico de 3 colunas

Galera, muita gente pediu, então eu fiz um tutoriazinho básico, que explica como fazer um layout simples de 3 colunas. Nada de outro mundo, só para esclarecer os marinheiros de primeira viagem. Layout básico de 3 colunas.

por Diego Eis

The Css Box Model Hierachy

O Jon Hicks tenta explicar com esta imagem, o que é o que num elemento que contém padding, margin, border etc… Vale a pena dar uma olhada.

por Diego Eis

Digital Web Magazine

A Digital Web Magazine, revista online que contém artigos sobre diversos assuntos ligados à internet, sofreu um redesign no último dia 13⁄05. [Craig Saila]2 foi resposável pela implementação do HTML e do CSS. Pessoas como Dave Shea, Jeffrey Zeldman e Eric Meyer contribuem com artigos para o site.

por Diego Eis

Mais um!

É muito bom quando empresas começam a adotar os padrões. O blaz:// HOST é uma dessas empresas. Parabéns a equipe. Mais um site Tableless.

por Diego Eis

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

Para fechar a semana, um ótimo artigo do Michael Cohen. Fala sobre a separação de informação e formatação.

por Diego Eis

O outro lado da moeda

O Andy Budd escreveu um artigo que fala sobre como em algumas ocasiões, o uso das tables é melhor do que o uso de CSS. An Objective Look at Table Based vs. CSS Based Design. vs_css_based_design/

por Diego Eis

Blogger Tableless!

O Blogger está novo! Ficou muito mais bonito, fácil, tem vários novos templates. Teve muita gente envolvida neste projeto, pessoas do tipo: Jeffrey Zeldman, Dan Cederholm, Todd Dominey, Dan Rubin, David Shea e Douglas Bowman. Logo, o Blogger está Tableless.

por Diego Eis

Redesign do Zeldman

O grande Zeldman redesenhou seu site. Vale a pena dar uma visita!

por Diego Eis

Terra.com tableless

O site do Terra.com é tableless! Um erro aqui e ali, mas já é um grande passo. Acho que o pessoal está começando a mudar o jeito de pensar. Um dia tinha que acontecer. Qual será a próxima vítima? 😉 dica ¿ Rogério Madureira

por Diego Eis

Mobilidade

O Rigonatti está lançando seu site sobre Mobile. Se você quiser saber novidades sobre Palms, PDAs, Rede sem fio, Smartphones, etc.. é só dar uma passada aqui. Ahh, totalmente tableless.

por Diego Eis

Gurus Vs. Bloggers

Para relaxar na páscoa. Combate super legal entre Gurus e Bloggers! Não não, eles não estão brigando num ringue… O Andrei Herasimchuk do site Design by Fire está fazendo um combate com os sites. Comparando lado a lado os sites dos Gurus com os dos Bloggers. [Gurus Vc. Bloggers]2 Link ¿ Andy Budd

por Diego Eis

Mais alguns dias pro final

Galera, me falaram que estava meio apertado a data do final do contest, então ele foi pro dia 24⁄04! Mais alguns dias aí para fazer o seu CSS! No link abaixo tem informações que devem ser seguidas ao mandar os css… [Leia mais informações.]1

por Diego Eis

Aniversário e Ano Novo

Oba, oba, oba!! Antes de falar das novidades, gostaríamos de dar um **Feliz Ano Novo** para vocês, que acompanharam e visitaram o Tableless neste seu primeiro ano. Hoje o Tableless faz 1 ano de vida. Um ano se passou, muita coisa foi aprendida e compartilhada, algumas vezes, até aprendendo com os erros (“Link Fished”), mas tudo, no final, valeu a pena. Mas vamos falar do que virá… Estamos preparando uma série de novidades para

por Diego Eis

Wiki ArqHP

Conheça e participe do [Wiki da ArqHP]1. Vamos colaborar para que o Wiki cresça… Isso é útil para todos…

por Diego Eis

Bugs do IE

Este site é muito interessante para estudo pois mostra alguns dos BUGS que acontecem no IE. Ótimo estudo para quem está começando ou mesmo para aqueles mais experientes. [Explorer Exposed!]1 Link ¿ ArqHP

por Diego Eis

Why tables for layout is stupid

Esta é ótima… Quadrinhos que falam sobre o problema de se fazer layouts com Tables e sobre a solução para isso. Why tables for layout is stupid Link ¿ ArqHP

por Diego Eis

Links Importantes

Galera, Aqui vai uma dica de sites ótimos para o deleite de todos. Dá para aprender um bocado de coisa… Alguns já foram postados aqui, mas nunca é demais lembrar. 😉 MaxDesign Layout Automatic Css Border Test SimpleBits

por Diego Eis

Você tem que dar uma passada!

Com a volta do ALA, um artigo indispensável. Sliding Doors

por Diego Eis

Congratulations!

Opa, esqueci de uma coisa importante… Gostaria de agradecer aos voluntários responsáveis pela tradução da versão em inglês do Tableless. Agradeço ao: Cláudio F. Barbosa, Leonardo Prado, Vinícius Ficagna, João Faissal, Mauricio Wolff, Jefferson De Almeida Teixeira, Thiago Rigonatti.

por Diego Eis

English Version!

Ae galera… Estamos colocando no ar hoje a versão em inglês do Tableless… Gostaria de pedir para os blogueiros de plantão para que possam nos ajudar na divulgação. Se acharem erros, ou alguma coisa parecida, não deixem de nos falar.

por Diego Eis

BrowserCam!

Como fazer para testar um site no IE 5.2 do Mac não tendo um Mac? A resposta está aqui. No BrowserCam você pode tirar shots de vários navegadores nos diversos sistemas operacionais. É lógico, tem que pagar… mas você pode fazer um login “trial” que dura 7 horas.

por Diego Eis

México também faz tableless!

http://www.monolinea.com Site tableless e com ótima aparência! Portifólio da mexicana Kemie Quaida.

por Diego Eis

Mais sites tableless!

Estou vendo que o pessoal está botando para quebrar. O Renato Feijó é um que está dando o exemplo. http://www.danielfrank.ch/ http://www.eltango.ch/

por Diego Eis

Muito Obrigado!

É com muito orgulho que eu informo que nós ultrapassamos a faixa de 10000 visitas, e isso não seria possível sem a sua colaboração. Nós agradecemos grandemente a todos os visitantes, que desde o começo demonstraram bastante interesse sobre o assunto. Esperamos que este site esteja sendo de alguma forma útil para você. Um abraço Standard para todos.

por Diego Eis

Tamanho do texto em diferentes browsers

Neste site mostra a diferença do tamanho dos textos em vários browsers. E este vem de bonus. Vale a pena dar uma olhada.

por Diego Eis

Documentos do W3C em Português

Traduções para o português de documentos W3C. Alguns artigos do W3C traduzidos para o português. Vale a pena conferir.

por Diego Eis

O Tableless tem RSS viu?!

Eu acho que esquecemos de postar, mas o Tableless tem RSS. O endereço RSS é http://tableless.com.br/makerss.asp?feed=tableless

por Diego Eis

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

Está no ar o primeiro artigo falando sobre a separação entre informação e formatação. Este primeiro artigo trata sobre a Facilidade de Manutenção.

por Diego Eis

Hp Brasil é tableless!

Mais um site é tableless! É o site da Hp Brasil (versão tableless). Um exemplo pra gente aprender mais sobre tableless, espero que seja útil. Sugestões ou críticas, nos mande um email.

por Diego Eis

I Festival GNU/Linux de Salvador

Alguns posts anteriores, o Elcio mostrou vários links de sites “gringos” que estão botando para quebrar com a criação de sites tableless. Mas gostaria de falar que os “brasucas” também estão de parabéns, um exemplo é o site oficial do I Festival GNU/Linux de Salvador-BA.

por Diego Eis

Estudo de CSS

Agora o tableless tem um lugar especial para aquele pessoal que gosta de aprender. Pretendemos colocar aqui soluções para algumas dificuldades que muitas pessoas que estão começando, enfrentam ao tentar fazer sites tableless.

por Diego Eis

Dicas da arqHP

Quem é assinante da lista arqHP, deve saber que o Irapuan Martinez sempre coloca umas dicas no rodapé de todas as mensagens da lista… Agora estas dicas podem ser encontradas aqui. São dicas sobre CSS, HTML, XHTML, que são muito úteis.

por Diego Eis

Entendendo CSS

O Ronaldo disponibilizou o quarto artigo da série Construindo Sites com Padrões Web. Este novo artigo está explicando a poderosa ferramenta que é o CSS. Quem é navegante de primeira viajem, leia este artigo (e os outros), vale a pena.

por Diego Eis

Thunderbird

Estou testando um cliente de email que se chama: Mozilla Thunderbird. A primeira vista parecia meio complicado, mas depois que você começa a conhecer o programa, você percebe que não tem segredo… – Criação de Filtros para as mensagens – Suporte a skins – Tem como marcar um email como Junk Mail. – É fácil de organizar as pastas e email – Suporta Múltiplas contas Só uma coisa que é ruim… É um pouco pesado.

por Diego Eis

A força do CSS

Quer sentir o que o CSS é capaz de fazer por você e por seu site? Então visite: Css Zen Garden Um belo projeto que mostra como podemos mudar o design do site modificando apenas 1 arquivo CSS.

por Diego Eis

Browsers

Ferramenta importante para o bom desenvolvimento de um site WebStandards. É bom o pessoal que está começando conheça estes browsers, e se possível tenha eles instalados para poder testar os sites, e até escolher um preferido. Lynx (Browser de texto) – http://lynx.browser.org/ Netscape – http://channels.netscape.com/ns/browsers/ Mozilla – http://www.mozilla.org/ Firebird – http://www.mozilla.org/projects/firebird/ Opera – http://www.opera.com/ Konkeror (Linux) – http://www.konqueror.org/ Safari (Mac) – http://www.apple.com/safari/ Internet Explorer – http://www.microsoft.com/ie/

por Diego Eis

Construindo Sites com Padrões WEB

Uma série de artigos sobre Sites com Padrões Web que o Ronaldo M. Ferraz, está escrevendo. Estes artigos são ótimos para pessoas que estão começando a se interessar por Padrões da Web, e querem criar sites Tableless e responde a muitas questões freqüentes sobre o assunto. Já tem dois artigos prontos. É só conferir. Artigo 1 – Introdução Artigo 2 – Ferramentas

por Diego Eis

99,9% dos sites web estão obsoletos

O Pedro Mendes traduziu o artigo do Zeldman. 99,9% dos sites web estão obsoletos Lendo o artigo, eu tive mais certeza de que: Tableless é o bicho!

por Diego Eis

Quer estudar CSS?

É em inglês, mas mesmo assim dá para aprender um bocado. Ótimos exemplos de layouts em css, bugs de browsers, dicas de sites, etc… vale muito a pena ler os source (código fonte), e aprender um pouco sobre o que dá para fazer com CSS. http://www.positioniseverything.net/

por Diego Eis

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

Aqui está! Aprenda agora a construir sites acessíveis em qualquer navegador ou dispositivo, leves, que carregam extremamente rápido, e ganhe muito tempo de desenvolvimento e manutenção. São dois vídeos que explicam a implementação HTML e o CSS de um layout básico. Aproveite! Implementação HTML de um layout básico Implementação CSS do layout O arquivos para você tentar você mesmo estão aqui. Quer ver mais vídeos sobre desenvolvimento web? Visite nosso Campus Online.

por Diego Eis

Diretório tableless no ar

Lembram do diretório de sites tableless em português que eu estava armando? Pois é, eu disponibilizei: Diretório Tableless. É bom para navegar e dar uma olhada no source, descobrir como tal pessoa resolveu um certo problema, etc.. E se você sabe de algum site tableless em português que não está listado no diretório, basta nos sugerir a url.

por Diego Eis

VIVO-SP Tableless

Implementei (ainda faltam detalhes), mas quis divulgar para fechar a semana de páscoa. Ainda estou ajustando alguma coisa no código, mas já está 99% pronto… Sugestões e Críticas são bem vindas, não se esqueçam. VIVO-SP Tableless Feliz Páscoa!

por Diego Eis

Samsung Brasil

Site da Samsung Brasil foi implementado. Confira. [update 22/06/08] A reimplementação deste site tem apenas o objetivo de estudo de código. Na época em que a versão deste site era feita em tabelas, resolvemos estudar o site convertendo o código para Padrões Web, criando um código e acordo com os princípios do W3C, ou seja, sem a utilização de tabelas para a estrutura da página.

por Diego Eis

Versões de Browsers Standalone

Normalmente precisamos testar sempre os sites nas duas verões correntes do Internet Explorer. No site Evolt.org, você consegue baixar duas ou mais versões de vários browsers. Se você tem o Internet Explorer 7 instalado, você baixa pelo site da Evolt.org a versão Standalone do Internet Explorer 6 e testa seus sites sem problema nenhum. Como eles aproveitam arquivos do próprio windows para rodar a versão antiga do browser.

por Diego Eis

Bugs de Browsers

Ter conhecimento dos bugs de renderização dos browsers é sempre bom para se fazer um site TABLELESS. O site CSSPG – CSS Pointer Group é um bom site sobre CSS, onde uma das seções é o Browsers Bugs, apesar de ter informações de apenas alguns browsers, dá para fazer um bom proveito.

por Diego Eis

Safari

No dia 7 de Janeiro, a Apple disponibilizou uma versão BETA do seu novo browser: Safari. Andei dando uma pesquisada no Google, por informações sobre bugs de renderização que possam existir no Safari, e acabei encontrando. Confira em: dive://into.mark.

por Diego Eis

Inaugurando!

Este site vem como objetivo mostrar para todos os interessados, estudantes ou profissionais, que é possível fazer um site TABLELESS compatível com as especificações do W3C. Se você tiver alguma crítica, dúvida ou sugestão, basta entrar em contato conosco, ficaremos gratos.

por Diego Eis