posts da categoria Geral

Crie sites em questão de minutos com o Pingendo

Sem dúvidas, o Bootstrap é uma das frameworks mais utilizadas ultimamente, porém, para algumas pessoas, ainda é meio complicado lidar com os códigos, sejam eles HTML, CSS ou JavaScript. O que é o Pingendo? Pingendo é um programa de interface simples e de fácil uso. O Pingendo é um criador de sites em Bootstrap 3 que permite a criação de websites de maneira simples e rápida. Drag and drop O programa usa um modo muito popular em criadores de sites online como Wix, Weebly, etc.

por Bruno

Conselhos de um simples programador

Aqui estão conselhos de um simples programador ou apenas algumas situações que vivenciei na minha vida. Você também vai passar por várias fases como programador, momentos de fazer gambiaras, pois tem etapas que vai querer fugir daquele projeto chato. Mas também vai viver momentos em que o código importará mais que qualquer resultado. Com certeza você também vai passar por várias situações difíceis, e possivelmente vai pensar em desistir da carreira.

por Tailo Gonsalves

Contraste de cores – Acessibilidade na web

Nesse post vou explicar uma das opções de como fazer um contraste de cores, existe diretrizes de acessibilidade da WCAG 2.0 que explica o nível aceitável de contraste de cores esperadas em um site, veja nesse link. Proposta Criar um contraste de cores em três níveis (Branco, Preto e Azul) usando HTML5, CSS3, Javascript (Puro), Node e o Cookie do navegado para guarda o contraste escolhido. Como será feito Em uma página teremos quatro links em que o usuário vai escolher (Preto, branco, azul ou sem contraste).

por Orivelton Cesar

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

Meu nome é Danilo, tenho 25 anos, e moro em São Paulo. Antes de conhecer o projeto do CT , eu havia trabalhado pouco tempo como Front-end em uma empresa chamada Athos Informática. Minha experiência não foi uma das melhores, e acabou não dando muito certo. Porém, aconteceu algo muito bacana , quando eu fiquei disponível para o mercado de trabalho. Comecei a frequentar todos os Meetup’s que eu podia, conversei com muitos Dev’s da comunidade, e coloquei de fato a mão na massa.

por DaniloAgostinho

Projeto Felix: O novo software de 3D da Adobe

A Adobe liberou no dia 17/12/2016 o seu mais novo software, nomeado de Felix. Buscando aqueles que hoje utilizam 2D, mas pensam em partir para o 3D sem muita dificuldade, o software apresenta uma interface simples e amigável, seguindo os padrões da empresa. You already think in 3D. Now design in it. O foco principal aparente é se utilizar dos atuais usuários da marca e chama-los para uma nova vibe, o 3D.

por Isaque Melo

Construindo um firewall no WordPress – Parte 2

Neste artigo de hoje iremos dar continuar com a série onde construímos um plugin de controle e monitoramento de acessos no WordPress, para controlarmos e impedirmos tentativas de login, ataques DDOS e outros eventos que possam vir a prejudicar nosso ambiente WordPress. Para quem ainda não leu o primeiro artigo comece pela parte 1 onde criamos a base do plugin e uma notificação por e-mail quando tivermos uma tentativa de login fracassada, nessa segunda parte iremos implementar um contador dessas tentativas e junto dele um bloqueio quando atingirmos um limite previamente configurado, para isso utilizaremos as funções: get_transient, set_transient e delete_transient…

por Morais Júnior

10 sites gratuitos sobre tecnologia e empreendedorismo

Para ser um empreendedor bem sucedido significa que você precisa ter um monte de responsabilidades. No início, vai precisar servir café, abrir a porta, lavar privada, e até desenvolver, especialmente quando a sua empresa está apenas começando e você não tem funcionários suficientes para cobrir todas as áreas que você precisa. Aprender as novas habilidades necessárias para iniciar um novo negócio pode ser caro, mas, felizmente, a iniciativa é de graça, de alta qualidade, recursos educacionais on-line só tem continuado a crescer nos últimos anos.

por tableless

Programação funcional em Javascript. Implementando Curry e Compose, com bind e reduce.

Nos últimos tempos só se fala em programação funcional, seus benefícios, funções puras, dados imutáveis, composição de funções, etc. Atualmente temos diversas libs que auxiliam o javascript na missão de ser funcional, Lodash, Underscore e Ramda são uma delas. Então porque estarei falando do Pareto.js? Simples como o Princípio de Pareto, a lib criada tem o objetivo de ser leve e resolver 80% dos seus problemas com 20% de código.

por Bruno Gonçalves

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

Por que inscrever seu site no prêmio de acessibilidade?

O Todos@Web vai além de uma premiação. É um reconhecimento das boas práticas de acessibilidade e uma forma de receber feedback gratuito de especialistas em acessibilidade sobre seu projeto.

por Reinaldo Ferraz

Diga olá ao TypeScript e adeus ao JavaScript

Acredito que este artigo tenha chamado a sua atenção pelo título. Como assim??? adeus ao JavaScript??? A linguagem que está bombando em 2015 (e claro, 2016!). Posso estar sendo um pouco ousado aqui, mas eu tenho em mente que, neste momento, o JavaScript para mim é agora “linguagem de máquina” ou o famoso bytecode. Porquê? Bom, você conhece um código javascript minificado+comprimido+”esculachado”… Não estou retirando aqui toda a beleza do JavaScript, e consequente importância, mas na evolução que vem acontecendo a cada dia no mundo web, felizmente chegamos ao ponto que podemos tratar o javascript como uma linguagem tipada e semelhante ao c/java/php e derivados.

por Daniel Schmitz

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

Como funciona a Internet e a World Wide Web

Conhecermos alguns conceitos por trás do funcionamento da Internet e da World Wide Web é fundamental para os que entram no mundo do desenvolvimento web.

por Marcel dos Santos

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

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

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

por thiguetta

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

Comet: A mais nova ferramenta de Design da Adobe

A Adobe é conhecida pelos seus softwares de extrema qualidade e na sua conferência (MAX), anunciaram o seu mais novo projeto: o Comet. Um software de Design e prototipagem. Muitos podem questionar o motivo da criação do Comet quando se tem várias outras ferramentas que podem fazer o mesmo trabalho. Então porque a criação do Comet? O Comet vem com uma ideia de praticidade, simplicidade, velocidade, e grande usabilidade. Focada especificadamente em melhorar a experiencia do usuário(UX).

por Isaque Melo

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

Criando alias para executar testes com PHPUnit

Uma maneira prática e fácil de testar múltiplos projetos que fazem uso do PHPUnit com um único alias "phpunit" para qualquer projeto ou um alias dedicado a realizar testes para projetos pré-definidos.

por alanricardox

Pesquisa nacional para profissionais de web 2015

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

por Diego Eis

Bootstrap 4 Alpha

O framework Bootstrap chega na versão 4 (alpha) com pré-processador Sass e outras mudanças.

por Isaque Melo

Fluxo de execução assíncrono em JavaScript – Promises

Este é o segundo artigo de uma série que trata de execução assíncrona no JavaScript. Neste vamos ver algumas limitações das callbacks e como as <em>promises</em> podem ser um recurso poderoso de programação.

por Jean Carlo Emer

Conheça os primeiros palestrantes da Webbr2015

Divulgados os nomes dos primeiros palestrantes nacionais e o primeiro keynote speaker internacional da Conferência Web W3C Brasil, que acontece dias 22 e 23 de setembro em São Paulo.

por Reinaldo Ferraz

Utilizando a API do bit.ly para gerar links encurtados para seus posts WordPress

Todo mundo sabe que é fundamental criar links de compartilhamento no seu artigo, só que no Twitter isso se restringe a 140 caracteres, e ao enviar o título do seu artigo, URL e seu usuário no Twitter pode faltar espaço. E para economizar espaço fazemos o quê? Uma das táticas é utilizar links curtos através de serviços como o bit.ly. Como tudo na programação, criamos uma maneira de automatizar nossas ações e para isso vamos ao código!

por Léo Juoli

A luta pelo Leo ainda não acabou

Continue ajudando o Leo à vencer o câncer

por Lenilson Nascimento

Material Design Lite: O framework do Google

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

por Isaque Melo

WebAssembly – a web compilada

Um novo formato binário para compilar aplicações para web.

por Marco Antônio

Flux: Entenda como funciona a arquitetura Flux com React

Arquitetura de aplicações para construir interfaces de usuário feita pelo Facebook.

por Macgyver

JAVA – Introdução a sua API

A API do Java é composta por dois tipos de recursos distintos: classes e interfaces. Ela é como um bloco dividido em duas grandes partes, são centenas de Interfaces e milhares de classes que acompanham o kit de desenvolvimento do Java e que podem ser empregadas para a realização de diversos tipos de tarefas durante a construção de um programa. Na API do Java, não existem métodos ou quaisquer tipos de dados desgarrados.

por Fellipe Filgueiras

JAVA – Tipos de dados

No Java, existem algumas palavras reservadas para a representação dos tipos de dados básicos que precisam ser manipulados para a construção de programas. Estes tipos de dados são conhecidos como tipos primitivos. Pode-se dividir os tipos primitivos suportados pelo Java em função da natureza de seu conteúdo. Há quatro tipos primitivos para a representação de números inteiros, dois tipos primitivos para a representação de números fracionários, um tipo primitivo para representação de caracteres e um tipo primitivo para representação dos valores booleanos.

por Fellipe Filgueiras

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

JAVA – Principais características

A simplicidade é uma de suas mais importantes características. É isso que possibilita que a sua aprendizagem possa ocorrer sem necessidade de treinamento intensos ou larga experiência anterior. Programadores com conhecimento das linguagens C e C++ encontrarão muitas semelhanças destas com o Java e o assimilarão de forma ainda mais rápida. Além disso, o código escrito com o Java é muito mais limpo do que aquele escrito em C ou C++.

por Fellipe Filgueiras

JAVA – A ORIGEM

Entendendo um pouco sobre a história do Java.

por Fellipe Filgueiras

Editor Vim – Encontrar e Substituir

Dicas de comandos no Vim que podem te ajudar a poupar tempo, dinheiro e deixar o seu cliente feliz e satisfeito.

por Henrique Schreiner

O poder do atributo “ALT”

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

por Leonardo Lima

Código Limpo

Um dos assuntos que costumo discutir bastante com a galera é sobre qualidade de código. Nesses papos sempre vem questões como: quais práticas podemos adotar para ter um código de alta qualidade? E como sabemos se o nosso código está bom? Como temos certeza de que estamos no caminho certo? Vou explicar meu humilde ponto de vista com exemplos e opiniões sobre qualidade de código. Vou abordar casos de uso com JavaScript, mas nada te impede aplicar muitas dessas dicas usando outras linguagens.

por Alan Cezar

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

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

por Beto Muniz

Closure Tools

Uma excelente ferramenta de minificação de arquivo javascript. Vou falar alguma coisa sobre Closure Tools e alguns exemplos de código fonte.

por Leonardo Lima

ECMAScript 6, uma breve introdução à POO

Veja como ficou a programação orientada à objetos na nova especificação do JavaScript. Construiremos uma mini loja virtual usando classes com ECMAScript 6!

por Lenilson Nascimento

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

Participe da cerimônia de premiação do Todos@Web

Participe do momento máximo da acessibilidade Web no Brasil. Assista a cerimônia de premiação do Todos@Web. Inscreva-se! A entrada é gratuita.

por Reinaldo Ferraz

Padrões Web para o futuro

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

por Diego Eis

Um guia para o elemento ‘time’ do HTML5

Conheça mais detalhes sobre a tag Time. Ela parece inocente, mas guarda vários segredos.

por Raphael Fabeni

Revista Front-end Magazine

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

por Diego Eis

Participe do Prêmio Nacional de Acessibilidade na Web 2014

Se você desenvolve websites acessíveis, essa é a sua chance de ter o trabalho reconhecido no Prêmio Todos@Web

por Reinaldo Ferraz

Tableless Weekly #2

Seleção semanal do tableless que reúne links úteis, novidades no mercado front end e alguns sites bem legais.

por Lenilson Nascimento

Tableless Weekly #1

Seleção semanal do tableless que reúne links úteis, novidades no mercado front end e alguns sites bem legais.

por Lenilson Nascimento

Conferência Web.br 2014 e os 25 anos da Web

Em 2014 a Web completa 25 anos e o W3C 20 anos de existência. Para celebrar esses dois importantes momentos o W3C Brasil vai promover diversas ações durante a Conferência Web W3C Brasil 2014. O evento já tem data e local definidos: 25 e 26 de setembro em São Paulo e as inscrições estão abertas! Keynote Speakers confirmados François Daoust é um dos líderes nas discussões e desenvolvimento da convergência entre Web e TV no W3C, com um foco específico em cenários multi-tela.

por Reinaldo Ferraz

CSS Shapes e Text Wrap

Que podemos criar formas geométricas e desenhos com CSS, isso já sabemos, mas e se você ainda pudesse fazer seu texto assumir este formato? Conheça CSS Shapes Module 1 e 2.

por Thaiana Poplade

Semântica de variáveis e propriedades personalizadas em CSS

Um texto sobre variáveis em pré-processadores de CSS e a nova especificação de variáveis para folhas de estilo.

por Jean Carlo Emer

BDD na prática – Parte 1

Sinta o gostinho do BDD em um simples hello world

por Jefersson Nathan

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

Ghost – A simples e perfeita plataforma para publicações

E nós não estamos falando de fantasmas.

por Victor "reidark" Matias

Desafios de um desenvolvedor front-end

Veja os caminhos e os desafios vividos por um desenvolvedor front-end em um projeto web.

por Deivid Marques

O que falamos em 2013?

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

por Thaiana Poplade

JavaScript de forma assíncrona e legível

A programação assíncrona possui a vantagem de gerar códigos perfomáticos. Em certos casos, a implementação de diversas funções assíncronas encadeadas através de funções _callback_ pode prejudicar a leitura e a manutenção do código. Para demonstrar esse encadeamento, vamos utilizar um trecho de código que utiliza a API do Selenium 2. Baseado em um exemplo do site do SauceLabs. A API do Selenium WebDriver pode ser utilizada por diversas linguagem de programação, porém, em nosso exemplo, iremos utilizar o NodeJS (JavaScript) e o gerenciador de pacotes NPM, que podem ser baixados no site oficial.

por Igor Ribeiro Lima

CSS puro e simples (só que não).

| Pré-processadores, frameworks, novas propriedades e valores, novidades e mais novidades todas acontecendo ao mesmo tempo e ainda vemos profissionais de front-end perdendo a noção do uso puro e simples de folhas de estilo e da aplicação dos padrões. Por que isso acontece?

por Thaiana Poplade

Conferência W3C Web.br 2013 – Dia 2

Confira como foi o segundo dia da Conferência W3C Brasil 2013 com resumo das palestras, slides, fotos e anotações.

por Dani Guerrato

Participe da Cerimônia de Premiação do Todos@web 2013

O W3C Brasil e o Comitê Gestor da Internet no Brasil convidam para a cerimônia de premiação da segunda edição do Prêmio Nacional de Acessibilidade na Web – todos@web, que acontecerá no dia 3 de dezembro de 2013 em São Paulo. Nesse dia serão conhecidos os vencedores das categorias Pessoas/Instituições, Projetos Web e Tecnologias Assistivas/Aplicativos. A lista completa de finalistas está disponível em http://premio.w3c.br/finalistas/ A entrada é gratuita, mas somente pré-inscritos poderão assistir a cerimônia.

por Reinaldo Ferraz

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

Conferência W3C Web.br 2013

Os principais destaques do que rolou no evento do W3C do ano de 2013.

por Layo Azevedo

Conferência W3C Web.br 2013 – Dia 1

| Todos os caminhos levam a web! Saiba tudo sobre a conferência, confira o conteúdo das palestras e espie minhas anotações.

por Dani Guerrato

Destaques da 5ª edição da Conferência Web W3C Brasil

Está chegando a Está chegando a e temos orgulho de dizer que os principais especialistas que estão fazendo a história da Web no Brasil e no mundo já palestraram por aqui. Em 2013, a Web.br ocorre nos dias 18 e 19 de novembro, em São Paulo, no Centro de Convenções Rebouças. Na programação serão abordados os principais padrões da Open Web Platform. Teremos palestras sobre jogos com HTML5, Web Components, API Web Speech, Web Sockets, Curso de Git, além de mesas sobre publicações digitais, Web TV, privacidade e rastreamento na Web e muito mais.

por Reinaldo Ferraz

Champfrogs: 10 desejos intrínsecos

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

por Diego Eis

Prorrogadas as inscrições para o Prêmio Nacional de Acessibilidade na Web

Ainda dá tempo de participar da segunda edição do Prêmio Nacional de Acessibilidade na Web, promovido pelo W3C Brasil para fomentar iniciativas que beneficiem o acesso a todas as pessoas. O prazo termina nessa sexta-feira, dia 4 de outubro. Pesquisa recente do W3C Brasil aponta que o indicador de conformidade aos padrões de acessibilidade de páginas de sítios web dos órgãos públicos brasileiros alcança a média de 5% do total de mais 6 milhões de páginas analisadas.

por Reinaldo Ferraz

5 Razões para não fazer atendimento em redes sociais

Entenda por que atender seu cliente pelas redes sociais não é tão bom quanto parece.

por Manoel Netto

Como escrever e-mails de apresentação

Saiba como evitar os principais erros na hora de redigir um e-mail, conheça dicas simples para ganhar a simpatia de quem está do outro lado do monitor e nunca mais esqueça seu portfólio.

por Dani Guerrato

Design para Google Glass

Saiba tudo sobre o novo gadget da Google e como desenvolver conteúdo projetado especialmente para esta nova mídia.

por Dani Guerrato

Como evitar maus clientes

Por que cliente ruim, ninguém quer.

por Diego Eis

Um novo mundo com Big Data

Entendendo um pouco sobre informações e big data.

por João Paulo de Almeida

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

Survey do mercado web nacional

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

por Diego Eis

Como usar linear-gradient em CSS de forma consciente?

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

por Bernard De Luna

W3C Brasil procura padawans

O W3C Brasil está buscando candidatos comunicativos, criativos, nerds e pró-ativos para se juntar à equipe como estagiário. Se você sabe a diferença entre Web e Internet e entende a importância das ferramentas Open Web, candidate-se! Preencha o formulário de inscrição. Não é preciso ser expert em HTML5, CSS3 e Js. Basta que você esteja matriculado em um curso superior e tenha uma boa noção destas ferramentas. A exigência básica é vontade de aprender.

por Reinaldo Ferraz

Actions do Photoshop

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

por Diego Eis

Um 2013 cheio de propósito

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

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

Conheça o maior treinamento de HTML5 do Brasil

Depois de lançar com sucesso a maior formação de programação de aplicativos para iOS (iPhone e iPad), a Quaddro anuncia agora o maior curso de HTML5 do Brasil. A Formação HTML5 Mobile Expert é composta por 144 horas de treinamento e projetos práticos de desenvolvimento de conteúdos para a Internet e dispositivos móveis. O treinamento foi criado para aqueles que desejam dominar a tecnologia que mais cresce no desenvolvimento Web e que está se tornando cada vez mais importante também na produção para tablets e smartphones.

por tableless

Inscrições abertas para a Conferência Web W3C Brasil 2012

As inscrições para a Conferência Web W3C Brasil 2012 estão abertas. Serão três dias de debates (18, 19 e 20 de outubro de 2012) e apresentações sobre os mais diversos temas relacionados a Open Web Plataform: HTML5 e Marketing Digital, Semântica, SEO e HTML5, Web TV, Acessibilidade, Mobile Web, Web além dos dispositivos e muito mais. A programação da 4ª Conferência Web W3C Brasil está no ar. Na quinta-feira, dia 18 de outubro, o evento é iniciado com uma mesa redonda que abordará o seguinte tema: Estamos usando HTML5.

por Reinaldo Ferraz

Com que sistema operacional eu vou?

Você ainda é daquelas pessoas que escolhem seu aparelho celular pela beleza? Ou então pela cor, forma e marca?

por João Paulo de Almeida

Sobrevivendo na selva da Internet

Sites e mais sites sendo lançados a cada segundo, busca desenfreada para alcançar o topo das redes de pesquisa. Como controlar quem entra e saí de seu site? Ficar de olho apenas no Analytics ajuda?

por João Paulo de Almeida

#1 Tableless Conference

Evento sobre front-end em SP.

por Diego Eis

As cores da minha web

Tenho um grande amigo que sonhava ser piloto de avião. Porém, seu sonho de pilotar acabou quando, aos trinta anos de idade, ele descobriu que tinha um grau de daltonismo que o impediu de continuar o treinamento.

por Reinaldo Ferraz

Layouts antigos do Tableless

Versões antigas do layout do Tableless...

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

2012

O ano termina e começa outra vez. ♫

por Diego Eis

Eu saí da Visie

Singrar novos horizontes.

por Diego Eis

CSS3 com PIE – bordas, sombras e gradiente

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

por Thaiana Poplade

Estabelecendo uma metodologia ágil para avaliação de usabilidade

Como forma de estabelecer um processo ágil para testes de usabilidade, uma das abordagens mais viáveis é a avaliação heurística, um método onde os próprios especialistas da empresa avaliam a interface de acordo com as heurísticas de usabilidade.

por Talita Pagani

Aplicando um Plano de Usabilidade – Parte 1

Aprenda a planejar e analisar seu website antes de colocar a mão na massa - quer dizer, no código.

por Alysson Franklin

CSSDoc – padrão para documentação de folhas de estilo

Como padronizar seu código CSS com eficiência com CSSDoc.

por Talita Pagani

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

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

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

2010

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

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

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

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

ELPI: Problema 3

Mais um par de ingressos para o ELPI no Rio de Janeiro. Dessa vez um problema fácil, algo para a gente matar saudades. O primeiro que enviar um link para aquele vídeo antigo leva: 5u0t6n013b3r4354bru0y114 Ah, bons tempos aqueles…

por Elcio Ferreira

ELPI: Problema 4

O próximo problema, você não pode ver. Mas ele está aqui.De novo, o primeiro que enviar a resposta nos comentários ganha um par de ingressos para o ELPI no Rio de Janeiro.

por Elcio Ferreira

10º Encontro Locaweb de Profissionais de Internet

Está chegando o 10º Encontro Locaweb de Profissionais de Internet, e eu vou participar novamente esse ano. Vou falar sobre produtividade no desenvolvimento, mas com uma abordagem bem diferente da que usei ano passado no Intercon. Dessa vez, vou escrever código.

por Elcio Ferreira

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

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

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

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

Consórcio World Wide Web (W3C) anuncia escritório no Brasil

Primeiro escritório W3C na América do Sul a promover inovações na Web para um mercado econômico de rápido crescimento O Consórcio World Wide Web (W3C) tem a satisfação de anunciar a inauguração do primeiro escritório W3C na América do Sul: o W3C Escritório Brasil, abrigado no NIC.br (Núcleo de Informação e Coordenação do Ponto BR), em São Paulo, Brasil. W3C deseja aumentar a interação com a comunidade de língua portuguesa com a instalação deste escritório, principalmente porque o status da arte do ambiente tecnológico no Brasil está em perfeita sintonia com as tendências no W3C, tais como mobilidade, aplicações e vídeo para o mundo Web.

por Elcio Ferreira

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

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

CodeShow Videos

Muitos perceberam que ficamos ausentes por estes dias. Não foi à toa. Organizar um evento não é mole, quem organiza sabe do que estou falando. Como é um evento diferente como o CodeShow (ele não é um evento onde os palestrantes ficam falando e falando. São desenvolvedores digitando código, criando um sistema, desenvolvendo um projeto). Há uma ansiedade para que tudo saia perfeito. Além do evento (e comunidade) que estamos lançando amanhã, quero que vocês conheçam o CodeShow Videos (nome e logo ainda não definidos, mas idéia é definitiva).

por Elcio Ferreira

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

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

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

Encontro de Desenvolvedores Locaweb

Rapidinho: Vou estar no Encontro de Desenvolvedores Locaweb. Participe da brincadeira.

por Elcio Ferreira

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

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

Não troque todas as suas imagens por background!

Às vezes é bom repetir os fatos básicos, principalmente porque tem sempre gente chegando e começando a aprender. Uma dúvida muito comum, que eu vejo se repetir há alguns anos, é onde usar e onde não usar imagens no background via CSS. Para quem está chegando agora, a questão básica é que existem duas maneiras de se fazer uma imagem aparecer na tela. Cada uma delas tem suas vantagens e desvantagens e é melhor usada para um fim específico.

por Elcio Ferreira

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

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

Máscaras Javascript em Campos de Formulário

Vou tentar, uma vez por semana, responder aqui a alguma dúvida de algum aluno dos cursos da Visie que seja útil para todo mundo. A de hoje: Javascript: máscara em campos de formulário simples e crossbrowser: Uma dúvida muito comum diz respeito ao tratamento de teclas para campos de formulário. É um hábito de programadores de sistemas Desktop filtrar o que o usuário digita em campos como, por exemplo, data e CPF, permitindo apenas que ele digite número, e colocando automaticamente pontos, traços e outros separadores conforme ele digita.

por Elcio Ferreira

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

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

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

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

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

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

Caminhando pelo HTML – parte 1

Vou publicar aqui a série de artigos sobre HTML que escrevi para a revista Webdesign. É uma série de 5 e vai sair um a cada 15 dias. Segue o primeiro:

por Elcio Ferreira

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

Apontador Web 2.0

Uso o Apontador há muito tempo. E já fazia tempo que eu estava descontente com aquele applet Java horrível. Com a vinda do Google Maps, que agora tem mapas brasileiros, eu quase tinha um bom substituto. Só faltava funcionar a busca por endereços brasileiros. E não é que eu entrei agora no Apontador e eles finalmente mudaram aquela velha interface? Trocaram o mapinha por um mapa Ajax na tela inteira, me mandaram direto para o conteúdo, agilizaram a busca e está funcionando bem rápido.

por Elcio Ferreira

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

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

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

Cuidado onde você enfia essa tag aí!

Tenho respondido muito essa dúvida ultimamente. É o seguinte, se você tiver que usar formulários e tabelas, isso aqui: `Tenho respondido muito essa dúvida ultimamente. É o seguinte, se você tiver que usar formulários e tabelas, isso aqui: ` É código inválido, errado, e não funciona no Firefox. Quando ele encontra a tag tr, ele fecha automaticamente o form para você. É como se você estivesse criando um formulário vazio e colocando uma série de campos na tabela fora do formulário.

por Elcio Ferreira

Vídeo: palestra de Tableless

Como eu sei que tem muita gente aqui que não deve ter visto: Vídeo Palestra de Tableless. Antiga, mas pode interessar vocês.

por Elcio Ferreira

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

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

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

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

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

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

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

Microformatos, internet móvel, e quem ainda não entendeu nada.

Voltei ao Bloglines para me colocar em dia com o que aconteceu no mundo enquanto eu estava imerso num projeto. Encontrei dois interessantes posts do SemJanelas.net. O primeiro, Yahoo! Local Suporta Microformatos, considero uma excelente notícia. A adesão do Yahoo! pode ajudar muito a popularizar os microformatos, e todos nós ganhamos com isso. Então, vamos ao be-a-bá. Se você ainda não entendeu, nós podemos ajudar. A idéia é simples, você coloca um trecho de código assim no seu site:

por Elcio Ferreira

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

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

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

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

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

GeoURL explicadinho

Motivado pela nossa nova sala de treinamento, da qual eu falarei em breve no blog da Visie, acabo de atualizar as informações ICBM daqui e do site da Visie. As informações ICBM permitem localizar seu site num ponto do planeta. Quer ver como funciona? Instale a extensão GeoURL para o Firefox. Depois de instalá-la, entre aqui no Tableless e você vai ver um globo colorido na barra de status do Firefox.

por Elcio Ferreira

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

Palestra sobre Padrões Web no SENAC de Tocantins

Hoje à noite, às 19h, no SENAC de Palmas, TO, vou estar apresentando a palestra “Os Padrões Web” como parte da 3ª semana das profissões. Venha assistir. O ingresso é um livro, novo ou usado, de qualquer assunto.  

por Elcio Ferreira

Reclamar adianta

Pelo menos às vezes: Após intensa pressão da comunidade, site da brasileira Ocean Air deixa de recomendar abandono de navegador livre. Da reclamação até o conserto, dez dias, o que, para sites do tamanho do da Ocean Air, é um prazo excelente. Parabéns à Ocean Air. Ouvir seus usuários é muito bom.

por Elcio Ferreira

É 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

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

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

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

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

O Desktop Web

As atuais aplicações web construídas com Ajax e integráveis via webservices ameaçam o negócio de sistemas Desktop e mudam muita, muita coisa. Testando o Thumbstacks.

por Elcio Ferreira

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

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

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

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

Opera 9 preview 2

Acabo de testar o Opera 9 preview 2. Instalei a versão para Debian, static-qt, aqui no Kubuntu. É uma versão de preview técnico, ou seja, é um beta com ainda muitos bugs. Apesar disso, o navegador promete. Tão rápido e tão leve quanto o Opera sempre foi, quase passa no Acid2. As novidades da versão são o suporte nativo a BitTorrent e uma tecnologia de widgets para Desktop. O BitTorrent aqui funcionou com perfeição.

por Elcio Ferreira

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

Ah, os detalhes…

Os detalhes… …e o maldito Internet Explorer. Vejam: Gustavo Cardoso: Isso está na especificação do CSS, é um bug do IE ou é burrice minha mesmo!?! Já vi algumas dezenas de bugs estranhos do Internet Explorer, mas sempre tem um novo que a gente não conhecia, não é mesmo? 😉

por Elcio Ferreira

Experimente o Opera Mini

Simulador de Opera Mini. Applet Java, funciona muito bem. Dei uma boa navegada. Screenshots aqui. Estou impressionado com o Opera Mini. Li e escrevi e-mails no Gmail, postei no WordPress, acessei o Flickr. Dei uma navegadinha também por grandes sites e portais de notícias nacionais e o resultado é surpreendentemente bom. Até algumas janelas pop-up foram detectadas e carregadas corretamente pelo Opera Mini (não, ele não exibe pop-ups de propaganda, só aqueles disparados pelo clique em algo.

por Elcio Ferreira

Auto-completar Ajax como o Google Suggest

Algumas pessoas tem escrito perguntando como se produz um efeito semelhante ao Google Suggest. Esta série de artigos e o script que a acompanha são uma maneira de tentar responder a esta dúvida. Como você pode ver lá, é o início do trabalho. Pretendo ter tudo pronto em duas semanas. Colaborações são muito bem vindas!

por Elcio Ferreira

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

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

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

Retrospectiva 2005 – Dezembro

Dezembro: 24ways.org Do Henrique: Microformatos. Ajax: Uma Nova Abordagem para Aplicações Web em português. Palestra em vídeo sobre Web 2.0 A List Apart: Sensible Forms: A Form Usability Checklist. Google Music Search e Gmail para mobile. Ah, e o Gmail tem antivírus. E Google News brasileiro. IE para Mac morreu!!! Blogger Web Comments for Firefox Opera Mini, para celulares com Java. Podcast é a palavra do ano. O Bruno começa a explicar HTTP: 1 e 2

por Elcio Ferreira

Caminhando pelo HTML – parte 2

Este é o segundo artigo da série de cinco, “Caminhando pelo HTML”, que foi publicada originalmente na Revista Webdesign. Divirta-se.

por Elcio Ferreira

Retrospectiva 2005 – Novembro

Novembro: Sai o Firefox 1.5 O Google começa a testar o click-to-call e lança o excelente Analytics. A Revista Webdesign publica uma reportagem sobre RSS. Versão nova do MobileLife. O W3C liberou uma atualização dos Guias de Acessibilidade: Web Content Accessibility Guidelines 2.0. Lançou também um validador de feeds. Nós aqui: Posts do Diego: A plataforma chamada Web, Web Standards e a Pílula Vermelha e Código novo, maneira velha. Eu punha de volta o RSSficador.

por Elcio Ferreira

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

Retrospectiva 2005 – Outubro

Outubro: Flock disponível para testes. Algumas páginas da Apple, como a do iTunes, viram tableless. Firefox tem 100 milhões de downloads. Google coloca no ar seu leitor de feeds: Google Reader. Você sabe o que é Web 2.0? O Henrique explica Bloglines, Feedburner e Del.icio.us. Nós aqui: O Gui Leite é convidado a participar dos podcasts. Eu colocava no ar o Robô de Google Ranking e escrevia: Ubuntu, Xara e o avanço do Linux e Ainda sobre instalar programas no Linux.

por Elcio Ferreira

Retrospectiva 2005 – Setembro

Setembro: O Bruno explica XHTML e mimetypes e ensina a usar position. Os brasileiros começam a ouvir o tempo todo sobre microformatos. Problemas no Submarino. O Firefox é uma excelente ferramenta de desenvolvimento, todo mundo sabe. Beta do Firefox 1.5 CSS Table Gallery Opera se torna gratuito. A Info lança seus blogs, sem RSS. Slashdot se torna tableless. O Henrique ensina a escrever boas tabelas e lança o excelente Revolução CSS.

por Elcio Ferreira

Retrospectiva 2005 – Agosto

Agosto: Novo A List Apart. BOL, Goodyear e Charges tableless. O Opera dá uma boa dica de que vai tornar seu navegador grátis. Sai o Google Talk. Katrina Information Map A TVA anuncia que vai prover banda larga com WiMax. Vai para o ar o excelente Revolução. Nós aqui: Editora Abril é tableless, depois de fazer o curso. O Diego colocava no ar o FAQ e o videotutorial mais popular do ano e escreve para a RevistaW.

por Elcio Ferreira

Retrospectiva 2005 – Junho

Junho: A Nokia lançou o 770 e anuncia que trabalharia num navegador. Menos gente explicando o que são os padrões, mais gente explicando como se faz. Técnicas, muitas técnicas: 1, 2, 3, 4, 5, 6… Sai o Opera 8.1, rápido, muito rápido. O UOL compara os principais navegadores. GeoURL para Firefox Vai pro ar o Podcast da INFO. A Simone fala sobre taxonomia e folksonomia. Cris Dias explica RSS, Atom e etc.

por Elcio Ferreira

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

Retrospectiva 2005 – Maio

Maio: O W3C lança a Mobile Web Initiative. A Netscape lança seu monstrengo: Netscape 8, uma besta-fera meio IE meio Firefox. Você viu esse gif? E esse site? Esse artigo: Fast Rollovers Without Preload, abre as portas para muitos outros que viriam depois explorando essa fantástica técnica. O Registro.br anuncia a possibilidade de registro de domínios com acentos e cedilhas. (Alguém aí já está usando isso?) O Bruno ensina a evitar cache para atualizar seus arquivos CSS.

por Elcio Ferreira

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

Retrospectiva 2005 – Abril

Abril: O Firefox chega a 50 milhões de downloads! E o Opera consegue um milhão em quatro dias a nado. É lançado o IEs4Linux, script que instala Internet Explorer 5, 5.5 e 6 no Wine automaticamente. Está todo mundo se divertindo com o Google Maps e o Gmail adiciona suporte a RSS. “Nasce” o DOCTYPE XHTML Intentional, uma brincadeira protestando contra os sites que, embora se digam XHTML, não validam.

por Elcio Ferreira

Retrospectiva 2005 – Março

Março: Artigos como esse vão explicando o Firefox para o público não técnico. Sai o Windows Mobile 2005 e o PlayStation Portable Bill Gates se torna cavaleiro real… A moda dos Desktops trasparentes. 43things.com Yahoo! segue Google e cria e-mail gratuito com 1 GB. Concorrência é uma coisa muito boa. O Jonas lança seu livro: Programação Descomplicada com Flash MX 2004 e ActionScript 2 Nós aqui: o Diego fazia sua primeira experiência com Linux e explicava um pouquinho de para que serve o DOCTYPE.

por Elcio Ferreira

Web 2.0 pé no chão

Publiquei o texto lá no meu site, mas acho que ele é relevante aqui também, então lá vai o link: Web 2.0 pé no chão.

por Elcio Ferreira

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

Retrospectiva 2005 – Fevereiro

Fevereiro: O MSN.com se converteu aos padrões. Trails: começam a surgir frameworks inspirados no Rails. O Skype tem 140.000 novos usuários por dia. O Bruno explica a importância das URLs amigáveis. Nokia anuncia que vai colocar Real Audio e Video e Flash em celulares e troca o Internet Explorer por Firefox. Nós aqui: o Diego explicava o mundo dos browsers. É interessante notar o quanto o Konqueror evolui este ano, se tornando uma excelente opção.

por Elcio Ferreira

24 ways to impress your friends

Excelente site: 24ways.org 24 dicas de desenvolvimento web. CSS, DOM, Ajax, etc… Todas preciosíssimas. Você pode ver aqui um exemplo do tipo de coisa que se ensina lá. Fantástico, não? Dica do DvD Franco na webstandards-br, que perguntou: o que acontece quando vira o mês? somem as 24 dicas dos meses anteriores? vc num tem + acesso, nem por 1 menu do site? Também não sei…

por Elcio Ferreira

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

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

Microformatos

Eu já havia falado sobre microformatos antes, aqui e lá no meu blog. Há dois meses que eu tenho acompanhado o assunto e estava achando estranho ninguém falar disso por aqui. Achei hoje este artigo do Henrique: Microformats. (Que vergonha! O feed do Henrique não estava em meu Bloglines! Vou corrigir isso assim que o Bloglines voltar ao ar.) Está aí o artigo, recomendo, uma boa introdução ao assunto, semente de uma discussão que parece que será produtiva.

por Elcio Ferreira

Pílulas

Excelente artigo no A List Apart: Thinking Outside the Grid. Molly Holzschlag dá uma excelente visão de como são planejados e construídos layouts CSS. Se você acha que layouts tableless são todos iguais, “quadrados”, “cara de blog”, precisa ler este artigo. Ela mostra justamente o contrário. Ainda no A List Apart: Sensible Forms: A Form Usability Checklist. Formulários são sempre uma dor de cabeça para quem desenvolve e geralmente são também uma bela dor de cabeça para quem usa.

por Elcio Ferreira

Arrumando a casa

Aos poucos estamos colocando de volta o conteúdo do Tableless. Acaba de ir para o ar o tutorial básico.

por Elcio Ferreira

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

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

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

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

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

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

Pílulas

Slash, o motor do Slashdot, convertido para layout CSS. Quem sabe teremos em breve um Slashdot tableless… Falha no Submarino dava descontos absurdos. Jonas Galvez e seu revolucionário blog sem layout convidam você a participar de um concurso fazendo um layout para o blog dele com Greasemonkey. Ainda o Jonas: Python no Firefox. Uau! O Caparica likou: Writing Semantic Markup The Elements of Meaningful XHTML Usable Microformats Os três falam sobre estender o XHTML (entre outas coisas.

por Elcio Ferreira

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

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

CSS Table Gallery

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

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

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

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

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

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

EPTV.com.br é tableless

EPTV, tableless. Acabaram de colocar no ar. Modéstia a parte, excelente exemplo para quem está começando. Com mais conteúdo, conseguimos reduzir o HTML em 65% na página inicial, com uma redução média de mais de 50% nas outras páginas. Contando imagens, CSS e javascript, a redução total média foi de mais de 30%. Demos o curso para eles e acompanhamos o projeto até mais ou menos um mês atrás. Estou orgulhoso de ver o site no ar agora.

por Elcio Ferreira

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

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

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

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

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

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

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

Rollover Rápido

O truque é criar uma única imagem para ser o background e movê-la no rollover. Genial, não precisa de preload e funciona bem em tudo quanto é browser: www.pixy.cz/blogg/clanky/cssnopreloadrollovers

por Elcio Ferreira

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

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

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

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

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

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

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

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

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

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

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

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

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

Terra.com.br tableless

Terra.com.br. Tableless. Passou a funcionar bem no meu Firefox. Redução de mais de 35% do tamanho do download original. Poucas escorregadas no código, mas nada grave considerando a complexidade que é trabalhar em um portal desse tamanho. Estou orgulhoso dos meus alunos. Update por Diego: Está muito bom mesmo. E por curiosidade, os dados abaixo são interessantes: Antiga Tableless Tamanho total 81 Kb 48 Kb Tamanho do HTML 10 Kb 8 Kb Em conexão de 56Kb 16.

por Elcio Ferreira

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

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

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

Curso de Web Standards

Os cursos da Visie são totalmente independentes. Os exercícios do curso são retirados de exemplos reais e demonstram de modo prático desafios enfrentados no dia-a-dia do desenvolvedor. O treinamento completo é voltado para designers e programadores que trabalham com internet. Em cada curso há assuntos com mais ênfase para programação ou design, entretanto, todos tiram proveito do curso como um todo. Você pode ter todos os detalhes que precisar visitando o site da Visie: visie.

por Elcio Ferreira

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

Macromedia Tableless

Já vi muita gente dizendo: “Esse negócio de Tableless é muito bonito, pra sites assim, feitos por hobby. Mas pra sites sérios, comerciais, não podemos usar esse tipo de abordagem.” Já faz um tempo que estou postando aqui todo site tableless comercial, bonito e grande que encontro. Agora chegou um pra arrasar com qualquer argumento: o novo site da Macromedia, ótimo tableless, abordagem semântica brotando da casa do Dreamweaver! Dica do Pablo Barros, na arqHP

por Elcio Ferreira

RSS

O Charles deu a idéia inicial. Tomei um tempinho pra pensar, e aqui vai: RSSficador, um jeito fácil de criar RSS com ASP, XML e Expressões Regulares. De quebra, o Tableless também ganhou um RSS.

por Elcio Ferreira

Revista do Linux

Sou leitor assíduo da Revista do Linux. Fiquei muito surpreso, e contente, quando comecei a ler a edição desse mês e encontrei, na página 7, uma nota sobre o desenvolvimento tableless, com link para o Tableless.com.br, o nome do Diego e o meu. Obrigado ao pessoal da Revista do Linux pela força. Um viva multiplataforma!

por Elcio Ferreira

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