Todos os posts

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

O Guia Completo do React e o seu Ecossistema

Você ouve falar frequentemente sobre o React mas sabe pouco sobre ele?

por Matheus Lima

Construindo protótipos navegáveis em realidade virtual com A-Frame

A-Frame é um framework NODE.JS pra construção de aplicações em 360 no browser.

por Bruno Castro

MeetUp Magento e Mercado Pago

Um encontro na sede do Mercado Livre pra falar sobre Magento e plataformas de tecnologias de pagamento

por Tableless

Node.js - o back-end do front-end

Um pouco sobre hospedagem e a história do Node.JS

por Tableless

Media queries simples com rupture

Torne o desenvolvimento do seu código Stylus mais divertido e produtivo conhecendo um pouco mais sobre o rupture, uma pequena lib para media queries.

por Guilherme Bayer

Front-end Week

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

por Diego Eis

Mas afinal, o que está acontecendo com a automação?

Quanto tempo você acha que vai demorar até que as máquinas façam o seu trabalho melhor do que você?

por Tailo Mateus Gonsalves

Indo além no Mundo React-Native

Um estudo pessoal sobre as possibilidade do React Native.

por Jose Urbano Duarte Junior

Performance do Tableless estático

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

por Diego Eis

Seu primeiro bot para o Telegram

Nesse artigo vamos mostrar o desenvolvimento de um BOT muito simples utilizando a API do Telegram.

por Rafael Augusto

O básico sobre Sparql e Turtle

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

por Diego Eis

Páginas acessíveis com o HaTeMiLe

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

por Carlson Santana Cruz

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

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

por Diego Eis

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

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

por Diego Eis

O novo formato de arquivo do Sketch 43

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

por Diego Eis

Agora o Tableless é estático

Tableless não é mais no WordPress.

por Diego Eis

Cursos online com a School of Net

Escola online de programação e desenvolvimento web inicia projeto que promete novos conteúdos todos os dias.

por tableless

Manipulando arquivos carregados por upload no Laravel

Arquivos grandes carregados por upload no Laravel

por Gustavo Straube

Scrum Master e sua essência.

O papel do Scrum Master vai muito além de um simples ator de uma metodologia

por Athos Bonner

Logaster – Fazendo seu logo de forma fácil

Criando logos facilmente com Logaster

por tableless

Construindo um servidor GraphQL em minutos com a Siler PHP

GraphQL - uma query language como o SQL, mas desenhada para rodar no lado client

por Leo Cavalcante

Iniciando projeto com laravel – parte 1

Iniciando um projeto com Laravel

por Tailo Mateus Gonsalves

Atribuição múltipla com Destruturing Assignment

Entenda como funciona atribuições múltiplas no JS

por Gabriel Prates

Serasa Experian abre inscrições para hackathon em São Carlos com R$ 40 mil em prêmios

Duzentos participantes serão selecionados e se reunirão nos dias 6 e 7 de maio, no centro de excelência da empresa, para propor soluções para quatro desafios

por tableless

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

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

por Diego Eis

O fim da profissão front-end

O front-end como você conhece vai morrer.

por Diego Eis

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

Teste de carga em APIs utilizando Artillery

Independente do produto que você esteja criando, é sempre importante assegurar a qualidade do mesmo fazendo uma bateria de testes antes de colocar no mercado. Se tratando de desenvolvimento de software, existem algumas métricas que são essenciais para deixar claro para todos os envolvidos no projeto, incluindo seus usuários, o quanto determinado sistema/aplicativo é confiável para suportar o uso do público. Dentro da área de qualidade de software, existem diversos tipos de testes que visam atingir o objetivo citado acima, de mostrar a todos que o produto é estável e robusto, alguns deles: teste de integração, teste unitário, teste de penetração, teste de regressão e por aí vai.

por Ulysses Marins

UX: Como aumentar a tolerância do usuário para atrasos

Vivemos em um tempo onde velocidade é diferencial. Exigimos rapidez de tudo ao nosso redor, seja em um atendimento, em uma entrega de produto, na velocidade da Internet, no feedback do cliente, na estratégia de SEO do nosso site, entre tantos outros exemplos que poderiam ser citados. A realidade é evidente: esperar é doloroso. E em um cenário onde rapidez é fator de satisfação, a espera pode influenciar negativamente no valor de um produto ou serviço oferecido.

por Mari Coelho

Como criar aplicações em tempo real usando Node.js e RethinkDB

Sobre o RethinkDB Se você precisa de um banco de dados NoSQL que funcione com dados JSON e tenha suporte completo para buscas em tempo real e uma mistura de modelos entre SQL e NoSQL, então uma boa opção é o RethinkDB. Trata-se de uma base de dados em código aberto em que todos os dados JSON são persistidos em tabelas como um banco de dados SQL convencional, permitindo que você execute queries entre múltiplas tabelas utilizando o comando clássico join.

por Jscrambler

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 Mateus Gonsalves

Silex 2 & Middlewares 101 – Parte 02

Olá devs! Tudo bem? Espero que sim! Estamos de volta com mais um post da série sobre o micro-framework Silex! Desta vez, vamos fazer uma parada para atualizar a versão do nosso micro-framework, para versão 2.*! A partir deste post vamos escrever baseada nesta versão e falaremos ao longo de cada post, sobre as principais diferenças em relação as versões passadas! Vamos lá!

por Nando Kstro Net

Criando a sua primeira aplicação web com React

Um exemplo prático de como criar seu primeiro código com o Create React App.

por Lucas Daltro

O futuro das interfaces: Chatbots

Estamos acostumados a interagir diariamente com interfaces gráficas, seja no computador, celular, tablet, smart tv, etc. Naturalmente incorporamos a utilização dessas interfaces para obter nossos objetivos no dispositivo em questão, seja fazer uma busca no google, ver uma página no Facebook, ler um artigo em um portal de notícias ou escolher um filme no Netflix. Podemos não perceber, mas quando ligamos para um call-center onde a máquina (URA — Unidade de Resposta Audível) nos pede para dizer em voz alta o que desejamos, ou o número correspondente ao que queremos, também estamos interagindo com uma interface de voz para atingir nosso propósito.

por Raphael Guastaferro

Começando um blog – O público alvo

Ano novo, vida nova e blog novo. Mas por onde eu devo começar? Sem sombra de dúvidas a primeira decisão a ser feita é sobre o que você quer publicar e qual o seu intuito com o blog. Se você quer publicar apenas por publicar e não está focado em rentabilizar o blog, então deixe de ler essa postagem e corre instalar o wordpress. O que quero dizer com isso é: Alguns assuntos serão muito difíceis de você ganhar uma grana, um exemplo disso seria eu gostar de falar sobre as borboletas do Afeganistão (salve mamonas), quantas pessoas mais estariam interessadas nesse assunto?

por Rodrigo Godoy

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

Anotações sobre Progressive Web Apps

A idéia de escrever sobre Progressive Web Apps surgiu quando estudava para apresentar uma talk sobre o conceito ao pessoal do trabalho, percebi durante o processo que existe muito conteúdo bom pela internet afora, porém senti que alguns conceitos estavam separados uns dos outros, então decidi escrever um documento agrupando todos estes dados que encontrei espalhados por aí para facilitar a compreensão e a forma que iria passar isto para minha equipe.

por Everton de Paula

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

Moz://a

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

por Diego Eis

Opera Neon – Até que enfim um browser decente

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

por Diego Eis

Código Limpo – Escreva seu código hoje sem esquecer da manutenção de amanhã

Seu código é legível e fácil de dar manutenção? Veja neste post porque escrever código limpo é importante e como equilibrar isso com os prazos dos projetos.

por tableless

O que aprendi em 5 dias como Front-end, e uma pergunta: você esta preparado para se tornar um desenvolvedor?

Gostaria de partilhar um pouco de minha experiência como front-end. e neste link explico como consegui uma vaga na área front-end. Minha experiência com o Centro de Treinamento. Tudo no inicio pra mim foi uma aventura, uma história curta e imprevisível, cheia de quebras de paradigmas, dogmas, conceitos e preconceitos. Acho bem claro, que cursos técnicos e faculdades não te preparam para o mercado de trabalho, apenas te dão um norte de como fazer algo e um bocado de coisas mais, pois para se tornar um desenvolvedor existem alguns pontos a serem esclarecidos.

por DaniloAgostinho

Instalando e configurando NGINX via Homebrew

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

por Diego Eis

Como instalar Node.js no Linux corretamente (Ubuntu, Debian, Elementary OS)

Recentemente comecei a minha migração do JSF para o Angular então busquei por um bom curso, pela documentação do Framework e um bom livro técnico. No caso do curso escolhi inicialmente o do Flávio Almeida na Alura e logo de cara fica claro que não é um Framework para iniciantes no mundo do JavaScript e nem para iniciantes no mundo da programação, o próprio Flávio avisa sobre isso mais de uma vez além de informar sobre a necessidade de dominar o terminal (o terror dos novatos) do seu sistema operacional.

por Mateus Malaquias

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

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

por Daniel Campos

Introdução bem rápida sobre vim

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

por Diego Eis

E-mail marketing: descubra os 4 piores erros

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

por Diego Eis

Reação é melhor que previsão

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

por Diego Eis

Qual a diferença entre hospedar seu blog num host grátis e em um pago?

Todas as pessoas conseguem ter seu próprio blog e mostrar as coisas que gostam na internet e até ganhar um bom dinheiro com isso. Por meio de um modo simples de configurar e recursos muitos mais fáceis para quem está começando, o WordPress e o Blogger são grandes responsáveis pelo ingresso de muitos novos blogueiros que estão iniciando no mundo online. Mas quando utilizamos a hospedagem grátis, por mais que não pagar seja ótimo, estamos sujeitos a configurações, modelos, publicidade do nosso provedor de serviço, perdemos a liberdade de mudar qualquer coisa que achamos conveniente, seja isso um anuncio ou um wallpaper personalizado para o blog.

por tableless

Novidades Adobe Creative Cloud 2017

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

por Diego Eis

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

Integração Contínua com Travis CI — Parte 01

O objetivo geral do artigo é mostrar como fazer uma Integração Contínua (técnica de desenvolvimento agile) com Travi CI, criando um repositório no O objetivo geral do artigo é mostrar como fazer uma Integração Contínua (técnica de desenvolvimento agile) com Travi CI, criando um repositório no e publicando nosso projeto em um Host utilizando o Heroku. Nesse primeiro post iremos montar toda nossa estrutura de diretórios e configuração de arquivos.

por Jaime Neves

Dicas para transformar leads em vendas

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

por Diego Eis

Como organizar e nomear o conteúdo do projeto?

Pode até parecer uma questão simples ou de pouco valor no projeto, mas a verdade é que a forma que você solucione essa ponto será determinante para o sucesso e o card sorting é o melhor caminho! O card-sorting é uma técnica usada para descobrir como o usuário classifica determinada informação em sua mente. Muitas pessoas acreditam que podem classificar a informação pelos outros pois acham que sabem como será a melhor forma.

por thonyconde

Como camuflar seu ip like a ninja

Temos algumas formas de camuflar ip, alguns programas que nos auxiliam a fazer isso de forma fácil. A um tempo atrás eu estava usando o sistema operacional WHONIX para poder fazer esse tunelamento pra mim, ele é realmente eficaz e eu não precisei me preocupar muito com detalhes, porém eu testei algumas outras opções e tiveram duas que eu realmente gostei, uma é o PROXYCHAINS e a outra o JONDO:

por Júlio Carneiro

Adicionando SSL no NGINX com o Let’s Encrypt

O Let’s Encrypt é uma forma fácil, automatizada e gratuita de se inserir SSL em uma aplicação web. A utilização do SSL é bem importante quando se há autenticação, tráfego de dados privados ou até mesmo para ser melhor colocado no ranking do Google. Neste artigo vou demonstrar como gerar e adicionar o SSL no NGINX com a ferramenta Let’s Encrypt. Irei utilizar o sistema operacional Debian para executar os comandos, mas estes podem ser facilmente modificados para serem executados em qualquer distro.

por Sergio Rodrigues

Angular 2, vale a pena?

O Angular é hoje uma das ferramentas mais largamente utilizada para desenvolvimento front end. Vale a pena migrar para a nova versão?

por Daniel Campos

Indexando mobile-first – Google anuncia novidades

Segundo o Google, atualmente a maioria das pessoas já fazem busca utilizando um dispositivo móvel. Entretanto, os sistemas de classificação ainda costumam olhar a versão desktop do conteúdo da página em questão para dar relevância ao usuário. Pensando em mobile-first, isso pode trazer alguns problemas caso a página mobile tenha menos conteúdo do que a página desktop porque os algoritmos do Google não estão avaliando a página que está sendo vista pelo usuário da página mobile.

por Rodrigo Fávaro

Por que Desenvolvedores/Programadores usam Twitter?

{.graf.graf–h3} Nos últimos 4 meses a comunidade Java Bahia me fez andar por varias universidades/faculdades e em todas elas perguntamos (não andei sozinho por aí) durante as palestras quem tinha costume de usar o Twitter. Infelizmente não tive o insight de fazer uma estatística disso, mas deu para notar que poucos desenvolvedores/programadores possuem o costume de frequentar a rede social. Muito provavelmente essa galera passou pela mesma experiência que eu tive nas minhas duas primeiras tentativas.

por Mateus Malaquias

Proteja seu código usando o Webpack

Não é um eufemismo dizer que que as ferramentas de front-end avançam rapidamente. Por um tempo, Grunt foi o principal automatizador. E desde então a comunidade adotou o Gulp, uma alternativa de streaming. Embora essas ferramentas sejam ótimas, você ainda precisará trabalhar dura para manter o seu sistema. E é aí que entram os empacotadores como o Browserify e Webpack. Como usar um empacotador Os empacotadores resolvem o problema fundamental no desenvolvimento front-end.

por Jscrambler

3 Plugins WordPress para Aumentar Conversões em Sites e Blogs

Aumentar Conversões Para quem possui Negócios na Internet explorar formas de melhorar as conversões pode ser financeiramente bastante interessante. Especificamente para quem trabalha com WordPress, isso pode representar mudanças significativas nos resultados do site. Alguns exemplos de Sites de Negócios muitas vezes conseguem elevar até 30% do faturamento com apenas estas ações que duram minutos. É claro que não é voltado a todo tipo de site, como E-commerce também.

por adrianoluz

Analisando o código Stylus de um projeto

O que é um pré-processador CSS? Como o nome ja diz, é uma linguagem que precisa ser pré-processada por um parser para assim gerar o arquivo de extensão .css que será renderizado pelo browser. Atualmente há vários pré-processadores que você pode utilizar para facilitar a codificação e reaproveitamento de código, você pode estar utilizando SASS, LESS e Stylus que são os mais conhecidos no mercado. A diferença do Stylus para os outros pré-processadores que estão sendo utilizados no mercado é que ele já é baseado em NodeJS e não em ruby.

por helderburato

Features que sua API REST precisa ter desde o início

Eu tenho trabalhado com dados suavemente flutuando através do protocolo http por um tempo e agora eu tenho esse sentimento altruísta de que eu posso contribuir com os desenvolvedores mais jovens com algumas histórias sobre os desafios que enfrentei durante a minha jornada. Este artigo basicamente tem o objetivo de listar e discutir sobre alguns pontos importantes que sua API, possivelmente, poderia abraçar desde o início do projeto, a fim de acelerar o processo de desenvolvimento para todos em sua equipe.

por Ulysses Marins

Upload de Arquivos com a Upin

Criar sistemas de uploads pode ser uma tarefa não só complicado como também irritante. Temos que fazer diversas validações, entre elas, de tamanho, extensão do arquivo, etc. Pensando nisso foi criada uma biblioteca em PHP que inclui a função de uploads. Chama-se Upin.

por Gabriel Carvalho

Trabalhando com serviços no Javascript

JavaScript é uma linguagem multiparadigma. Pode-se “_emular_” várias técnicas de programação com ele, e isso é incrível pois podemos decidir qual o melhor paradigma para a resolução dos problemas dos nossos projetos. Porém se por um lado isso pode parecer poderoso para a linguagem, também pode deixar os iniciantes bem confusos, é muito comum escolher a abordagem errada para o problema. Por esse motivo que o JavaScript em sido polêmico nos últimos anos.

por Vinicius Reis

Criando uma aplicação móvel com Ionic 2 e Angular 2 em dez passos

Introdução À esta altura do campeonato é provável que você já tenha ouvido falar da nova versão deste famoso framework para criação de aplicações móveis híbridas. O Ionic 2 acaba de chegar em seu Release Candidate e, com ele, trás uma série de recursos e otimizações de código, além de um considerável ganho de performance! Muito desse mérito se deve ao Angular (como é chamada a nova versão do framework, que deixa para trás o “JS” ao final do nome) que chega – finalmente – na sua versão estável, provando que não está para brincadeiras.

por Carlos Cabral

Yarn: A evolução do NPM

No dia 11 de outubro de 2016, o Facebook anunciou o seu novo gerenciador de pacotes para Javascript: o Yarn, que vem com a proposta de ser mais rápido, seguro e confiável que o NPM. O Yarn é open source, e nasceu com a colaboração, também, das empresas Exponent, Google, e Tilde.

por Daniel Campos

#BlendingCSS – Modos de mesclagem em CSS: Teoria da Cor e Aplicação Prática

OBS:. o método abordado sobre Blending (mesclagem de cores e camadas) não é igual, mas não diferente do método abordado pela nossa colega Dani Guerrato no post Modos de Mesclagem em CSS – Blend Mode CSS Diga-se de passagem nós abordaremos visões abrangentes e características técnicas do método de aplicação de Blending no CSS, mas se você quer dar uma previa nos conceitos de background css antes de ler esse post seria legal: [OBS:.

por Moisés Lopes Ferreira

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

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

por Diego Eis

Quando devo começar a arriscar em novos horizontes?

Creio que todos já se pegaram fazendo a pergunta do título. Se você realmente acredita que existe uma fórmula secreta ou uma idade correta para arriscar novas oportunidades, esse texto não é para você. Deixando o medo de lado Não sei vocês, mas já deixei passar algumas oportunidades em minha vida por pensar que não tinha o domínio naquele momento ou que não estava preparado. Pode ser que tenha sido um grande erro de minha parte em algumas dessas vezes, jamais saberei nas oportunidades que se passaram, o que sei é que no agora não estou deixando passar as novas oportunidades.

por helderburato

Serasa faz Hackaton: Experiance Jam

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

por Diego Eis

API para Autenticar usuários com JWT e Passport

Neste artigo nós vamos explorar os principais conceitos e implementações da autenticação de usuário utilizando o mecanismo chamado JWT (JSON Web Token) por meio de um módulo Passport. Afinal, este é um importante passo para se certificar de que os usuários façam uma autenticação segura dentro de uma API baseada em REST. Antes de começarmos, vamos criar uma simples API em REST, que será utilizada ao longo deste post. Para simplificar nosso exemplo, nós vamos criar uma Express API.

por Jscrambler

Web Semântica na Prática Parte 1: A Web do futuro (ou quase isso)

Aprenda um pouco sobre como criar aplicações Web que podem ser utilizadas por humanos e computadores

por James Miranda

Hackathon – SESI Cultura Digital

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

por Diego Eis

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

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

por Diego Eis

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

Criando aplicações portáveis entre diferentes SGBDs usando PDO(PHP Data Objects)

Quero apresentar nesse artigo as principais funcionalidades do PDO. PDO é uma biblioteca que implementa abstração ao acesso dos dados, ou seja, ela utiliza um driver específico, para cada SGBD (Sistema Gerenciador de Banco de Dados), tornando possível a portabilidade da base de dados de sua aplicação, sem que a mesma sofra danos ou que você passe horas e horas reescrevendo linhas e mais linhas de código. O primeiro passo é habilitar o driver do PDO no php.

por Anrahh

Um software para front-end e UI Designers

Já faz um tempo que tento encontrar um software que seja bom para fazer o design das interfaces, em que eu possa compartilhar protótipos e ainda fazer as animações de UI. Comecei a usar o Adobe Experience Design, que no começo foi uma boa experiência, mas como sabemos, a Adobe geralmente demora um pouco para evoluir os seus softwares (também quando evolui, o bicho pega…rs). Sinto falta de maiores opções para animações de interface, uma coisa simples como fixar o header em um protótipo, é impossível.

por Rodrigo Godoy

Menos é mais com Android Annotations

De todo o trabalho que você tem ao programar uma aplicação android, uma grande parte dele é por conta de todo o código boilerplate que sempre temos que fazer. Uma das coisas que mais me incomoda é que todos os recursos (views e afins) precisam ser referenciados para poderem ser acessados e isso, dependendo da quantidade de recursos que você precisa ter na aplicação, pode resultar em muitas e muitas linhas de código.

por Pablo Silva

Como boas práticas de escrita de código podem influenciar em uma melhor rotina de trabalho

Observei que alguns itens estão me ajudando na rotina de trabalho, como obter um melhor tempo de produção e um melhor controle sobre o que estou fazendo. São alguns hábitos simples que podem lhe ajudar muito. É apenas questão de implementar no seu dia a dia e demonstrar para a sua equipe (caso trabalhe em equipe) o quanto é mais organizado e produtivo trabalhar desta forma. A seguir listei algumas técnicas que podem ajudar bastante no seu dia a dia como desenvolvedor front-end.

por helderburato

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

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

por Diego Eis

Entrevista com Bert Bos (Criador da CSS) e W3C

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

por Diego Eis

Migrando de enterprise dev para startup dev

Comecei minha carreira na área de desenvolvimento de software razoavelmente cedo, aos 16 anos estudava no ensino médio pela manhã, estagiava à tarde e estudava no curso técnico à noite. Ao contrário de muitos desenvolvedores, meu primeiro contato com código não foi dos melhores, foram horas e horas de estudo pra conseguir entender 1⁄3 do que o professor estava tentando ensinar, na época ASP — sim, o ‘clássico’. Agora, com 26 anos, posso fazer uma análise interessante do que aconteceu nos últimos 10 anos de software e talvez essa reflexão sirva como norte pra quem está começando ou pra quem está afim de fazer uma troca de ares.

por Ulysses Marins

Invertendo o Redux

Introdução   Já faz um tempo desde que implementei pela primeira vez o Redux. Numa época que só se falava nos frameworks, ele apareceu do nada, pelo menos para mim. Eu já conhecia o Flux, mas ainda não era o que estava procurando. O Redux realmente é uma das melhores idéias que vi, para mim faz todo o sentido e ainda é simples de entender e de se implementar.

por Javiani

CSS3 — Trabalhando com Múltiplas imagens background-images

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

por Moisés Lopes Ferreira

Upload de imagens desmistificado com simpleGallery.js

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

por Fabio Carvalho

Construindo uma página com login no JSF

Vamos criar passo-a-passo um login utilizando o framework de Java - JSF. Conheceremos, também, as sessões do JSF e como interceptá-las.

por Julio Cezar Dourado

Conversão de tipos em JavaScript

Um dia desses eu recebi um quebra-gelo no Telegram, com o seguinte: Number(null); // 0 null == 0; // true né? De cara eu pensei que seria false, mas fiz questão de rodar no console e ver no que dava. Claro que deu false. Mesmo assim, quis entender o motivo de Number(null) retornar `` e fui procurar na documentação do ECMAScript 6, ou ECMAScript 2015. O JavaScript, ou ECMAScript, tem um conjunto de operações abastratas que ocorrem por baixo dos panos.

por Gabriel Prates

Carrossel descomplicado com HTML, CSS

Não é difícil perceber que muitos desenvolvedores tanto iniciantes como os veteranos de guerra ainda sofrem quando o assunto é carrossel, mesmo utilizando frameworks como BootStrap. Mas seus problemas acabaram! (música de chegada milagrosa), com o conhecimento de poucas técnicas podemos resolver esse “gigante” problema facilmente. Pseudo classe :target – CSS Para resolver o grande problema de transição do carrossel, vamos utilizar a pseudo classe :target, que atribui algumas características do CSS para o elemento HTML.

por Leonardo Camp

JavaScript, muito além dos navegadores e dos servidores

Quem é esse novo JavaScript que tem despertado a curiosidade de desenvolvedores de outras linguagens e tem atraído-os para seu universo pluralista e multiplataforma. Isso mesmo, nosso bom e velho JavaScript não roda apenas nos navegadores e servidores (Node.js), ele vai muito mais além… Neste artigo irei apresentar a linguagem JavaScript sendo utilizada junto a tecnologias exponenciais, sendo elas: inteligência artificial, realidade virtual, internet das coisas e até mesmo para controle de drones.

por Anrahh

Construindo um firewall no WordPress – Parte 1

Quem desenvolve para WEB e nunca passou por um ataque DDoS provavelmente não está fazendo o monitoramento de forma correta, principalmente em plataformas que utilizam WordPress, por ser OpenSorce existe uma infinidade de robores navegando pela internet em busca de brechas para obter acesso administrativo. Nessa serie de artigos iremos desenvolver um plugin que possa monitorar, identificar e barrar esses acessos e tentativas de invasão, por hoje iremos apenas criar o plugin e implementar uma ação que nos indique por e-mail quando over uma falha de login.

por Morais Júnior

JPA de A à Z – Por que conhecer?

Não dá pra negar que o Java é uma linguagem bastante verbosa e quando falávamos em juntar o Java com um banco de dados ai sim dava pra ver o tamanho do problema. Se não tivéssemos cuidado era muito fácil perder o controle da complexidade de nossas entidades e consultas. Antes de entendermos sobre a JPA, é necessário entender que costumávamos utilizar em nossos projetos o JDBC (Java Database Connectivity) que é uma API presente no Java desde a versão 1.

por Mateus Malaquias

Deixando seu site online com Surge.sh

Com apenas seis caracteres na linha de comando você pode deixar seu site estático online.

por Fabio Soares

Como aumentar a autoridade de um site ou blog através de links quebrados

Aumentar Autoridade do um site   Aumentar Autoridade de um site ou blog é algo que pode fazer com que seus resultados cresçam bastante nas buscas do Google. Existem diversas empresas no mercado especializadas em SEO, que oferecem ferramentas e métricas que visam mensurar a autoridade de sites e páginas. A mais conhecida de todas é o Moz, que possui as métricas DA (Domain Autorithy) e PA (Page Autorithy).

por Adriano Luz

Acessibilidade básica no formulário de contato

Um dos itens indispensáveis em um site é o formulário de contato, já pensou deixar ele acessível para todos na web? Na atualidade a acessibilidade vem sendo levada a sério com o avanço das tecnologias web e as supostas padronizações dos navegadores, e a acessibilidade hoje na web é muito importante, e a chegada do HTML5 deixou marcação do HTML mais explicativa para usuários acessíveis. WCAG 2.0 o que é ?

por Orivelton Cesar

Começando com o Angular Material  – Parte 1

Decidi começar essa série de posts sobre Angular pois ultimamente é o que mais estou estudando, e pirando também rs, estou viciado no angular confesso, e não podia deixar de escrever sobre o angular material pois ele realmente me surpreendeu com sua facilidade que junto a sua beleza o torna bem interessante. Vou escrever uma série com alguns posts baseados no que eu aprendi do angular material nesses tempos estudando na internet, espero que possa ajudar uma galera que queria muito conhecer porém não sabia por onde começar ou tem dificuldade de achar algo em português.

por Júlio Carneiro

Conheça o Vue.js, um framework javascript para criação de componentes web reativos

Venho acompanhando a evolução de diversos frameworks “frontend” ao longo dos últimos anos, e sendo um entusiasta ao estudá-los e criar conteúdo sobre eles. Talvez o primeiro framework que tenhamos mais destaque (após a geração jQuery) foi o AngularJS, que está forte até hoje, mas já possui o seu sucessor, o Angular 2 (atualmente na versão beta). Também temos o React e o Aurelia nesse jogo, e além de todos estes, temos o framework que iremos abordar neste artigo, o Vue.

por Daniel Schmitz

Criando sua aplicação React em 2 minutos

Configurar aplicações que utilizam React pode ser uma tarefa árdua e complexa... Babel, Webpack, ESLint, Autoprefixer... Mas agora não mais! Com o Create React App, é possível configurar o projeto em menos de 2 minutos!

por DiegoPinho

Mozilla anuncia Firefox 48 para desktop com multi-processamento

Mozilla anunciou em 02 de Agosto, o lançamento do Firefox 48, a introdução de um recurso de multi-processo é muito aguardada para o navegador, juntamente com um punhado de ajustes na interface. Firefox 48 é a primeira versão do navegador que inclui Electrólise (ou e10s), um recurso de multi-processo de desenvolvedores do Mozilla que têm sido muito trabalhada nesses últimos sete anos. O Multi-processo do Firefox separa os processos de conteúdo da web e interface do usuário, de modo que quando uma página web consume uma grande quantidade de processamento, outras abas abertas, botões e menus não ficam sem resposta.

por tableless

Linked Data e JSON-LD

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

por Diego Eis

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

Deploy usando git pull e hooks

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

por Diego Eis

Você sabe paginar dados no MySQL corretamente?

O uso de uma simples instrução pode otimizar a performance de suas consultas ao banco.

por Adriano dos Santos Júnior

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

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

por João A. Zonta

Você conhece AMP?

O projeto AMP - Accelerated Mobile Pages, é uma iniciativa Google em conjunto com alguns publishers como Chartbeat, Vox, Wordpress.com, Twitter, The Washington Post, UOL, etc; de trabalhar uma estrutura de rápido carregamento de conteúdos em Smartphones.

por Thaiana Poplade

Vulnerabilidades em Sistemas Web

Uma das principais vulnerabilidades web se encontram na URL do site e nem todos os desenvolvedores têm conhecimento delas

por Marcus Aurelius

Acelere o carregamento de seu site com PHP Caching

Criar um site dinâmico, de fácil manutenção e que carregue rápido é o desejo de todo desenvolvedor, mas para isso não existe uma fórmula mágica, é necessário conciliar diferentes ferramentas e técnicas. Mas muitos desenvolvedores iniciantes em PHP não conhecem as soluções existentes ou tem medo da curva de aprendizado que os frameworks exigem. O foco desse artigo é mostrar para esses desenvolvedores como uma técnica simples, utilizando apenas comandos básicos do PHP, pode acelerar o carregamento de seu site e evitar que ele fique caindo.

por Felipe Torretto

Entendendo a indentação no Javascript

Código sem indentação não é legal de se ler, mas tem uma coisa um pouco pior que isso, ou tão ruim quanto, que é a falta de um padrão na indentação do projeto. Por exemplo, eu uso tab pois consigo ajustar meu editor para que ele exiba a quantidade que eu julgue necessária de espaços, mas pode ser que alguém da minha equipe use os próprios espaços, eai já imagina a beleza que vai ficar o código né?

por Júlio Carneiro

Um pouco sobre imagens para Web

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

por Diego Eis

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

Como uma boa empresa de tecnologia, o Google parece fazer da necessidade de evoluir suas ferramentas uma “obsessão”. Quando o assunto é mobilidade então, essa questão é um pouco superior. Todo mundo sabe que a maneira de interagir em um resultado de busca depende muito de como as informações estão organizadas no topo. Temos uma tendência em clicar nos primeiros resultados, algo que o o próprio Google nos educou. Com os Dados Estruturados (Rich Snippets), temos uma nova forma de obter resultados relevantes, através de imagens, votação entre outros meios que certamente influenciarão nosso clique.

por Rodrigo Fávaro

Mozilla libera primeira compilação do Servo, o seu motor de renderização

A lançou a primeira compilação de Servo, seu novo engine. Esta é a primeira demonstração que Jack Moffitt, líder do projeto na Mozilla, descreveu como “um mecanismo de navegação de última geração com foco no desempenho e robustez.” Pacotes para o MacOS e Linux estão disponíveis para download aqui: Servo Developer Preview downloads. A Mozilla promete que os pacotes para Windows e Android estarão disponíveis “em breve” e você pode verificar todo o código fonte no GitHub.

por tableless

Princípio de Paretto e o desenvolvimento de jogos indie

O Princípio de Paretto, também conhecido como proporção 80⁄20, foi criado pelo economista italiano Vilfredo Pareto em 1906. Paretto enunciou este princípio através do conhecimento empírico, após analisar a sociedade italiana, mas especificamente ele observou que 80% das terras pertenciam a 20% da população, restando para os outros 80% da população os 20% de terras restantes. Em suma, significava que 80% das riquezas daquela sociedade estavam concentradas nas “mãos” de 20% da população.

por Thiago Teles

Hierarquia no design

Hierarquia, segundo o dicionário Michaelis, é a categoria atribuída às pessoas ou às coisas, classificadas de acordo com a ordem de importância, crescente ou decrescente. Dessa forma, organizar hierarquicamente é o mesmo que definir graus de importância à alguém ou à alguma coisa. A hierarquia no design tem o mesmo objetivo da definição acima citada. Hierarquizar no design é controlar a transmissão e o impacto da mensagem. O designer sabe disso e faz uso da escala, cor, tonalidade, peso, inclinação, espacejamento, intervalos e inúmeras outras técnicas para atingir o objetivo de organizar a informação.

por Fabio Marelli

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

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

por Diego Eis

Paginação com JavaScript e jQuery

Como fazer um script de paginação usando JavaScript e jQuery

por Dyemerson Almeida

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

Bulma: framework CSS baseado em flexbox

“Inspirado pelo Bootstrap, o Bulma visa oferecer a todos a alegria de fazer o design do site, com a simplicidade do flexbox e a elegância de Sass.” – Jeremy Thomas, criador do projeto Bulma.io.   Como o título diz, o Bulma é um framework CSS baseado na tecnologia flexbox, que já tem uma grande compatibilidade entre os navegadores. O pacote contém todos os elementos mais comuns como botões, formulários, menus, tabelas, títulos, notificações, barras de progresso e um simples sistema de grid (basta adicionar uma coluna, o resize das colunas é automático).

por Gabriel Prates

Introdução à Programação Funcional (Functional Programming) em Javascript

Eu venho estudando functional programming já faz um tempo, e decidi colocar no papel o que aprendi, pois para mim essa é a melhor forma de reter o que se aprendeu. Além disso, será um prazer se esse post ajudar outros programadores. “Em ciência da computação, programação funcional é um paradigma de programação que trata a computação como uma avaliação de funções matemáticas e que evita estados ou dados mutáveis.

por maufarinelli

Por que utilizar Go/Golang no seu backend?

Com o respaldo dos criadores do Unix, UTF-8 e Google, a Golang promete ser rápida, simples e legível.

por Ulysses Marins

O Product Owner deve estar na Sprint Retrospective?

Existe uma polêmica entre os usuários da metodologia e na comunidade agilista quanto a não participação deste membro na retrospectiva. Pense um momento nesta hipótese: “Scrum Master em conjunto com o time de desenvolvedores, decidem que testers não farão mais parte das retrospectivas. Eles não são necessários, pois eles não são parte do time, suas atividades são diferentes das de desenvolvimento e seus feedback’s são irrelevantes.” Pensou? É tão estranho de criar a hipótese quanto de praticá-la, certo?

por talesbaz

Silex Middlewares 101 – Parte 1

Os middlewares no Silex são utilizados para mudar o comportamento padrão do mesmo, os middlewares se mostram muito úteis quando pensamos na validação de tokens de acesso, save de logs e muitas outras tarefas. Basicamente temos dois tipos de middlewares, os de aplicação e os de rota.

por Nando Kstro Net

Sobre Aaron Swartz

Só um pensamento rápido sobre Aaron Swartz.

por Diego Eis

Utilize ferramentas SEO para aumentar o tráfego do site

Três amigos criaram sites para apresentar suas marcas e negócios online e resolveram se aventurar nos caminhos do marketing digital para aumentar o tráfego de suas páginas e, consequentemente, atrair o maior número de clientes. Após pesquisas e consultas com especialistas neste ramo, foram orientados a conhecer o SEO. Pensaram que poderia ser nome de alguém e fizeram buscas na internet seguindo essa referência. Diversos sites indicados pelo Google apareceram e indicaram essa sigla.

por NewYorkerinBrasil

Redesign do Google Fonts

O novo Google Fonts torna mais fácil do que nunca para ver nossa coleção de fontes de designer de código aberto e aprender mais sobre as pessoas que os fazem. O Google Fonts foi lançado pela primeira vez em 2010 como uma iniciativa de engenharia para mover a web para frente e torná-lo mais rápido, utilizando diferentes tecnologias como cross-site de armazenamento em cache de fontes e de compressão inteligentes, criando uma maneira simples de adicionar variedade tipográfico para os sites.

por tableless

Blisk é o navegador que todo desenvolvedor sente falta

Projetado especificamente para os desenvolvedores e atualmente disponível para o Windows (mas já já tem para Mac e Linux), Blisk é um navegador baseado no Chromium gratuito que visa melhorar a produtividade e qualidade do código, fornecendo uma ampla gama de ferramentas para desenvolvimento Web e testar tanto para desktop e móvel. Blisk vem com um conjunto bem bacana de emuladores pré-instalados de dispositivos populares, tornando mais fácil o teste dos projetos em vários dispositivos e navegadores.

por tableless

Encontro de Desenvolvedores em São Paulo

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

por Diego Eis

Safari vai desativar por padrão plug-ins como Flash nos Macs

O Safari está colocando mais um prego no caixão do Adobe Flash, desativando por padrão o funcionamento do plugin de Flash instalado em Macs. A Apple está a planejando medidas semelhantes com outros plug-ins como Java, Silverlight e QuickTime. Este movimento vai forçar sites que usam esses plug-ins a implementarem por default alternativas em HTML5. Graças ao trabalho árduo permanente de fabricantes de navegadores e desenvolvedores web, os padrões web melhorando continuamente em recursos.

por tableless

JPA Hibernate – Como funciona a anotação @version?

Recentemente um colega de trabalho me perguntou qual era função da anotação @version presente nas entidades aqui do projeto. Achei interessante essa pergunta e resolvi fazer da resposta o meu primeiro post no blog. Para responder essa de pergunta temos que lembrar que todo banco de dados possui um controle de concorrência entre transações (se necessário solicitem nos comentários que faço um post explicando a fundo sobre isso). Para esse post só precisamos conhecer o método de controle Optimistic concurrency control (controle de concorrência otimista).

por Mateus Malaquias

O básico sobre Expressões Regulares

Desmistificando as Expressões Regulares.

por Diego Eis

Fluxo de execução assíncrono em JavaScript – Generators e Async Functions

Tardou mas não falhou e veio como presente de ano novo. Este é o terceiro artigo de uma série que trata sobre execução assíncrona no JavaScript. Veremos a seguir como funcionam Generators e qual a sua aplicação em conjunto com Promises. Tratando um pouco do que vem por ai, faremos uma análise sobre a especificação de Async Functions.

por Jean Carlo Emer

Requisições AJAX no WordPress

O objetivo deste artigo é tentar mostrar uma forma simples e bem completa (e melhor. Segura!) de trabalhar com requisições AJAX e WordPress. Obs. Mostrarei de forma genérica e com exemplos banais, o importante é entender o processo. 🙂 Como já trabalhei em muitos lugares e peguei muito freela pra fazer nessa vida, acabo esbarrando com códigos no mínimo questionáveis, outros muito bons também. Porém a questão de fazer requisições AJAX no WordPress sempre é um assunto delicado pois várias e várias vezes vi códigos em que a complexidade que o desenvolvedor fez o código não só é desnecessária como também é ineficaz e insegura.

por Guilherme Brero

Encontro de Desenvolvedores Curitiba – 21/Maio

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

por Diego Eis

Faz uma animação legal aí!

Sempre que um projeto começa, eu me questiono se a agência entende a importância da animação para o design de interface e como o trabalho do motion designer pode contribuir para o sucesso da experiência interativa, reforçando tudo o que foi pensado desde o nascimento do projeto, lá na arquitetura de informação. Muitas vezes, ouvi que o motion designer coloca a mão no projeto para refinar e fazer firulas no site.

por Vanessa Nunes

Melhore seu blog com ferramentas gratuitas online de SEO

Você lançou um blog com objetivos em mente: inserir-se no universo virtual da internet e apresentar parte de sua vida, atividade profissional, seu produto, uma iniciativa ou ação pessoal que desenvolve e tenha possibilidade de ser propagada. Semanas depois percebe que, apesar de suas publicações, as visualizações e comentários em sua página estagnaram. No primeiro momento, pensa nos motivos que levaram à inércia do envolvimento de seus seguidores, afinal, a intenção em criar um blog era aumentar a visibilidade de sua imagem por meio da internet, pressupondo que, devido ao acesso livre e inúmeras formas de divulgação que essa rede possibilita, as visualizações e tráfego da sua página seriam constantes e crescentes.

por grant

Carrinho de orçamento para WordPress

O WordPress agiliza muito o trabalho de qualquer um que queira publicar online um site simples ou complexo e que tenha um painel administrativo decente. A comunidade é bem ampla e a plataforma dá passos firmes a caminho do e-commerce, cada vez mais ganhando espaço até mesmo entre as plataformas fechadas. E se você tem um negócio experimental ou não quer ter custos e nem dor de cabeça com transações bancárias, aqui vai uma dica de como ter um e-commerce com produtos em que o cliente faz o fluxo de orçamento e no final ele envia uma lista dos produtos de seu interesse com os dados para contato, vamos lá então.

por Orivelton Cesar

Quando o Scrum irá falhar

Nesse artigo vamos abordar um pouco os pontos críticos do Scrum, a intenção aqui não é explicar o framework (o Scrum é considerado um framework para gestão de projetos) em si, mas dar um panorama dos casos mais comuns de falhas críticas ao se tentar adotar o Scrum ou modificá-lo. Caso esteja procurando um artigo para entender melhor o que é o Scrum, recomendo esse aqui, escrito pela Dani Guerrato.

por marcoaacoliveira

ReactJS 101

Uma introdução a biblioteca para criação de interfaces do Facebook

por Bruno Belarmino

Criando aplicações CLI utilizando Node.js

Introdução As aplicações que se utilizam da linha de comando do Sistema Operacional são comumente chamadas de CLI Applications ou Command-Line Interface Applications. O que isto quer dizer? Estas aplicações só sofrerão alguma interação caso ela seja feita através de um Shell (BASH, DOS, ZSH, entre outros), mediante entrada de texto. Este tipo de aplicação é contrária as GUI Applications ou Graphical User Interface Applications, que permitem o usuário interagir com a aplicação através de ícones, disposição dos elementos na tela, utilizando-se do Mouse para isto.

por Igor Santana

Consumo eficiente de recursos computacionais de servidores de aplicação web com Node.js

Este artigo é o resultado de uma análise da plataforma Node.js, especificamente quando submetida a um alto número de acessos simultâneos, comparando os números dos indicadores de serviço e eficiência obtidos em testes de performance.

por Jamerson Bernardo

Iniciando com o Docker: Criando suas próprias imagens

No artigo anterior, eu descrevi alguns comandos básicos e como iniciar com o pé direito no mundo do Docker, trazendo de forma direta alguns conceitos que com o passar do tempo se tornaram fundamentais no meu fluxo de desenvolvimento. Hoje eu quero partir um pouco mais para o lado prático da coisa, vamos construir uma imagem para encapsular uma pequena aplicação em GO. Primeiros passos O arquivo de manifesto do Docker é o Dockerfile, nele você coloca as instruções de como você quer que sua imagem seja construída.

por André Kiffer

MySQL Essencial (parte 1)

O inicio e quem usa o MySQL O MySQL é um sistema relacional de gerenciamento de banco de dados de código aberto, que utiliza o SQL (Linguagem de consulta estruturada) como interface, é atualmente um dos bancos de dados mais populares na internet, mais de 10 milhões de instalações pelo mundo inteiro. Em Julho de 2013, foi considerado o segundo banco mais utilizado do mundo. Criado na Suécia por David Axmark, Allan Larsson e Michael “Monty” Widenius, a primeira versão surgiu em 23 de Maio de 1995.

por Claudio Melo

Testes de Invasão e Análise de Vulnerabilidades

O que são teste de invasão e análises de vulnerabilidades?

por Marcus Aurelius

Encontro Desenvolvedores Recife – 05/Maio

Encontro Locaweb de Desenvolvimento e profissionais de internet!

por Diego Eis

Iniciando com o Docker: dicas práticas para começar a usar agora mesmo

Informações introdutórias para começar com Docker.

por André Kiffer

A arquitetura Redux usando Jails

Ultimamente tenho me preocupado mais com arquiteturas no front-end do que propriamente com as implementações de alguns frameworks. Isso porque eu acho que realmente nos falta um pouco mais de conhecimento sistêmico, mais arquitetural, porque os problemas só estão crescendo e percebi que pelo menos eu não estava acompanhando devidamente a complexidade das aplicações desenvolvidas em Javascript. Uma pequena reflexão Os frameworks acabaram aparecendo nos últimos tempos e percebo que tiveram uma importância muito maior do que o nosso amadurecimento quanto aos novos desafios nas aplicações web, especificamente na linguagem Javascript.

por Javiani

Manipulando o uso de classes com classList API

Manipule facilmente suas classes com o uso da classList API, uma API pequena e simples, porem de grande utilidade.

por Guilherme Bayer

Resultados do Survey 2015

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

por Diego Eis

SEO substitui o Marketing Patrocinado?

Recentemente participei de uma discussão onde o tema era: É possível substituir campanhas patrocinadas e trabalhar apenas na rede Orgânica? Deixando as coisas um pouco mais claras: Busca Orgânica – Você não paga por qualquer interação que receba de uma pesquisa, aqui você tem o potencial de ser localizado por seu publico, de maneira muito mais efetiva. Segundo a dados da agência SEO 33AMD, buscas orgânicas tem métricas comportamentais até 80% maior que comparado as buscas patrocinadas.

por Marcos

Alternativa de CMS com Keystone.js

O Keystone.js é um framework desenvolvido em Node.js para servir de CMS e também de Web Application.

por victorkurauchi

Entendendo o async e o await em JavaScript

As funcionalidades async / await não conseguiram chegar para o ES6, mas isso não significa que elas não irão chegar ao JavaScript. Enquanto escrevo esse post, ela é uma proposta na fase 3 e está sendo trabalhada ativamente. As funcionalidades já estão no Edge e devem chegar a outros browsers assim que chegar na fase 4 - pavimentando seu caminho para inclusão na próxima edição da linguagem (veja também: Processo TC39).

por Wendell Adriel

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

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

por Diego Eis

O básico sobre o automatizador de tarefas Make

Vocês trocariam seu Gruntfile (ou semelhantes) por um Makefile?

por Cristiano Santos

Angular JS – Service x Factory

Qual a diferença entre service e factory no AngularJS? Esta é uma pergunta muito comum entre os desenvolvedores que estão usando o Angular JS. Neste artigo, vamos tentar responder isso!

por Guilherme Assemany

Anuncie no Tableless

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

por Diego Eis

Fale conosco

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

por Diego Eis

Seja um autor

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

por Diego Eis

Sobre o Tableless

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

por Diego Eis

React Native: Construa aplicações móveis nativas com JavaScript

| Construir aplicações multiplataforma nunca foi tão simples e divertido. Conheça o framework que está mudando os rumos do desenvolvimento mobile baseado em JavaScript.

por Carlos Cabral

EdgeHTML issue tracker

Cadastre e acompanhe bugs do browser da Microsoft Edge.

por Diego Eis

Introdução ao Redux

Uma breve explicação sobre a arquitetura Redux e suas principais características

por Henrique Sosa

Escreva código conosco

Contribua escrevendo código para o site Tableless.

por Diego Eis

I de Inteligente

Por que a tecnologia empresarial não caminha na mesma velocidade da pessoal? O mercado está passando por um momento especial e saber entender como ofertar nessa época poderá ser um diferencial. Quebrar antigos paradigmas é uma missão e tanto para nós da tecnologia.

por Carlos Renato Gaddini

Novas features no Safari

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

por Diego Eis

Lodash ou Underscore? Talvez, nenhum!

Durante os últimos anos, bibliotecas como Underscore e lodash, encontraram seu espaço no cinto de utilidades de muitos programadores JavaScript. Embora essas bibliotecas ajudem a escrever e até facilitar a sua vida em partes do seu código, não necessariamente, esse código, fica simples ou de fácil entendimento. Quem estiver lendo ou mantendo o código será obrigado a, além de conhecer a linguagem e sua biblioteca padrão, também conhecer a biblioteca de utilitários que está sendo usada.

por Eduardo Rabelo

Login com a API do GooglePlus no Android.

Temos uma opção bastante útil hoje em dia no Android, que é usar a sincronização da conta de e-mail do Google. Não vou alongar muito a introdução, vamos partir para a codificação e configuração da API. Criando um novo Projeto no AndroidStudio Digite o nome da aplicação e escolha também um nome do package, vamos precisar para ativar a API do GooglePlus no Console do Google. Continuei a criação e escolha uma Empty Activity.

por Alessandro Barreto

Sass vs. LESS vs. Stylus: Batalha dos Pré-processadores

Ter em mãos o verdadeiro poder de um pré-processador CSS é uma aventura. Existem incontáveis linguagens, sintaxes e funcionalidades todas prontas para uso imediato. Nesse artigo iremos falar sobre diversas funcionalidades e benefícios de usar três pré-processadores diferentes: Sass, LESS e Stylus.

por Wendell Adriel

Criando facebook reactions com css

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

por Deivid Marques

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

Novidade PHP 7 – Operador Null Coalesce

Existente em diversas outras linguagens, o operador Null Coalesce agora também faz parte da sintaxe do PHP 7.

por Eduardo Abreu

Constant Array no PHP 7

Com o lançamento do PHP 7, agora é possível criar constantes do tipo array (vetor).

por Rodrigo Brandão

Sublime Text está sendo desenvolvido de novo

Até que enfim o Sublime Text voltou!

por Diego Eis

Java SE 7 Programmer I (1Z0-803) – Parte I

E aí galera, essa série de posts é pra você que pretende obter a certificação Java SE 7 Programmer I (1Z0-803). Irei abranger todo o conteúdo exigido pela Oracle para obtenção dessa certificação. ATENÇÃO! Estou presumindo que você já tenha algum contato com Java e alguma experiência trabalhando com ele. Se você não conhece nada de Java (ou linguagens orientadas a objeto), tente procurar outros posts sobre o básico de Java para depois iniciar seu caminho de certificação.

por Dionatan Marques

Trabalho na área de SEO

Entenda o que é SEO e o que torna essa profissão promissora.

por Serguey

Como ter um site mobile bom para SEO

Há alguns anos ter um site mobile era um diferencial. Hoje, para quem se preocupa com sua presença na internet, estar preparado para receber usuários de dispositivos móveis é vital. Afinal, para muitos brasileiros o primeiro, e muitas vezes único, contato com a internet tem sido através de um celular. O impacto no trabalho de SEO Para que todo o trabalho de desenvolvimento de uma versão mobile seja bem aproveitado atraindo visitantes dos mecanismos de busca é preciso que ele obedeça às diretrizes de qualidade do Google e não ‘atrapalhe’ o desempenho da versão desktop.

por Carina Andrade

Exercícios Simples de JavaScript para Entrevista

Nesse artigo iremos ver alguns exercícios simples e rápidos de JavaScript que podem ser usados para ajudar a você a selecionar candidatos ou para você se dar bem em uma entrevista.

por Wendell Adriel

Criando efeitos de páginas de livro no seu front-end

Uma breve introdução da biblioteca Turn.js para fazer efeitos de páginas de livros no seu front-end.

por Fabio Soares

Instalando Laravel 5.2

Como instalar e começar a utilizar o framework PHP Laravel 5.2

por Eduardo Abreu

Inteligência Social: Taxa de Engajamento!

Você já ouviu falar em Social Business Intelligence, Social BI, ou em Engagement Rate? Caso nunca tenha ouvido sugiro continuar essa leitura pois são dois pontos cada vez mais importantes quando se fala de redes sociais. Social BI, Inteligência Social, trata-se da coleta e análise de dados transformados em informações que podem gerar insights importantes para seu negócio. Quando se fala em Social BI, Inteligência Social, é importante frisar que existe um processo de coleta, classificação e análise, quantitativa e qualitativa, que pode variar muito de acordo com cada analista que realize pois o conhecimento empírico é fundamental para extrair o máximo deste processo.

por thonyconde

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

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

por Diego Eis

Gerenciando módulos no TypeScript

Como vimos no artigo anterior, com TypeScript podemos programar de forma orientada a objetos, criando classes, interfaces, get/set etc, e compilar tudo isso para JavaScript. Neste artigo veremos como criar módulos e separar classes e funcionalidades em arquivos distintos, de forma a tornar o nosso projeto mais organizado. Para instalar o TypeScript, você precisa ter o Node.js, juntamente com o NPM. Execute o comando npm install typescript -g

por Daniel Schmitz

Internet Explorer 8, 9 e 10 foram pro saco

O fim de uma era.

por Diego Eis

Por que Python? (parte 2)

Por que escrever código Python é tão bom? Por que os programadores Python são tão apaixonados? Parte da resposta é a própria sintaxe da linguagem.

por Elcio Ferreira

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

Uma visão detalhada sobre instanciação de variaveis no JavaScript

Sabe quando a variável acaba ganhando um valor que você não esperava ? Pois bem, o JavaScript tem algumas formas de tratar variáveis e é sobre isso que vamos tratar aqui neste artigo. Escrevi este texto para o curso beMEAN - Instagram criado pelo Jean Suissa, fundador da Webschool. Gostaria de compartilhar com a comunidade, especialmente com os iniciantes. Vamos la! ;)

por Alex Miranda

WP Rest API – O futuro do WordPress

Conheça o futuro do WordPress: uma API RESTFul, a ser integrada no Core, que dispõe em formato JSON todas as informações necessárias para o desenvolvimento agnóstico em WordPress. Esteja pronto para criar aplicações Web/Mobile utilizando o WordPress ou utilize seus conhecimentos na sua linguagem de programação favorita e diga <em>adeus</em> ao PHP.

por Cezar Augusto

Como automatizar a criação de Virtual Hosts

Qualquer desenvolvedor que se preze tenta automatizar tarefas recorrentes, mesmo que não sejam tarefas diárias. É dessa forma que você consegue tempo para melhorar seu software, ganhando tempo para quebrar a cabeça com o que realmente importa. Para quem não sabe os Virtual Hosts são apelidos dados ao caminho onde está rodando seu site ou aplicação web. Geralmente isso é feito em servidores de desenvolvimento para facilitar o acesso ao projeto.

por Léo WG

JavaScript e CSS no WordPress

Você faz um front-end impecável, mas ao transformá-lo em um tema WordPress, o carregamento fica lento, os plugins não funcionam e ocorrem milhares de outros problemas? Saiba que você pode não estar utilizando seus scripts corretamente no WordPress. Não se prenda ao termo! Neste post vamos usar “scripts” para qualquer JavaScript ou CSS que você queira adicionar ao seu tema ou plugin. Ao adicionar um novo script na sua aplicação, você deve fazê-lo da forma adequada para que o WordPress cuide de todo o processo, não usando código desnecessário e impedindo conflitos entre sua aplicação e de terceiros (plugins).

por Breno Alves

O novo software que substitui o Flash

Por um bom tempo o Flash ficou no mercado, mas, infelizmente chegou o seu fim. A notícia muito esperada por muitos enfatizou o fim do Flash, que por anos era padrão na produção de animações e de aplicações web. Com o surgimento do HTML5 o Flash se tornou bem ultrapassado. Além disso para melhorar a situação o Flash foi descartado pela Mozila, Google, Facebook e diversas outras empresas fazendo com que ele caísse ainda mais.

por Isaque Melo

Como uma simples mudança de cores pode revolucionar seu site

Testes A/B: design orientado à conversão de leads qualificados

por David Arty

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

Experimentando flexbox hoje: topo alinhado sem muito esforço

Com poucas linhas de código é possível posicionar elementos facilmente para páginas responsivas

por Alan Marcos

Detectando navegadores com Bowser

Projeto hospedado no GitHub ajuda a detectar versões e detalhes do navegador utilizado

por Raphael Guastaferro

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

ES2015 – Babel 6 com Browserify e Babelify

O Babel 6 trouxe muitas mudanças na maneira que convertemos arquivos ES2015 para ES5.

por Renato Augusto Gama dos Santos

Usando GIT para atualizar arquivos no servidor de hospedagem II – Final

Esta é a segunda e última parte do artigo que explica como fazer um esquema simples para deploy automático usando GIT + Bitbucket A mesma configuração pode ser usada em qualquer servidor GIT e qualquer serviço de hospedagem que tenha acesso via ssh e git instalado Se você ainda não leu a primeira parte, segue o link: http://tableless.com.br/usando-git-para-atualizar-arquivos-no-servidor-de-hospedagem No artigo anterior, criamos as chaves SSH para autenticação no Bitbucket, criamos um repositório GIT e manualmente executamos o comando | git pull | para atualizar o nosso repositório.

por João A. Zonta

A importância de desenvolver considerando off-line first

Uma aplicação web que funcione off-line é fundamental nos dias de hoje, tendo em vista a mobilidade, instabilidade de rede e mesmo a falta de acesso à internet.

por Reinaldo Ferraz

Como usar variáveis no CSS de forma nativa

Como utilizar o conceito de variáveis nativas do CSS3.

por Afonso Pacifer

Introdução ao Electron

Desenvolvedor web também pode construir aplicações desktop. Com o Electron, você usa HTML, CSS e JavaScript.

por Henrique Sosa

10 Dicas Simples Para Acelerar Seu Site Até 278 Vezes

É fundamental que seu site seja rápido. Isso atrai e fideliza clientes. Veja aqui 10 dicas simples que podem acelerar seu site até 278 vezes

por Roberto Beraldo

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

Uso acessível: O cumprimento das premissas na web contemporânea

Motivações ao desenvolvimento acessível.

por Gabriel Ramos

Palestras = 99% inspiração e 1% novidade

“Não vá assistir a uma palestra esperando aprender alguma coisa nova. Vá esperando se sentir inspirado”. Esse foi um dos melhores conselhos que recebi de um professor do MIT. O real motivo para você parar o que está fazendo e ir assistir a uma palestra não deve ser impressionar os seus colegas ou tentar dar uma “escapada do escritório”. Deve ser para manter a sua inspiração ativa para trabalhar e estudar.

por Tiago Dória

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

20 melhores sites de bancos de imagens grátis

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

por Diego Eis

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

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

por Thaiana Poplade

Configurando o Sublime Text para escrever textos em MarkDown

Neste artigo aprenderemos como configurar alguns plugins para o Sublime Text 2, para que você possa ter uma melhor experiência ao escrever textos em português com a linguagem de marcação de texto MarkDown, muito comum na criação de livros, artigos, tutoriais, e claro, dos arquivos README.md do GitHub. Instalando o Sublime Text 2 Você ainda não usou o Sublime Text? Eu duvido! Mas se não usou, aqui está a receita para a sua instalação:

por Daniel Schmitz

Use as facilidades do CSS 4 hoje

| Conheça algumas das features do CSS 4 e como você pode usa-las hoje.

por Mateus Ortiz

Organizando equipes

Sobre organizar equipes multifuncionais em uma empresa gigante.

por Diego Eis

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

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

por Diego Eis

Slack Time – Sua preguiça também pode gerar resultados

Aprenda mais sobre esta técnica utilizada em metodologias ágeis e saiba usar seu tempo de folga para melhorar seus processos.

por Henrique Schreiner

Fórum do Tableless está de volta

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

por Diego Eis

Afinal, como usar herança no CSS?

Herança surgiu para ajudar desenvolvedores a escreverem mesmo e produzirem mais. Vamos ver aqui como esse conceito básico das folhas de estilo pode nos ajudar no dia-a-dia. Geralmente quando alguém começa a desenvolver interfaces web, o processo é aos trancos e barrancos. Nessa situação, iniciantes buscam aprender como se faz aquela borda arredondada ou como aplicar transparência. Por fim, acabam deixando de lado conceitos básicos de CSS. Levando isso em conta, precisamos primeiramente aprender sobre especificidade e efeito cascata.

por fernahh

A internet faz você feliz?

O mundo está mudando, e para melhor. Segundo Rafael Calvo, pesquisador do Departamento de Ciências da Computação da Universidade de Sydney, estamos entrando rapidamente numa nova fase no desenvolvimento e design de softwares. Nesta nova etapa da computação, produtividade e eficiência não serão mais os únicos critérios para mensurar o sucesso de um sistema. Para Calvo, essa nova fase é parte de uma saga em inovação na área de UX. Num primeiro estágio, nos preocupamos em criar sistemas que tivessem usabilidade, e, num momento posterior, que sustentassem hábitos.

por Tiago Dória

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

Usando GIT para atualizar arquivos no servidor de hospedagem

Solução usando Bitbucket + Kinghost A mesma configuração pode ser usada em qualquer servidor GIT e qualquer serviço de hospedagem que tenha acesso via ssh e git instalado Vamos imaginar um cenário em que você está desenvolvendo um site, nesse site você tem vários arquivos, distribuídos em pastas separadas, css, javascript, html, etc… Sempre que você altera algum arquivo, precisa enviar por FTP, para atualizar seu site. Um fluxo (antigo), mas parece ser ainda muito normal (infelizmente) por aí.

por João A. Zonta

Centralizando conteúdo na vertical e horizontal com CSS Flexbox

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

por Diego Eis

Harvest: Boilerplate de Gulp para seus projetos

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

por Diego Eis

Provent – Promises e Eventos… combinados.

Hoje, quando não estamos usando jQuery para lidar com eventos no DOM, nós presenciamos muito este trecho de código: document.querySelector('a').addEventListener('click', function() { // amazing stuff }); Embora funcione muito bem, nos trás alguns limites… Dentro do parâmetro de callback, é onde você define toda a sua lógica… Não tem uma maneira simples de adicionar mais callbacks dentro daquele evento de maneira dinâmica, sem que você salve algum tipo de estado dentro daquele callback… por exemplo:

por Mauricio Soares

Tudo que você queria saber sobre Git e GitHub, mas tinha vergonha de perguntar

Crie, compartilhe, acompanhe e versione projetos com o poder do git, tudo na nuvem pelo github.

por Daniel Schmitz

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

Estamos entrando na terceira parte do tutorial, e quem está acompanhando até aqui já sabe então como funciona a comunicação entre cliente e servidor, envio de requisição pelo cliente e recebimento de resposta (na duvida só voltar e releia a Parte I e/ou Parte II), porém o que a gente quer é criar o servidor, receber as requisições e enviar a resposta ao cliente. O Servidor A idéia do servidor é bem simples e estende a do cliente, como assim?

por thiguetta

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

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

por Diego Eis

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

ícones, ícones, ícones para todos!

por Diego Eis

Nada de Capa – Quando a firula é mais do que a função

Quem assistiu a animação da Pixar “Os Incríveis” conhece essa cena do vídeo. Nela o Sr. Incrível vai até a estilista Edna Mode para remendar o seu uniforme velho, mas ela o convence a criar um novo uniforme. Ele aproveita a deixa e pede para ela criar uma roupa clássica bem legal com capa e botas, quando ela berra a famosa frase: Nada de capa! À partir daí a Edna cita uma relação de vários heróis que foram detonados por causa da capa.

por cristianoweb

A Arte da Sedução dos Produtos

Você já reparou, que quando estamos em um grande grupo, acabamos sendo influênciados pela maioria? Mas você deve estar pensando: “Eu não sou assim. Gosto de ser diferente”. Será mesmo? Para explicar melhor e de forma simples, vou usar o mesmo metodo usado pela psicóloga Susan M. Weinschenk em seu livro Neuro Web Design: What Makes Them Click?. Nele ela divide o cérebro em três partes: Cérebro Antigo, Cérebro do Meio e Cérebro Novo.

por Marcus Himura

Precisamos confirmar a senha?

Você deve me entender: formulários são muito chatos. Tanto para desenhá-los quanto para produzir código front-end. Mas cada vez que desenho um formulário, eu tento simplificar ao máximo. A inclusão ou a exclusão de um campo pode afetar a taxa de conversão ou causar um desinteresse do usuário ao produto. Mas um dos campos que sempre me deixa com a pulga atrás da orelha é o de “cadastramento de senha”.

por Marcus Himura

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

Programando na nuvem com o cloud9

Durante muito tempo, tive a necessidade de programar em qualquer lugar – seja em casa, trabalho ou em uma viagem. Sempre consegui suprir essa necessidade através de um terminal/console – nada que um ssh não resolvesse. Mas após conhecer a plataforma de desenvolvimento “cloud9” muitas funcionalidades foram otimizadas e, após usá-la por mais de 6 meses, tive que compartilhar com todas as suas vantagens. O cloud9 é basicamente uma IDE de desenvolvimento 100% na Web, que possui diversas tecnologias previamente instaladas: php, mysql, python, rails, ruby, node, entre outras.

por Daniel Schmitz

Campo input date do HTML5 e internacionalização

Alguns navegadores como Chrome, Edge e Safari já começaram a suportar o elemento com sua nova propriedade valueAsDate. Ao invés de utilizar bibliotecas para exibição de calendário e até mesmo para tratamento de datas com internacionalização, sugiro adotar estes novos recursos HTML5 com pequenos fallbacks para navegadores que não suportam. Elemento Este novo elemento dispensa apresentação. Sua grande vantagem é a excelente usabilidade e internacionalização automática. Veja como fica a apresentação deste elemento no Android 5:

por rogerio dias moreira

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

Material Design com Materialize

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

por Tiago Luiz

10 novidades do PHP 7

O PHP 7 deve ser lançado até o final desde ano de 2015. Há muitas novidades. Mostro aqui 10 delas, inclusive a melhoria no desempenho

por Roberto Beraldo

Por que Python?

Eu sou apaixonado por Python. Muito. Daquele tipo que fala de Python sempre que pode. E uma pergunta que sempre me fazem é: por quê? Vou tentar fazer uma lista dos motivos mais relevantes: 1. É muito bom escrever código Python Geralmente, quando alguém cria uma linguagem de programação, tem em vista um objetivo. Por exemplo, Lisp foi escrita para programação funcional. Java foi escrita para que o mesmo código pudesse rodar em qualquer lugar.

por Elcio Ferreira

Pesquisa nacional para profissionais de web 2015

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

por Diego Eis

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

Se chegou até aqui é por que você terminou de ler a primeira parte do tutorial (Caso não, leia a Parte I ), mas não desista, a parte legal vai chegar, mas antes de começar, falta mais um item de teoria – sim eu sei que é chato, mas juro que é importante – os Sockets. Sockets e portas Falamos muito de requisições e respostas no último post mas ainda não falamos de conexão e troca de informações.

por thiguetta

Property accessors e porque você deveria saber usá-los

Notações diferentes para acessar as propriedades de um mesmo objeto em JavaScript

por filipemerker

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

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

por Diego Eis

Copa.Landing.jobs: trabalhe em Lisboa

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

por Diego Eis

Sobre comunidade e respeito

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

por Diego Eis

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

Sou apaixonado por tecnologias livres e como sou extremamente curioso, gosto de saber como as coisas funcionam. Como também sou cinestésico, não me contento em apenas em entender, tenho que criar, recriar, escrever, rescrever, inventar, reinventar, enfim sentir realmente como se faz. Nesse vai e vem de aprendizado, minha última curiosidade foi entender como os servidores HTTP funcionam e criar um do zero (ou pelo menos quase). É claro que para fazer isso eu não fui tão lá embaixo a ponto de utilizar C, utilizei da linguagem de programação da qual me sinto mais confortável e que já oferece algumas facilidades que em C teria que sangrar pra fazer o mesmo porém não impossível, mas enfim, optei por desenvolver em Java, os passos vou contar pra vocês aqui, mas utilizando os mesmo conceitos nada impede que utilize qualquer outra linguagem de programação.

por thiguetta

Bootstrap 4 Alpha

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

por Isaque Melo

Desenvolvendo App para Windows Phone com App Studio

Para as pessoas que observam a plataforma do Windows Phone, grandes oportunidades estão disponíveis para desenvolver soluções ainda não desenvolvidas. Para deixar a implementação dessas ideias de forma amigável para quem não conhece muito sobre o estudo da programação ou não está familiarizado com o desenvolvimento para esse sistema operacional, a Microsoft disponibilizou gratuitamente um sistema web para desenvolvimento de apps para Windows Phone chamado de Windows App Studio. Não é necessário codificar linhas de código, o que pode poupar tempo para quem deseja desenvolver soluções simples, porém essa plataforma não descarta o uso da codificação do código, tudo vai depender do aplicativo que você vai desenvolver e se a plataforma atenderá a sua necessidade.

por Ivan Alves

Teste automatizado de API com frisby e jasmine

O Frisby é um framework para teste de API REST que roda em cima do nodejs. Seu principal apelo é a facilidade em se fazer testes automatizados de API com o apoio do framework de teste BDD jasmine. Instalação: Pré requisitos: nodejs, npm. 1) jasmine-node. Instalação global. sudo npm install -g jasmine-node 2) frisby. Instalação local no projeto. sudo nam install --save-dev frisby Hello, World! Para o uso devemos instanciar seu módulo:

por rogerio dias moreira

O que há de novo no Rails 5

| Durante sua keynote no RailsConf 2015, DHH - o criador do framework, apresentou as novidades em andamento no projeto Rails e anunciou o lançamento da versão 5 para o último trimestre de 2015.

por João Almeida

Formulário de e-mail e envio com PHP

Como abandonar um script pronto em Perl e criar um formulário de envio de e-mail simples com PHP.

por Filipe Teixeira

Gantry 5 – Desenvolvimento de templates para Joomla e WordPress

O Gantry é um framework de template Open Source e gratuito para o desenvolvimento de templates em Joomla e Wordpress.

por Léo WG

Introdução ao AMD com Require.js

Aprenda agora em 4 passos simples a modularizar seu código JavaScript utilizando a especificação AMD com RequireJS.

por Lucas Caprio

Criando um widget de “Artigos Populares” por numero de visualizações

Recentemente tive que implementar um widget de artigos populares para um cliente. Acontece que até então a única maneira que eu sabia fazer isso era ordenando os posts por número de comentários. Propus a solução ao meu cliente e o mesmo disse que queria que o mesmo fosse ordenados por número de visualizações. Bom, nunca tinha feito isso, então corri atrás de alguns artigos “gringos” explicando como fazer e me espantei sobre como era simples.

por Léo Juoli

Introdução ao Meteor

Uma introdução ao Meteor.

por Leo Cavalcante

Raspagem de dados com Node.js

Raspagem de dados, ou Web scraping, é uma técnica de extração de dados onde é possível recuperar informações de websites. Existem diversas maneiras de fazer raspagem de dados: pode ser feito manualmente copiando e colando, utilizando uma ferramenta online, usando uma extensão para o navegador Google Chrome (como o Webscrapper), etc. Neste artigo será mostrado um passo-a-passo de como fazer raspagem de dados no site Portal da Transparência. O site Portal da Transparência é mantido pelo Tribunal de Contas da União, órgão que fiscaliza as contas do governo.

por Rennan Martini Rodrigues

Como o Google vai tratar os gTLDs?

Esclarecimentos sobre as novas opções de domínios e suas relações com a busca.

por Rodrigo Fávaro

Entendendo Sistemas de Grid CSS do Zero

A matemática por trás dos sistemas de grid.

por Tamiris Bonicenha

Processo front-end na Locaweb

Nosso processo e stack de front-end na Locaweb.

por Diego Eis

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

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

por Diego Eis

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

Alcance orgânico morreu e você precisa parar de chorar!

Virou rotina reclamar da constante queda no alcance orgânico do Facebook. O alcance orgânico precisa morrer o quanto antes

por thonyconde

Apresentando: Meteor!

Fiquei impressionado ao ver que não há nenhum artigo sobre o Meteor no Tableless ainda, ou a busca não tá funcionando muito bem. Por que? Porque é uma plataforma simplesmente fod@! Não conheço nada tão produtivo e simples de usar. Meteor é uma plataforma open-source pra desenvolver aplicativos pra web e mobile. Ela é fullstack, te entrega uma solução completa desde o banco de dados até o front-end e essa solução é toda em JavaScript.

por Leo Cavalcante

Acelere o desenvolvimento front-end com Jade

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

por Harryson Guimarães

Criando Layouts com Susy Framework

Conheça o Susy Framework e desenvolva layouts facilmente com ele.

por Felipe César

Desenvolvendo apps para SmartTVs com HTML, CSS e Ajax

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

por WillBliner

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

Desenvolvedores não são máquinas

O setor de desenvolvimento de uma empresa muitas vezes é visto como o setor operacional, onde pessoas passam seu tempo construindo sites, sistemas, apps etc. Os prazos e as especificações são previamente debatidos por um grupo X de pessoas, e quando isso é decidido, essas informações são entregues aos programadores, que por fim apenas digitam sem parar regras de negócio em uma linguagem X ou Y, como máquinas programadas apenas para vomitar códigos.

por Thyago Rafael

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

Crie seu jogo em HTML5 com enchant.js

Com poucas linhas de código é possível criar um jogo simples em HTML5 utilizando o framework enchant.js.

por Ezequiel M. Mello

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

Este é o primeiro artigo de uma pequena série a respeito de execução de código assíncrono. Definiremos o que é fluxo de execução e veremos o que é e quão importante é dominar as callbacks na escrita de código JavaScript.

por Jean Carlo Emer

Trabalhe ao lado de gente boa (e seja a gente boa)

Depois de algum tempo de experiência, posso deixar uma dica para quem quer crescer profissionalmente: Trabalhe ao lado de gente boa.

por William Oliveira Souza

Entendendo os valores ‘initial’ e ‘inherit’ do CSS

Qual a razão da existência dos valores 'initial' e 'inherit' na maioria dos atributos do CSS? Suas propriedades tem bastante significado, confira e entenda.

por João Guilherme

2015 – O ano em que o celular ultrapassou o desktop

Como o Mobile mudou não apenas a internet, mas também a nossa vida e como lidamos com a tecnologia.

por Rodrigo Fávaro

A luta pelo Leo ainda não acabou

Continue ajudando o Leo à vencer o câncer

por Lenilson Nascimento

Como criar e manter uma cultura de desenvolvimento no seu time

Inspirado no FEMUG SP #23, atitudes para manter o desenvolvimento pessoal dentro da cultura de um time.

por Danilo Vitoriano

Uber é 8 ou 80

| A história é quase sempre a mesma. Grupos profissionais estabelecidos não aceitam a concorrência do Uber.

por Tiago Dória

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

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

por Diego Eis

Rotas dinâmicas no Silex

| Como trabalhar com rotas dinâmicas e métodos auxiliares no Silex PHP.

por Nando Kstro Net

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

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

por Diego Eis

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

Parse – Objetos na nuvem

Parse, um banco de dados, na nuvem, orientado a objetos.

por Gabriel Ramos

nth-child() e calc() – Uma proposta para o abandono de frameworks de grids responsivos

Conheça mais sobre estas duas propriedades para a construção de layouts responsivos sem o utilizar frameworks de grids.

por rogerio dias moreira

7 funções essenciais do PHP que você deve conhecer

Arranjos, datas, laços e outras práticas para facilitar a programação.

por Adriano dos Santos Júnior

Conhecendo e instalando o Silex

O Silex é um micro framework baseado nos componentes do Symfony, criado por Fabien Potencier e concebido para a criação de aplicações pequenas com foco na agilidade, extensibilidade e para ser facilmente testável.

por Nando Kstro Net

Animações fluídas à 60fps

Fazendo animações a 60fps nos browsers atuais.

por Alan Cezar

Porque o Codeigniter ainda é uma boa opção

Neste primeiro post no Tableless enumero vantagens em considerar o Codeigniter uma boa opção como framework PHP.

por Fernando Vargas

Entendendo o padrão MVC na prática

Exemplo prático utilizando PHP e Composer para separar o código entre as diversas camadas do MVC

por Erik Figueiredo

WebAssembly – a web compilada

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

por Marco Antônio

Motion UI com estilos: Zeh Fernandes no Meetup CSS SP

A experiência em participar de um Meetup sobre Motion UI.

por Danilo Vitoriano

Rumo ao hexa(decimal)

Quantas vezes na sua vida você já se deparou com um código hexadecimal? A gente sabe que seu Command-C tá em um relacionamento sério com ele. Mas afinal, como que um punhado de letras e números representam essa tralharada de cores (ou o que quer que seja) que nós vemos por aí nos dispositivos digitais? Existe um artigo ótimo no Tableless explicando tudo o que você precisa saber sobre cor aqui.

por Guilherme Buchalla

Quanto menos tempo o visitante passar em seu site, melhor!

Conheça o seu público, personalize seu conteúdo e ofereça uma experiência focada no tempo aos usuários do seu site.

por Paulo César Moraes

Aprendendo JavaScript online

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

por Diego Eis

Cache busting: entrega inteligente de assets

Sabe quando você faz o deploy com aquele ajuste no JS ou CSS e o usuário não consegue visualizar essas alterações por conta do cache do browser? Então, cache busting pode lhe poupar desse contratempo.

por James Clébio

Jails – O Framework e a Arquitetura do Javascript

Eu escrevi meu próprio framework por que estava insatisfeito com os oferecidos no mercado. E foi ótimo!

por Javiani

Formulário sem Model no CakePHP 3.x

Requisitos do artigos: – Ter o CakePHP 3 instalado ( Artigo de como instalar o Cakephp 3.x) O que aprenderemos: Como trabalhar com formulários que não necessitam de um Model. Criar uma página de contato. Formulários Na maioria das vezes, trabalhamos com formulários relacionados a um Model para persistir dados. Outras vezes precisamos validar os dados de um formulário onde não há persistência, como é no caso de um Formulário de Contato.

por Eduardo Abreu

Iniciando com Symfony 2 – Parte Final

Nesse tutorial, vamos instalar o bundle FOSUserBundle, para fazermos a autenticação para a área administrativa do nosso blog.

por Candido Souza

Dicas úteis e ferramentas para criar logos online

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

por Diego Eis

Flat design: a nova tendência dos gradientes

Como utilizar gradientes em meio ao flat design nas suas composições web.

por Isaque Melo

Desempenho e eventos jQuery: event delegation

Como a utilização de event delegation com o jQuery pode ser otimizada.

por leobetosouza

JAVA – Estruturas de Repetição

As estruturas de repetição também são conhecidas como laços (loops) e são utilizados para executar, repetidamente, uma instrução ou bloco de instrução enquanto determinada condição estiver sendo satisfeita. Qualquer que seja a estrutura de repetição, ela contém quatro elementos fundamentais: inicialização, condição, corpo e iteração. A inicialização compõe-se de todo código que determina a condição inicial da repetição. A condição é uma expressão booleana avaliada após cada leitura do corpo e determina se uma nova leitura deve ser feita ou se a estrutura de repetição deve ser encerrada.

por Fellipe Filgueiras

O nome UX está errado

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

por Diego Eis

Polymer 1.0 : Pronto para produção

Tudo sobre a mais nova versão do Polymer e porque ele está pronto para produção

por Beto Muniz

Instalando o CAKEPHP 3.0 via Composer

Instalando o CakePHP via Composer.

por Eduardo Abreu

Então você quer ser designer web? (Parte 1 – Cores)

Nesta primeira parte, conheça algumas ferramentas para trabalhar com paletas de cores e tornar-se um designer web.

por cristianoweb

Como criar um Chrome App com o seu Chromebook

Criando seu primeiro App para Chrome direto do seu Chromebook!

por Roger Albino

Ícones – SVG Sprites com CSS na prática

Criando um sprites usando ícones SVG.

por rogerio dias moreira

Front-end e WordPress: uma relação de amor e amizade

Conheça os tópicos mais comuns sobre a sintaxe de funcionamento do Wordpress, o CMS que ajuda desenvolvedores front-end a criarem sites mesmo sem o conhecimento de linguagens de programação.

por Italo Góis

Templates Joomla!: o básico e relações com o WordPress

Saiba como criar um template básico para o Joomla! e conheça as relações existentes com os temas do WordPress — os melhores CMS que existem atualmente.

por Wellyson Freitas

Flux: Entenda como funciona a arquitetura Flux com React

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

por Macgyver

Iniciando com Symfony 2 – Parte 09

Nesse tutorial, vamos instalar o bundle StofDoctrineExtensionsBundle, para fazermos os slugs de nossos posts.

por Candido Souza

JAVA – Estruturas de Decisão

Entenda o que são as estruturas de decisão no Java.

por Fellipe Filgueiras

JavaScript: Dicas de bolso – parte 1

Dicas rápidas de JavaScript, uma linguagem beeem legal mas cheia de pegadinhas do malandro.

por Raphael Fabeni

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

Facebook API – SDK PHP na prática e preview de como aprovar seu aplicativo

Recentemente o Facebook anunciou que sua API seria atualizada para a versão 4.0 e a mesma sofreria fortes mudanças. Eis que esse dia chegou, pff! A principal dessas mudanças foi a extinção do suporte ao FQL (Facebook Query Language – uma maneira linda de fazer requisões na API) e que os aplicativos que exigissem permições de publicar na timeline e outras coisas, passariam por um processo de aprovação, parecido com o que ocorre com a AppStore.

por Marcelo Galvão

Collections ES6 – parte 1

Novas estruturas de dados do Javascript

por Bruno Belarmino

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

Nós quebramos a web

É sempre difícil apontar o erro de alguém. Ainda mais para pessoas que não aceitam críticas. Porém, é preciso olhar para nós mesmos para corrigir nossos problemas.

por fernahh

HTML: Encode UTF-8

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

por Alan Cezar

Foco e Produtividade. Você tem muito a ganhar com isso

Recentemente tenho me cobrado muito na questão de organização, parei para pensar e vi que minha vida estava desorganizada e consequentemente perdia algo preciso, o tempo.

por Felipe Chama

JAVA – Como plataforma

Entenda como o Java pode ser executado em qualquer plataforma.

por Fellipe Filgueiras

Grid simples com SASS

Criando um grid simples com SCSS.

por Diego Eis

Hack in POA 2015

Meu primeiro hackathon não poderia ter sido melhor, foi algo incrível e cheio de momentos inspiradores para uma nova visão de aprendizado.

por Eduardo Ferras

Comprei um Chromebook. E agora?

Saiba, basicamente, como é um ambiente de desenvolvimento em um Chromebook. Levantei até um Wordpress. ;-)

por Marcelo Matzembacher

Iniciando com Symfony 2 – Parte 08

Nesse tutorial, vamos instalar e configurar o bundle Knp Paginator, para fazermos a paginação de nossos posts.

por Candido Souza

Vim: o poder dos macros

Execute a mesma ação múltiplas vezes dentro de vim.

por weslleyaraujo

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

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

por Joédyson Bezerra

Você conhece o Framework brasileiro Maestro?

Aqui em nossa Universidade tivemos o privilégio de poder construir um framework quase que do zero, adaptado inicialmente às nossas necessidades. Tínhamos como desafio criar uma ERP acadêmica, caminho este que temos percorrido desde 2002. São quase 13 anos de muita experiência e dedicação, e neste ano de 2015 estamos contribuindo (ou tentando) disponibilizando o framework para a comunidade. Sabemos que não basta apenas disponibilizar o código fonte, mas precisamos também criar artigos e prover suporte para que todos possam se beneficiar deste framework.

por Daniel Schmitz

Evento sobre desenvolvimento em Porto Alegre – #17elw

Ganhe um ingresso para um evento em Porto Alegre.

por Diego Eis

HTTP2 para Desenvolvedores de Web

Entenda um pouco mais como o HTTP2 vai ajudar na construção de sites.

por Marcelo Paiva

Email Marketing – Testes e CSS Inliner – Parte 2

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

por Diego Eis

JAVA – O caminho do aprendizado

Entenda o que é necessário para aprender e se tornar um desenvolvedor Java.

por Fellipe Filgueiras

A pasta “res” e os resources em um projeto Android

É preciso mais do que código para fazer um aplicativo para Android. E por mais que amemos código, temos que entender como usar todos os resources de um App.

por Mário Valney

Otimize a performance do seu site com o Kraken

Usando Kraken para otimizar suas imagens.

por FelipeMartinin

Realinhamento ou Redesign

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

por Diego Eis

Iniciando com Symfony 2 – Parte 07

Nesse tutorial, vamos usar um componente do Symfony, o http-foundation, para usar UploadedFile, onde criaremos um upload de imagens para que possamos incluir em nossos posts.

por Candido Souza

Tendências Web 2015 para desenvolvedores

Algumas tendências fortes que ainda veremos em 2015 e que podem perdurar ainda mais.

por Paula Berrocal

JAVA – A ORIGEM

Entendendo um pouco sobre a história do Java.

por Fellipe Filgueiras

Email Marketing – O Inferno – Parte 1

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

por Diego Eis

Não venda tecnologia. Venda produtos e pense no business.

Entregue resultados, não apenas websites. Seja a peça chave dos negócios.

por thonyconde

Iniciando com Symfony 2 – Parte 06

Nesse tutorial vamos estruturar e estilizar nossas páginas com Bootstrap e com o mecanismo de template para PHP, o Twig.

por Candido Souza

Drops 15 – Eu era contra pré-processadores

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

por Diego Eis

Jasmine: entendendo os matchers

Provavelmente você já deve ter ouvido de Jasmine certo? Por acaso, você conhece todos os matchers que ele nos oferece pra testar?

por Raphael Fabeni

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

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

por Diego Eis

Como fazer integração do CakePHP com Mailchimp

Aprenda como fazer integração do Mailchimp com o framework CakePHP

por Gustavo Henrique Prado Reis

Funções do JavaScript na versão ES 6 – Parte 1

Entendendo algumas novidades em funções do JavaScript na versão ES6.

por caioincau

Internet Explorer dá lugar para o sucessor

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

por Diego Eis

Um mix de orientação a objetos + filter, map e reduce com Javascript.

Criei alguns objetos simples mas com propriedades usadas no nosso dia-a-dia. Estes objetos estão armazenados num vetor de projetos. Cada objeto representa um projeto e tem as propriedades id, objeto, valorTotal e investido. var projetos = [ {id: 12, objeto: "revitalização da ponte abc", valorTotal: 220000.25, investido: 10000.00}, {id: 14, objeto: "duplicação da rodovia br-101", valorTotal: 747800.50, investido: 35000.00}, {id: 34, objeto: "aterramento localidade xyz", valorTotal: 635405.70, investido: 16500.00} ]; Aqui temos uma função que age como um construtor.

por itanor

Crie layouts simples. SEMPRE!

Você pode querer fazer um layout simples, mas seu cliente pode não entender de comunicação. E aí, o que você faz?

por cristianoweb

Migrando do MySQL para Mongo

Breve explicação sobre como migrar do MySQL para o MongoDB.

por Elvis

GDG DevFest Extended 2015

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

por Diego Eis

Iterators ES6

Uma nova forma de interagir com collections no Javascript

por Bruno Belarmino

CakePHP convenções de nomenclatura e o poderoso Inflector!

Entenda como funcionam as convenções de nomenclatura do CakePHP.

por Lucas Macedo

Iniciando com Symfony 2 – Parte 05

Nesse tutorial vamos configurar nosso projeto, e criar a página index, para que nossos posts, sejam visualizados pelos usuários.

por Candido Souza

Vida de Home Office

Saiba as vantagens e desvantagens de fazer Home Office.

por Jeferson Diniz

Front-end United – Leo Kzw

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

por Diego Eis

Alergia à SQL

Introdução Quem nunca ouviu as seguintes frases: “Escrever SQL nos dias de hoje não é uma boa prática” ou “Tente não escrever SQL, usa os recursos do ORM”, ainda não trabalhou o suficiente. O mercado de startups parece cada vez mais alérgico ao SQL, um dos recursos mais poderosos e antigos(1974!) no mundo dos bancos de dados. O que as pessoas esquecem ou escolhem ignorar é a capacidade que um banco de dados tem e pode te oferecer para resolver problemas banais.

por grillorafael

Campanhas de E-mail Marketing

Otimize suas Campanhas de E-mail Marketing e obtenha os resultados que você tanto deseja.

por Ederson Ribeiro

Manipulando janelas e arquivos no VIM

Algumas dicas para trabalhar de maneira rápida com múltiplos arquivos no VIM.

por weslleyaraujo

Funções extras para tratamento de Strings no PHP

Há alguns dias atrás enquanto estava contribuindo em um webservice, me deparei novamente com um problema para tratamento de strings no PHP, onde precisava fazer algumas operações extras.

por chaves_dev

Monitoramento de eventos com Google Analytics

Aprenda a mensurar a interação dos usuários no seu site através do Google Analytics.

por Fabiano de Lima Abreu

Tutorial Ionic – Meu primeiro app

Tutorial de como criar seu primeiro app utilizando o Ionic Framework através de uma app meteorológica geolocalizada para Android e iOS

por grillorafael

Condições ternárias

Algumas condições simples precisam de muito código para definir uma atribuição. Podemos usar condições ternárias para tornar nosso código mais conciso.

por Felipe Rodrigues

Iniciando com Symfony 2 – Parte 04

Nesse tutorial vamos criar uma entidade Author e fazer o relacionamento com a entidade Post criada anteriormente, usando o componente Console do Symfony em conjundo com Doctrine ORM.

por Candido Souza

Não sou artista, sou designer

Hello World, eu sou cristianoweb, e esse é o meu 1º artigo no Tableless! Olá amigos leitores, esse será um texto de estreia! Para começar, nada melhor do que eu me apresentar, certo? Meu nome é Cristiano Santos, mais conhecido na Internet como cristianoweb e trabalho com criação desde 2001. Na época eu era designer gráfico e diagramador no setor de criação de uma grande escola/curso aqui do Rio de Janeiro.

por cristianoweb

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

Introdução ao Magento

A plataforma foi lançada em 2007, e em 2009 já havia conquistado a liderança, mudando o cenário do e-commerce no mercado mundial.

por Claudio Pelizari

O status da conectividade mundial

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

por Diego Eis

Múltiplas galerias de fotos dinâmicas com Fancybox, Ajax e JSON

Transferindo dados entre o PHP e Javascript do jeito certo.

por pdechery

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

Dicas valiosas para sua carreira de Dev (ou de T.I.)

Dicas para você que está iniciando na carreira de desenvolvedor ou na área de T.I.

por Jonas Scherer

Introdução ao Ionic Framework

Ionic é um framework para desenvolvimento de aplicações para dispositivos móveis que visa o desenvolvimento de apps híbridas e de rápido e fácil desenvolvimento. Este artigo irá dar uma breve introdução à ferramenta e como dar o primeiro passo com ela.

por grillorafael

MVC – Afinal, é o quê ?

Explicando o MVC, um padrão de arquitetura para organizar sua aplicação.

por Allan Ramos

Introdução ao webpack

Conheça o webpack: um bundler que permite dividir seu código em múltiplos módulos para serem lidos sob demanda.

por Leo Cavalcante

Dicas de SEO para Front-end

Sabemos que SEO é uma forte arma que nos possibilita alcançar um bom posicionamento nos sites de busca e aqui vai algumas dicas para isso.

por Gabriel Azevedo

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

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

por Diego Eis

Iniciando com Symfony 2 – Parte 03

Nesse tutorial vamos criar uma entidade e fazer o CRUD para nossa aplicação, e para agilizar nosso processo, continuaremos a usar o componente Console do Symfony 2, porém, em conjundo com Doctrine ORM.

por Candido Souza

Cadastre seu post e seja um autor do Tableless

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

por Diego Eis

Curadoria do Tableless no Encontro Locaweb 2015

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

por Diego Eis

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

Assinatura de newsletter com PHP integrada à API do Mailchimp

O Mailchimp é um serviço bem bacana para gerenciar newsletters — e tem uma versão gratuita que atende muito bem quem tem até 2 mil assinantes. Vou dar uma ideia, através de um exemplo básico, do que é possível fazer com a API do serviço, usando PHP.

por Gustavo Straube

Iniciando com Symfony 2 – Parte 02

Neste tutorial veremos como o Symfony facilita nosso processo de desenvolvimento e produtividade com o seu componete console.

por Candido Souza

Tamanho da tela e tamanho da janela com JavaScript

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

por Diego Eis

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

Formulário responsivo com MailChimp

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

por Palloi Hofmann

Implementação PSD para HTML + SASS

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

por Diego Eis

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

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

por Diego Eis

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

Entendendo o Outline do HTML

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

por Daniel Ramos

Iniciando com Symfony 2

Neste simples tutorial, vamos fazer a instalação do Symfony 2 e abordar alguns conceitos inicias.

por Candido Souza

Simples modal com CSS responsivo

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

por Palloi Hofmann

Workflow Front-end

O desenvolvimento em html, javascript e CSS é uma forma mágica de se construir um mundo novo a cada linha de código. Os mágicos do front-end precisam de cartolas para que retirem seus coelhos.

por Bruno Ruiz

Plugins de GIT para Sublime e Brackets

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

por Diego Eis

O editor de textos Open Source da Adobe, o Brackets!

O Brackets é um editor de textos muito novo, e é um daqueles projetos que vem para inovar e mudar a forma como as pessoas agem, olham, e fazem determinadas coisas, no nosso caso, o Brackets veio para dar uma acelerada no nosso desenvolvimento Front-end.

por Felipe Correia

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

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

por Diego Eis

Comandos iniciais do Git

Conheça os comandos básicos do Git nesse artigo simples.

por Candido Souza

API de cotações de Bolsa de Valores, Dólar e Euro

Aprenda a utilizar uma API para consulta de cotações com PHP.

por Henrique Schreiner

Destaques responsivos

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

por Palloi Hofmann

Extract for Brackets by Adobe

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

por Diego Eis

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

Utilizando navigator.language

| Vamos entender como funciona o navigator.language, com um pouco de teoria e prática.

por Leonardo Lima

Sobre o design oco

Sobre design ordinário e argumentos.

por Diego Eis

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

Na parte 2 de nossa série, vamos falar de Yeoman, um generator que, na minha opinião, é bem completo e atende a grandes necessidades na criação de um projeto.

por Pedro Polisenso

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

Header responsivo somente com css

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

por Palloi Hofmann

Anotações sobre Material Design do Google

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

por Diego Eis

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

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

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

por Diego Eis

Web Fundamentals – Dicas do Google

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

por Diego Eis

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

Essa é uma série que vai abordar generators usados por desenvolvedores front end no mercado. Um post que vai mostrar desde conceitos até a prática, que convém a nós é o que mais interessa.

por Pedro Polisenso

EmberJS para iniciantes – Parte 1

Iniciando com Ember.JS

por Anderson de Castro

W3C e WHATWG: amor e ódio

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

por Diego Eis

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

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

por Diego Eis

Padrões Web para o futuro

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

por Diego Eis

Não seja o próximo Zeno Rocha

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

por Diego Eis

Gravação do Tableless Conference 2014

Assista todas as palestras que ocorreram no Tableless Conference 2014.

por Diego Eis

Humble Mozilla Bundle

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

por Diego Eis

i18next para Internacionalização

Eu nunca me importei até que em um belo dia, um cliente teve essa necessidade e foi aí que precisei pensar, pesquisar e aprender sobre internacionalização. Participei de um projeto para a copa do mundo e o conteúdo deveria ser suportado por no mínimo 3 linguas diferentes: o inglês, espanhol e o português. Mas eu nunca tinha feito nada multilinguagem e nesse momento quase bateu o desespero. Acho que a pior dificuldade foi de me expressar, porque até então eu não tinha noção de que o termo internacionalização seria a palavra chave pra isso tudo.

por Thulio Philipe

GDG Tech Talk Salvador

Participe do Grupo de Desenvolvedores do Google em Salvador!

por Diego Eis

IE8 Countdown – Enforcando o demônio

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

por Diego Eis

All Animation CSS3 – Criar animações CSS3 nunca foi tão fácil

Animações cross-browser que darão mais ênfase a suas páginas como controles deslizantes, efeitos 3D’s, etc...

por Clovis Neto

Tableless Weekly #5

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

por Lenilson Nascimento

Tableless Conference #3 – 2014

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

por Diego Eis

O que é autoridade do domínio ou Domain Authority?

Entenda o que significa Domain Authority.

por Douglas Faria

Web Speech API – Reconhecimento de voz com JavaScript

Imagine websites onde os usuários podem navegar pelas páginas ou preencher campos de formulário usando a sua voz e até mesmo interagir com a página enquanto dirige, sem tirar os olhos da estrada.

por Clovis Neto

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

Web.br 2014 – Bootstrap: Ame ou Odeie

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

por Diego Eis

Web.br 2014 – Caminhos da Inovação

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

por Diego Eis

Web.br 2014 – Internacionalização na Booking

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

por Diego Eis

Web.br 2014 – Internet das Coisas

| Anotações sobre Internet das Coisas.

por Diego Eis

Web.br 2014 – Throttle e Debounce

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

por Diego Eis

Usando seletores aninhados do SASS com cuidado

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

por Diego Eis

Design Patterns em JavaScript – Observer

Entenda um pouco mais sobre o pattern JavaScript Observer.

por Bruno Ruiz

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

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

por Diego Eis

Introdução à programação orientada a objetos em Javascript

Neste post, vamos criar uma pequena classe em javascript que aborda este método, para que possamos entendê-lo de forma simples e aplicar em nossos projetos.

por Henrique Schreiner

Rastreando exceções no PHP com o Airbrake

Aprenda a rastrear erros em aplicações PHP e, assim, simplificar a manutenção do seu código.

por Gustavo Straube

Revista Front-end Magazine

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

por Diego Eis

Melhores Práticas Web Components

Conheça práticas simples que podem ajudar na organização do seu web component.

por Mateus Ortiz

Tableless Weekly #4

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

por Lenilson Nascimento

Entendendo as diretivas e fazendo abas com AngularJS

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

por Diego Eis

Programadores podem se tornar bons escritores?

Escrever código todos os dias pode ser comparado a escrever um livro?

por Tiago Dória

Documentário sobre o Jeffrey Zeldman

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

por Diego Eis

Os Segredos do Chrome DevTools

Conheça a série de 10 vídeos que vai te transformar em um ninja em DevTools

por Zeno Rocha

Saiu o WordPress 4.0: “Benny”

Atualização do Wordpress 4.0.

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 #3

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

por Lenilson Nascimento

Cabeçalhos nível 1, sections e acessibilidade

Como múltiplos H1 dentro de sections impactam a acessibilidade da sua página

por Reinaldo Ferraz

Google Web Starter Kit

Conheça o boilerplate focado em design responsivo e performance criado pela equipe da Google.

por Dani Guerrato

7 Plugins do sublime text que você deveria conhecer

Conheça 7 plugins de Sublime Text que podem ajudar a sua produtividade diária.

por Pedro Polisenso

BrazilJS 2014

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

por Diego Eis

Usando condicionais no Sass – Control Directives

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

por Diego Eis

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

Instalando SASS na máquina – video

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

por Diego Eis

O mercado de desenvolvimento front-end

Temos um novo rockstar no palco.

por Diego Eis

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

Utilizando Map Structure do Sass

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

por Diego Eis

Gerando arquivos estáticos com o Middleman

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

por Diego Eis

Yii Framework - um framework PHP profissional, rápido e seguro!

Todo desenvolvedor ao longo de sua carreira, em algum momento, faz o uso de frameworks para complementar seus projetos, reduzir tempo de produção e prover na maioria dos casos, um código limpo, profissional e de fácil manutenção. Hoje lhes apresento o Yii Framework, um framework Open-Source PHP com alto poder de desempenho e escalabilidade. Chegou a sua versão histórica Yii 1.0 em 2008 e, desde então, sua popularidade entre os desenvolvedores tem crescido cada vez mais.

por Diego do 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

O que é Node.js e saiba os primeiros passos

Da instalação ao seu primeiro web server com JavaScript.

por Cosme Lopes

PHP na linha de comando

O PHP, assim como outras linguagens de programação, oferece a opção de execução via linha de comando. Aprenda nesse passo a passo básico como usar o terminal para executar seus scripts.

por Gustavo Straube

9 dicas para novos empreendedores

9 dicas valiosas para quem está pensando em empreender.

por Henrique Schreiner

Desenvolvimento de temas para Tumblr

Entenda como blogs e redes sociais podem andar de mãos dadas, veja como criar uma diagramação diferente para cada tipo de conteúdo e desenvolva temas para Tumblr utilizando variáveis dinâmicas e HTML.

por Dani Guerrato

Padrões de Código de CSS do WordPress

Os padrões de código WordPress são para tornar mais legível, significativo, consistente e bonito o seu código PHP, HTML, CSS e JAVASCRIPT. E nesse artigo veremos alguns pontos sobre o CSS WordPress.

por Wanderson Macêdo

Criando um aplicativo simples de chat com Firebase

Um exemplo de utilização dessa poderosa plataforma de armazenamento e sincronização de dados em tempo real.

por Cosme Lopes

JavaScript Strict Mode

Como funciona o 'use strict' no JavaScript e saiba como ele pode ajudá-lo.

por Fabiano de Lima Abreu

Não se esqueça: você é um comunicador

Comunicação é o objetivo final do nosso trabalho. E o meio pelo qual ele se realiza

por Eduardo Fernandes

Web Notifications API

Aprenda o básico da API de Web Notifications.

por Diego Eis

CSS Filters – Aplicando filtros em imagens com CSS

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

por Diego Eis

Construindo sua própria biblioteca javascript

E se um dia você criasse sua própria biblioteca JavaScript, no estilo da jQuery?

por Clovis Neto

Porque você não deveria se focar demais no trabalho

Quando você começa a trabalhar na área de criação, tende a sofrer muito por ser ansioso, inseguro e cheio de opiniões inflexíveis. Porém, ao longo dos anos, a vida naturalmente nos obriga a diversificar o foco e a deixar de levar a carreira tão a sério. Isso traz um alívio enorme. E, com alguma sorte, até mais fluência e criatividade profissional.

por Eduardo Fernandes

Usabilidade e a Utilidade dos Elementos

A utilidade dos objetos na vida real, e dos elementos na web, vão muito além do que o criador imaginou. Já parou pra pensar nisso?

por Lenilson Nascimento

Upload de arquivos com PHP

Aprenda a fazer o upload de arquivos com PHP e AJAX, utilizando WideImage e Jquery Form Plugin.

por Lucas Caprio

Validação de formulários com HTML5

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

por Raphael Fabeni

Sobre desenvolvimento multi-device

Como classificar melhor os dispositivos para um bom desenvolvimento web.

por Diego Eis

Um pouco sobre OpenType

Como adicionar tipografia à web com recursos OpenType.

por Fabiano de Lima Abreu

Google I/O: Google da cabeça aos pés

Começa de vez a Era dos Wearables. Mas nos deixando nus

por Eduardo Fernandes

OOCSS, SMACSS, BEM, DRY CSS: afinal, como escrever CSS?

Conheça os principais estilos de escrita de CSS e aprenda o que você pode extrair deste mar de siglas para escrever código melhor.

por Jean Carlo Emer

Como publicar aplicação NodeJS no Heroku

Neste artigo vou utilizar uma <a href="http://minhas-midias-sociais.herokuapp.com/" rel="noreferrer">aplicação <em>single page</em></a> para demonstrar passo a passo as etapas necessárias para publicar uma aplicação no <a href="https://www.heroku.com/" rel="noreferrer">Heroku</a>.

por Igor Ribeiro Lima

Criando uma aplicação Single Page com AngularJS

O AngularJS oferece muitos recursos ao desenvolvedor, neste artigo vamos conhecer o de Single Page, utilizando ngView e ngRoute.

por Lucas Caprio

Quanto custa o seu ego?

E se pudéssemos cobrar uma taxa (ou pedir desconto) ao trabalharmos com certo tipo de personalidades?

por Eduardo Fernandes

O Crescimento da Web e as Tendências de Mercado

Um pouco sobre como o mercado web vem crescendo e como os profissionais devem sempre acompanhar este crescimento e suas as tendências.

por Lenilson Nascimento

Dominando o uso de prototype em JavaScript

| Neste artigo vamos aprender a utilizar um aspecto bastante importante das funções: protótipos.

por Clovis Neto

UX: uma Responsabilidade de Todos

“UX não é só coisa de arquitetos de informação e designers. UX é a base de tudo.”

por Lenilson Nascimento

Include Tags WordPress, conheça alguns truques legais

Sabe aquelas tags de inclusão de arquivos do WordPress, chamadas de include tags? Saiba como utilizar cada uma delas de uma forma diferente do que é comumente falado.

por Wanderson Macêdo

O que você faz quando falta a internet?

Não importa o quão avançados são os aparelhos nos nossos bolsos. Em algum momento, serão praticamente inúteis.

por Eduardo Fernandes

Cinco tipos de aplicativos que você deveria usar corretamente

Aplicativos de celular são criados diariamente aos balaios. Eu conheço pessoalmente gente que coleciona aplicativos inúteis e também gente que cria exemplares desses, e essa é a única forma de empreendedorismo que conhecem.

por Manoel Netto

O futuro chegou: O elemento picture

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

por Victor "reidark" Matias

Elevação ou JavaScript hoisting

Elevação é nada mais, nada menos do que trazer para o início do escopo a declaração de variáveis e funções. Ta, mas como funciona? Calma, vamos aos poucos. De primeira vista pode parecer extremamente complicado mais depois de saber o que está acontecendo, você vai dizer "poxa era só isso!".

por Jonatan Santos

PHP Slim Framework

Iniciando com o SLIM Framework.

por George Moura

Código não é poesia. É política

Quando o Search Engine Optimization controla a distribuição da informação, quem controla o SEO?

por Eduardo Fernandes

Afinal é web, online ou cloud? Não sei mas quero tudo nas nuvens!

Desde 2004 venho acompanhando bem de perto o mundo web. Muitas empresas vem ano após ano investindo pesado para tirar as informações de dentro da empresa, literalmente. Várias vertentes tem sido abordadas por empresas de software que precisam determinantemente exteriorizar  os dados de seus clientes, afinal tudo cada dia está mais conectado.

por Carlos Renato Gaddini

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

Este post vai explodir seus ouvidos. Veja 3 motivos

Recentemente, o BuzzFeed publicou sua primeira tentativa de viralizar conteúdo em áudio. Alguns produtores de podcasts e empresas de rádio, como a NPR, ficaram de olho. Será que agora vai? Será que o todo-contagioso site conseguirá, finalmente, levar o áudio via web para as massas?

por Eduardo Fernandes

Produtividade e Tomates

Conheça a Técnica Pomodoro, aprenda a gerenciar melhor seu tempo e entenda como fazer mais pausas pode te deixar mais produtivo.

por Dani Guerrato

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

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

por Diego Eis

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

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

por Diego Eis

Porque você deve sua vida a Dave Winer

O developer norte-americano de 59 anos criou o RSS, o primeiro sistema de blogs, entre outras tecnologias. E está de olho no futuro da publicação digital

por Eduardo Fernandes

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

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

por Diego Eis

Anotações palestra: O futuro do JavaScript

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

por Diego Eis

O que acontece abaixo da linha do horizonte dos “freelas”

O mercado web no Brasil vai bem,  mas não para todos. O profissionais autônomos conhecidos como free-lancers ou popularmente “freelas” atendem um nicho de mercado que é ignorado pelas agências de publicidade mas enfrentam cada coisa…

por Carlos Renato Gaddini

Criando listras com CSS3

| Já parou pra pensar que aquele background que você utilizava ‘repeat’ que sobrecarregava seu site e nunca ficava perfeito? Vamos ver como podemos criar fundos listrados sem a utilização de imagens!

por Jhonathan Souza Soares

Fazendo uma faxina no seu CSS

| Com apenas um teste rápido, você poderá fazer uma análise completa das suas folhas de estilo e remover os seletores não utilizados.

por Jhonathan Souza Soares

Web Components: Introdução

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

por Diego Eis

Em busca do Lean UX – Anotações

Anotações sobre a palestra LEAN UX.

por Diego Eis

PHPUnit – persistência e configurações avançadas

Utilizando o PHPUnit para realizar testes com persistência de dados.

por Andre Cardoso

Utilizando o MarkerClusterer no Google Maps

Você utiliza bastante o Google Maps em seus projetos? Já aconteceu de vários pontos ficarem muito próximos uns dos outros? Confira o MarkerClusterer, um recurso do Google para casos desse tipo que melhora a visualização do mapa.

por Raphael Fabeni

Cinco tecnologias fantásticas de uso corriqueiro

Como a tecnologia comum, que usamos todos os dias, pode ainda impressionar.

por Manoel Netto

Tableless e o 16 ELW no Rio de Janeiro e SP

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

por Diego Eis

An Event Apart Boston 2014

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

por Diego Eis

Aplicação da Metatag de Autor no HTML

Saiba como usar a metatag de Author e como isso afeta os motores de busca. Principalmente o Google.

por Carina Andrade

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

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

por Diego Eis

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

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

por Diego Eis

Design Responsivo na prática 2: do layout ao HTML

Acompanhe o desenvolvimento de um HTML/CSS responsivo passo-a-passo a partir de um layout fixo, com direito a muitas dicas, comentários e demo.

por Dani Guerrato

Criando uma galeria de imagens com administração em CakePHP, Fancybox e WideImage)

Criando uma galeria de imagens com painel de administração e separada por álbuns de imagens com administração em CakePHP, Fancybox e WideImage.

por Erik Figueiredo

Criando um “blog” no Github com tinypress.

Uma ferramenta minimalista para criar um blog estático no Github. Simples, rápido e sem gastar nada.

por Victor "reidark" Matias

Visualizando páginas responsivas em diversos navegadores

Teste como sua página se comporta em diversos dispositivos e navegadores.

por Igor Ribeiro Lima

Palestra sobre como se tornar um dev front-end

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

por Diego Eis

6 truques básicos do functions.php do WordPress

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

por Diego Eis

Anotações Palestra 16ELW – Zeno Rocha

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

por Diego Eis

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

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

por Diego Eis

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

Live Coding Online sobre Responsive Web Design

Participe do nosso Micro Workshop Online sobre Responsive Web Design.

por Diego Eis

Configurando Bower e Polymer

Bower Gerenciador de pacotes muito usado e Polymer o novo polyfill do Google para Web Components.

por Mateus Ortiz

BDD na prática – Parte 1

Sinta o gostinho do BDD em um simples hello world

por Jefersson Nathan

Macaw: O que você vê é o que você tem.

Desenhe a web.

por Victor "reidark" Matias

File API – Trabalhando com Arquivos Locais Usando Javascript

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

por Bruno Ruiz

Composer – um pouco além do básico

Este post visa explicar algumas funcionalidades mais avançadas do composer, se você ainda não conhece o composer por favor leia <a title="Composer para iniciantes" href="http://tableless.com.br/composer-para-iniciantes/">Composer para iniciantes</a> antes de prosseguir.

por Andre Cardoso

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

Imagens Responsivas de Alta Performance

Saiba como escolher a melhor solução para lidar com imagens responsivas em larga escala sem sacrificar a performance.

por Dani Guerrato

Acelere o carregamento de suas páginas

Também conhecido como o Santo Graal das páginas de internet, encontrar o carregamento perfeito não é tarefa fácil.

por Jean Carlo Emer

6 dicas para se dar bem em freelas e trabalhos remotos

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

por Diego Eis

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

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

por Victor "reidark" Matias

Composer para iniciantes

Composer é uma ferramenta para gerenciamento de dependências para o PHP que vem ganhando espaço e se tornando cada vez mais indispensável. Com algumas poucas linhas de configurações você define todas as bibliotecas de terceiros ou mesmo suas que deseja/precisa utilizar em seu projeto, o composer encarrega-se de baixá-las e criar um autoloader deixando-as prontas para uso. Para muitos o composer ainda é um mistério então o intuito deste post é mostrar ao usuário que ainda não conhece como baixar, configurar e utilizar o composer de forma básica.

por Andre Cardoso

Padrões de UX do mal

Conheça as armadilhas mais comuns, por que você deve evitar estes padrões e como escapar do lado sombrio da força.

por Dani Guerrato

SASS: Mixin ou Placeholder?

Você utiliza pré-processadores de CSS? Sabe a diferença entre um mixin e um placeholder? Entenda a diferença entre os dois e saiba quando utilizá-los.

por Raphael Fabeni

Criando slideshow do zero com javascript puro

Veremos neste artigo como criar um slideshow do zero apenas com javascript e uma doze elegante de css3.

por Clovis Neto

Como saber se seu site foi punido pelo Google

As páginas de um site não aparecem nas buscas ou perderam posições no ranking do buscador: Saiba como identificar se o site sofreu uma punição do Google.

por Carina Andrade

Vamos falar de Joomla!?

O Joomla evoluiu muito e está presente em grandes projetos. Vale a pena esquecer as mágoas do passado para conhecê-lo melhor.

por Girlan Volotão

Code Guide by @mdo

Tradução do Code Guide do @mdo.

por Diego Eis

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 futuro do jQuery

Você já pensou no futuro do jQuery?

por Dave Arel

WebP, hora de brincar?

Imagens menores que podem ajudar a tornar a web mais rápida.

por Franklin Nilson

Atom: o novo editor by Github

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

por Diego Eis

Duas dicas de como lidar com o Not Provided

Aprenda a lidar com esse cara chato na hora de analisar relatórios no Analytics. Todo mundo que trabalha com SEO, ou pelo menos boa parte da galera, possui o Google Analytics instalado em seus projetos para fazer análise dos dados de acesso e comportamento do usuário. Dessa forma, podemos compreender como o usuário se comporta em nosso site e traçar estratégias melhores. Provavelmente, você deve ter visto no relatório de palavras chave o famoso (e chato) not provided.

por Douglas Faria

Estilizar e formatar placeholder de inputs

Como formatar o texto do atributo placeholder.

por Diego Eis

Dicas de CSS para impressão

Seja na hora de levar uma receita para a cozinha, ter uma cópia física de um documento ou guardar um artigo bacana para ler depois, imprimir é uma função que usamos e abusamos em nosso dia-a-dia. Mas será que estamos fazendo tudo o que poderíamos para diagramar sites no papel?

por Dani Guerrato

Debug Remoto com Chrome no Android

Vasculhando a web me deparei com uma coisa muito interessante: a Google criou uma forma de nós, desenvolvedores, usarmos nossas máquinas e o Google Chrome DevTools para inspecionar, debugar e analizar páginas em nossos dispositivos móveis. Como isso funciona? O “RemoteDebugging” ocorre pela porta USB, a partir do momento que você conecta seu celular no computador, você pode inspecionar páginas html, css, javascript, rodar scripts no console, visualizar o comportamento de uma página nem precisar realizar deploy, testar web apps, outra coisa interessante é que você pode até inspecionar Webviews.

por George Moura

Introdução ao Behavior Driven Development

Hoje em dia, se quisermos escrever um bom software. Nossos programadores devem ser especialistas na regra de domínio de nossa aplicação. Não mas...

por Jefersson Nathan

Javascript Observe

A futura implementação do Javascript Harmony capaz de observar e notificar aplicações sobre as mudanças ocorridas em objetos Javascript.

por João Felix

Considere não usar JQuery

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

por Diego Eis

Fault Tolerance: a base do Progressive Enhancement

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

por Diego Eis

O Tableless escolheu os palestrantes do 16º Encontro Locaweb

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

por Diego Eis

BEM, um novo método para seu CSS

A busca por padrões na criação de classes CSS é missão em diversas equipes front-end pelo mundo e o pessoal da Yandex parece ter conseguido definir uma metodologia, simples e funcional. Com vocês, BEM.

por Thaiana Poplade

Design de Aplicativos para Android – Parte 2

Conheça os pixels independentes e as pilhas de resoluções, aprenda a criar e organizar entregáveis de design e descubra ferramentas úteis para criar seus próprios aplicativos Android.

por Dani Guerrato

Cobertura Campus Party Brasil 2014 – Parte 2

Continuando com a cobertura da Campus Party Brasil 2014 (CPBr7), trago os destaques do segundo dia de palestras (29/01)

por Talita Pagani

Qual a dose certa de JavaScript

Um pouco de JavaScript não obstrusivo e quais as estratégias para garantir uma boa performance e acessibilidade em aplicações ricas.

por Jean Carlo Emer

Cobertura Campus Party Brasil 2014 – Parte 1

O Tableless está na Campus Party Brasil 2014! Confira os destaques do primeiro dia do evento (28/01).

por Talita Pagani

Criando efeito de fadeIn e fadeOut com javascript puro

Veja como criar um efeito semelhante ao fadeIn e fadeOut da famosa biblioteca Jquery apenas com javascript

por Clovis Neto

Stack Overflow agora em português

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

por Diego Eis

Web Storage – HTML5

Cookies foram por muito tempo, e ainda são hoje, uma das formas mais utilizadas para armazenar dados no cliente. No entanto, com o advento do padrão HTML5, surgiram novas alternativas para armazenamento de dados no cliente. A principal delas é o WebStorage.

por Bruno Ruiz

Design de Aplicativos para Android – Parte 1

Conheça mais sobre a plataforma e veja quais são os primeiros passos para projetar suas próprias aplicações.

por Dani Guerrato

Utilizando as metatags de OpenGraph

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

por Victor "reidark" Matias

História de usuário e teste de aceitação em JavaScript

História de usuário é uma descrição resumida de alguma funcionalidade do sistema sob o ponto de vista do usuário.

por Igor Ribeiro Lima

Gulp: O novo automatizador

Automatize suas tarefas repetitivas de forma simples e rápida.

por Guilherme Kalani

Bower na prática

Um dos grandes problemas encontrados no desenvolvimento de software é o gerenciamento de dependências. Saiba como o Bower pode ajudar.

por Diogo Beato

Wintersmith: Outro gerador de conteúdo estático

Conheça o Wintersmith, mais um gerador de conteúdo estático.

por João Felix

Mudar ícones dos Custom Post Types no WordPress 3.8

Como atualizar os ícones do Custom Post Types do novo Wordpress.

por Julian Leno

Utilizando Mixins em pré-processadores CSS

Entendendo o básico de mixins do SASS.

por João Felix

[Live Coding] Implementando um site com WordPress

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

por Diego Eis

API Google Maps V3

Agregue mais valor aos seus projetos a partir de agora, saiba como incorporar um mapa ao site sem iframe e deixá-lo com a sua cara.

por Thulio Philipe

Deletando registros duplicados no banco de dados

Fazendo um script para apagar entradas duplicadas no MySQL.

por George Moura

PHPUnit, como iniciar sem dores

Instalando o PHUnit utilizando o gerenciador de pacotes Composer.

por Andre Cardoso

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

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

por Diego Eis

O grande desencontro do HTTP com o HTML

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

por Jean Carlo Emer

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

Domínio Gratuito existe, mas, devo usá-lo?

Muitos tipos de domínio estão espalhados pela web, inclusive os gratuitos, mas, afinal, eu posso realmente usar?

por Victor "reidark" Matias

Como escrever bem para o SEO – Texto e Contexto, da palavra-chave à semântica.

Entenda como melhorar o texto para os sistemas de busca.

por Douglas Faria

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

Ensine mais

Aprenda ensinando em 2014.

por Diego Eis

Criando um blog com Octopress e Github Pages

Crie um blog em Octopress, framework baseado em Jekyll.

por Diogo Beato

Introdução ao Selenium 2

Entenda mais sobre Selenium e entenda como ele pode ajudar em aplicações web.

por Igor Ribeiro Lima

TDD, por que usar?

TDD é o desenvolvimento de software orientado a testes. Entenda mais detalhes e como usá-lo!

por Andre Cardoso

Transições inteligentes na experiência do usuário

Alguns websites superam outros, seja em seu conteúdo, usabilidade, design, funcionalidades, etc. Detalhes do design de interação e animação fazem uma diferença fundamental em websites modernos. Vamos compartilhar algumas lições tiradas de vários modelos e analisar por que esses simples padrões funcionam tão bem.

por Raphael Fabeni

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

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

por Diego Eis

Turbinando as Media Queries

Entenda um pouco mais sobre como melhorar o gerenciamento de breakpoints com SASS.

por Átila Fassina

Semântica, padrões e o que você tem a ver com isto

Entenda de uma vez por todas o que é web semântica e compare as principais diferenças entre alguns elementos de HTML.

por Dani Guerrato

Modularização em JavaScript

Componentes e módulos nunca foram tão mencionados como ultimamente. Ambos são conceitos antigos que devemos entender e passar a adotar o quanto antes. Quem sabe você possa repensar o seu JavaScript hoje mesmo?

por Jean Carlo Emer

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

Introdução de como executar testes unitários em diferentes tipos de navegadores

Entenda um pouco mais sobre testes unitários e como executá-los em diversas plataformas.

por Igor Ribeiro Lima

WordPress Modus Operandi

O WordPress tem sido utilizado por diferentes tipos de usuários e para diversas finalidades; a proposta mais recente é utilizá-lo como plataforma de aplicações. No entanto, muitos de seus usuários não exploram suas capacidades. Para estimular a compreensão do WordPress e ampliar seu uso para projetos diferenciados, temos aqui um estudo diferente.

por Mazetto

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

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

por Diego Eis

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

Frame Player: Indo além da tag video em dispositivos móveis

| Será que nos dias de hoje todos os problemas envolvendo arquivos de media em dispositivos móveis foram resolvidos, ou novos problemas foram criados?

por Vagner Santana

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

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

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

por Diego Eis

WordPress e seus utilizadores

Quem são os envolvidos no contexto de criação de projetos baseados em WordPress? Como diferentes profissões podem usar e tirar proveito do CMS?

por Mazetto

Testando sua app do Firefox OS em seu device

Como testar sua aplicação em um celular com Firefox OS.

por Willem Allan

CSS on steroids

E se pudéssemos escrever folhas de estilo de forma mais poderosa, melhorar nosso código? Vamos lá, vamos ver quais as reais vantagens de se utilizar um pré-processador.

por Jean Carlo Emer

Servindo sites estáticos com Jekyll

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

por Diego Eis

Lojas virtuais com WooCommerce II – Criando temas personalizados

Conheça o front-end do WooCommerce, aprenda a utilizar ganchos de ação e filtros, organize seu CSS e crie seu próprio layout de loja virtual.

por Dani Guerrato

Workflow para cuidar dos seus assets

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

por Jean Carlo Emer

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

Por dentro da Web.br 2013: Web’s Got Talent

A quinta edição da Web.br, conferência do W3C Brasil, ocorre nos dias 18 e 19 de novembro de 2013, em São Paulo, trazendo uma grande novidade nesta edição: o concurso Web's Got Talent.

por Talita Pagani

Ferramentas úteis para se trabalhar com SEO

Muitas vezes ficamos perdidos em como mensurar resultados e analisa-los, afim de traçar estratégias mais eficazes. Isso acontece principalmente quando estamos começando a trabalhar com SEO. Sabemos o quanto é importante trabalhar os fatores OnPage, ter um servidor estável e um site rápido, além de bons links e menções, entre outros fatores que, somados, fica difícil de se controlar. Por isso, trouxe aqui algumas ferramentas, umas pagas e outras free, mas que vão ajuda-lo a administrar a sua campanha.

por Douglas Faria

Meddlers – Aprendendo a estruturar equipes

Como construir equipes e estruturas em diversos cenários.

por Diego Eis

Qual o seu valor como designer?

Os designers hoje tem como pauta principal pra discutir a profissão o “sobrinho do corel” ou “o illustrator é melhor que corel”. E ao mesmo tempo reclamam da falta de respeito que a profissão sofre. O que me surpreende não é o fato dos dois primeiros assunto serem completamente banais para o reconhecimento, mas que se pretende chegar ao objetivo de ser respeitado sem, muitas vezes, lutar por ele. E o pior, sem ao menos respeitar a si próprio como profissional.

por Lucas Guarabyra

Como testar design responsivo

Conheça algumas ferramentas essenciais para testar o seu layout, aprenda a sincronizar dispositivos móveis, organize sua própria biblioteca de testes e saiba o que fazer caso você não possua um smartphone.

por Dani Guerrato

Champfrogs: 10 desejos intrínsecos

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

por Diego Eis

Como se tornar um dev front-end

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

por Diego Eis

Dicas do Zeno – Maio

Dicas do Zeno de Maio.

por Zeno Rocha

Lojas virtuais com WooCommerce

Conheça a ferramenta que permite o desenvolvimento de lojas virtuais através do Wordpress, veja um passo-a-passo de instalação, confira as principais funcionalidades e leve de bônus uma lista de plugins úteis.

por Dani Guerrato

Gestão ágil – Management 3.0

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

por Diego Eis

Slides para devs #11 – JSON

Alguns slides sobre JSON e Javascript.

por Diego Eis

5 dicas para jogar dinheiro no lixo com email marketing

Saiba como você pode jogar dinheiro fora em 5 dicas básicas.

por Manoel Netto

Fazendo um slide menu mobile – sem plugin

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

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

Slides para devs #10 – GIT

Veja algumas apresentações sobre GIT

por Diego Eis

Redesign e SEO

Evite problemas com sua campanha na hora de implementar a cara nova do seu site

por Douglas Faria

A sua empresa tem alma e não é a do seu cliente

Alguns clientes confundem a postura pessoal com a profissional, o problema a ser superado é quando quer impor o seu estilo para o projeto. Isso também vale para o designer que tenta impor seu estilo no projeto do cliente.

por Bernard De Luna

Sobre Cor e Webdesign II

| Entenda a diferença entre matiz, luminosidade e saturação, aprenda a criar paletas de cores funcionais e conheça a fórmula mágica do contraste.

por Dani Guerrato

Ferramentas e sites para tornar mais ágil o seu desenvolvimento

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

por Thaiana Poplade

React: JavaScript reativo

Conheça a biblioteca React desenvolvida por Facebook e Instagram, que apresenta um novo paradigma para o desenvolvimento de aplicações web.

por Davi Ferreira

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

Efeito Parallax, o novo Flash?

O efeito parallax tem sido a "modinha" do momento, mas alguns profissionais dizem que o efeito parallax prejudica no SEO do seu site, já outros dizem que isso não acontece e é exatamente isso que vamos explorar aqui com o objetivo de fornecer uma visão geral sobre o assunto.

por thiago-pacheco

Redução Progressiva

Entenda como criar interfaces que se adaptam automaticamente de acordo com o perfil de uso do usuário.

por Dani Guerrato

Sobre organizar informação

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

por Diego Eis

3 patinhos foram passear. Por que? Quem eram eles?

Usuários tomam decisões a todo momento, você precisa identificar os perfis de usuários, assim como seus objetivos e comportamentos antes de projetar sua interface, assim saberá criar um verdadeiro Design centrado no usuário.

por Bernard De Luna

Dicas de como fazer seu próprio framework CSS

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

por Diego Eis

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

HTML 5 e SEO: mitos e verdades

Sabemos que o Google está cada vez mais buscando relevância em conteúdo de alta qualidade e campo semântico que tenha significado. A cada atualização do algorítimo, percebemos que conteúdo de qualidade também precisa estar semântico, ou seja, que faça sentido tanto para os usuários como para o Googlebot, o robô do Google. Um dos assuntos mais discutidos em SEO, é se o código de um site tem o poder de influenciar o ranqueamento no Google.

por Rodrigo Simoni

URLs Amigáveis, Design Responsivo e o SEO

Conheça algumas práticas legais para você não fazer feio nas buscas feitas por mobile.

por Douglas Faria

O Designer Gladiador

Maximus era um grande guerreiro e demonstrava ser um excelente observador, desde pegar um punho de terra até reconhecer gladiadores nervosos e grandes parceiros de batalha. Antes de iniciar um projeto, você precisa reconhecer a arena e todas as suas variáveis.

por Bernard De Luna

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 perder peso (no browser)

Nós desenvolvedores falamos tanto das novidades do HTML5, CSS3, EcmaScript 6 que acabamos esquecendo de falar de outras coisas também muito importantes, mas que não são tão novidade assim, como performance.

por Zeno Rocha

Tridiv – Dominando 3D com CSS

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

por Diego Eis

Como evitar maus clientes

Por que cliente ruim, ninguém quer.

por Diego Eis

O SEO moderno e o foco no usuário

Faça um bom SEO focando-se no usuário.

por Douglas Faria

EditorConfig

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

por Diego Eis

Tabela comparativa de Frameworks CSS

Uma lista com os melhores frameworks de CSS

por Diego Eis

Breadcrumb Navigation – Facilite a vida do seu cliente e aumente sua linkagem interna

| Utilizando dados estruturados é possível criar um breadcrumb bem bacana que, além de auxiliar o seu cliente na navegação interna do seu site, aparece nas pesquisas e aumenta sua linkagem interna.

por Douglas Faria

Menu Retrátil com CSS e jQuery

Navegação para design responsivo sem complicações em quatro sabores diferentes.

por Dani Guerrato

Emmet LiveStyle

Uma nova maneira de editar CSS.

por Diego Eis

Abertas as inscrições para a 2ª edição do Prêmio Nacional de Acessibilidade na Web

Você desenvolve projetos web acessíveis? Tem um trabalho de fomentar padrões abertos e acessíveis ou desenvolve aplicações que auxiliam pessoas com deficiência a acessar a Web? Você pode participar do Prêmio Todos@web. O Prêmio Nacional de Acessibilidade na Web tem como objetivo promover nacionalmente a acessibilidade na web, de forma a conscientizar desenvolvedores e homenagear ações em prol do acesso de pessoas com deficiências na web. Categorias Pessoas / Instituições Prêmio à pessoa/entidade que fez um grande trabalho ou promoveu alguma ação para o fomento da acessibilidade na web nos últimos 12 meses (01 de janeiro de 2012 a 31 de dezembro de 2012), permitindo que pessoas com deficiências tenham mais autonomia na web.

por Reinaldo Ferraz

Design para telas sensíveis ao toque

Conheça quais são as técnicas, padrões e principais desafios para o desenvolvimento de aplicativos nativos e interfaces web touch screen.

por Dani Guerrato

Criando mockups usando o Smarts Object no Photoshop

Criando mockups simples no Photoshop.

por Flavio Santana

Criando páginas web para seus repositórios com o GitHub Pages

Entenda como funciona o Github Pages.

por William Martins

JavaScript: entendendo o this

Conheça mais sobre a palavra reservada this e entenda como funciona o escopo de um objeto JavaScript.

por Davi Ferreira

Um novo mundo com Big Data

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

por João Paulo de Almeida

Drops 14 – Sou um mero desenvolvedor

Um podcast bem pessoal sobre iniciativa.

por Diego Eis

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

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

por Diego Eis

O Cenário do Web Design Responsivo

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

por Will Sales

Modos de Mesclagem em CSS – Blend Mode CSS

Neste artigo entenda como funcionam os modos de mesclagem e saiba como utilizar cada um deles através de simples parâmetros de CSS.

por Dani Guerrato

Guia para Iniciantes – Ajude

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

por Diego Eis

Arquitetura da Informação em Landing Page

Construir uma boa arquitetura de informação e aprofundar o assunto da página faz toda a diferença para se obter bons resultados de conversão.

por Rodrigo Simoni

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

Pequenas anotações sobre a palestra do Luli.

por Diego Eis

Resumo do 15 Encontro Locaweb

Minhas palestras feitas no 15ELW.

por Diego Eis

Child Themes – O que é, como fazer e quando usar

Muitas vezes o volume de trabalho é maior do que você ou sua empresa pode suportar, mas há um jeito de tornar o desenvolvimento dos seus projetos em Wordpress ainda mais rápidos.

por Breno Alves

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

Drops 13 sobre semântica

por Diego Eis

Personalizando o painel de administração do WordPress

Aprenda a modificar o layout da dashboard de maneira simples para facilitar a navegação, personalizar a experiência do usuário e reforçar o branding.

por Dani Guerrato

O melhor do Codrops

Confira uma coletânea dos melhores artigos e tutoriais lançados no Codrops, blog sobre desenvolvimento web com grande foco em interfaces.

por Davi Ferreira

Padrões Complexos de Navegação no Design Responsivo

Como lidar com uma navegação complexa no design responsivo? Nesta tradução, Brad Frost mostra os prós e os contras na utilização de alguns padrões de menus.

por Will Sales

Usando o plugin 960gs e o Photoshop

Entenda como funciona o Grid 960. Ideal para iniciantes.

por Flavio Santana

O que é Design Atômico?

Conheça a nova metodologia para criação e desenvolvimento de layouts através de sistemas de interface modulares.

por Dani Guerrato

Contribuindo em projetos open source com o github

Conheça os primeiros passos para contribuir para projetos pelo GitHub. Ideal para iniciantes!

por William Martins

Survey do mercado web nacional

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

por Diego Eis

Medindo a complexidade do seu código JavaScript

Você sabe o que é complexidade ciclomática? E você sabia que já é possível medir a complexidade do seu código JavaScript?

por Davi Ferreira

Storytelling

Neste artigo descubra como técnicas de storytelling podem ser aplicadas em web design para transformar a experiência do usuário.

por Dani Guerrato

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

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

por Thaiana Poplade

Sobre Cor e Webdesign

Entenda o funcionamento dos sistemas de cores mais utilizados da web e conheça ferramentas úteis para criar e organizar suas próprias paletas.

por Dani Guerrato

Desenvolvimento ágil utilizando Scrum

Conheça a metodologia Scrum e aprenda a colocar as estratégias na prática para gerenciar qualquer tipo de projeto.

por Dani Guerrato

JavaScript: Objetos Literais vs. Funções Construtoras

Neste artigo apresento um pouco mais sobre as duas formas disponíveis para criação de objetos em JavaScript, Objetos Literais e Construtores, suas vantagens e desvantagens.

por Davi Ferreira

Bye bye Camino

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

por Diego Eis

Atrás do Front(End)

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

por Diego Eis

jQuery 2.0

Conheça as vantagens (e desvantagens) da nova versão da biblioteca de JavaScript mais utilizada no mundo.

por Dani Guerrato

Tableless Conference #2 2013

Palestras e fotos do segundo Tableless Conference!

por Diego Eis

7 dicas de otimização de conversão em landing pages

Entenda melhor como otimizar conversões em landing-pages.

por Rodrigo Simoni

Desenvolvendo para Firefox OS

Introdução para criar aplicativos para FirefoxOS.

por Willem Allan

Para Iniciantes

Informações para iniciantes no Tableless.

por Diego Eis

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

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

por Dani Guerrato

Slides para Devs #9 – Acessibilidade na web

Slides para Devs sobre Acessibilidade na Web

por Diego Eis

Elementos de interface utilizando apenas CSS3

Você sabia que já é possível criar interfaces ricas sem escrever código JavaScript? Nesse artigo você confere algumas implementações de elementos de interfaces ricas que utilizam apenas CSS3.

por Davi Ferreira

Anotações da palestra do Silvio Meira

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

por Diego Eis

Participe do Open Web Challenges na WWW2013!

O WWW2013 apresenta o Open Web Challeges, uma competição conduzida por Bert Bros, Bernard de Luna, Philippe Le Hégaret e Zeno Rocha. Participe!

por Talita Pagani

Slides para Devs #8 – Frameworks JS

Apresentações sobre frameworks Javascript.

por Diego Eis

16 ferramentas para designers e desenvolvedores

Sites, aplicativos, plugins, agregadores e portais que vão fazer toda a diferença na hora de aprender coisas novas, organizar seu dia-a-dia e encontrar inspiração.

por Dani Guerrato

IE10 dobra seu MarketShare

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

por Diego Eis

Latência, largura de banda e a velocidade da luz

Se a velocidade da luz fosse suficiente, estaríamos salvos.

por Cleber Dantas

Freebies no Dribbble #1

Presentinhos grátis que pegamos no Dribbble.

por Diego Eis

Slides para Devs #7 – JS em larga escala

Apresentações sobre Javascript em larga escala.

por Diego Eis

Atender bem para atender sempre

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

por Diego Eis

Otimizando e organizando seu front-end com PHP

Quer ser diferente no mercado? Conheça o PHP e suas vertentes. Auxiliando e organizando seus projetos front-end

por Layo Azevedo

Está perdido? Geolocalização!

Entendendo como utilizar a API de Geolocalização (geolocation) do HTML5 com Javascript.

por Daniel Pereira Camargo

Slides para Devs #6 – Javascript

Apresentações sobre Javascript.

por Diego Eis

CSS Transition e CSS Animation

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

por Raphael Fabeni

AddThis: analisando as mídias sociais do seu site

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

por Diego Eis

Prepared Statements no MySQL

Para iniciantes, entenda como o Prepared Statements funciona no MySQL.

por Layo Azevedo

Design Responsivo na prática: do rascunho ao digital

Quer criar um projeto de design responsivo e não sabe por onde começar? Acompanhe passo-a-passo a criação de um layout do wireframe até a apresentação do design com indicações de artigos, dicas e ferramentas para facilitar o seu processo criativo.

por Dani Guerrato

Templates client-side com Mustache.js

Mustache é uma especificação de templates que não utiliza lógica, ou seja, não possui declarações com <em>if</em>, <em>for</em>, <em>while</em> etc, toda sua construção é baseada em tags. Aprenda a implementar este tipo de template em seus projetos.

por Davi Ferreira

Criando comandos de atalhos no terminal

Criando comandos de atalhos direto no terminal.

por Willem Allan

Grunt: você deveria estar usando!

Entenda como automatizar tarefas com GruntJS.

por Vagner Santana

Slides para devs #5 – Design

Slides de apresentações sobre design.

por Diego Eis

Sobre prazos e produtividade

Um pensamento sobre prazos e produtividade.

por Diego Eis

Blink: o novo motor do Chrome

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

por Diego Eis

WordPress para front-end, iniciando um projeto.

Estranho dizer que vamos falar de Wordpress classificando à um grupo específico, mas se o seu negócio é “html’s“, “css’s“ e algumas arriscadas em “jquery’s“ e “javascript’s“, você vai entender do que estou falando.

por Thaiana Poplade

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

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

por Diego Eis

Mitos sobre dispositivos móveis

Tentar generalizar como as pessoas utilizam seus aparelhos móveis com base em conceitos de fundamentação duvidosa pode muitas vezes levar ao engano. E quem sai prejudicado é o próprio usuário. Conheça os principais mitos sobre o uso de dispositivos móveis.

por Dani Guerrato

Design responsivo: foco no ser humano

Gostaria de fazer uma rápida analogia sobre o desenvolvimento do design responsivo de hoje com os softwares de vinte anos atrás.

por Reinaldo Ferraz

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

Zepto.js: JavaScript peso-leve

Inicialmente lançado para aplicações mobile, o framework Zepto.js começa a ganhar espaço também no desktop graças ao seu peso reduzido e a sua alta compatibilidade com jQuery.

por Davi Ferreira

Slides para Devs #3 – Responsive Web Design

Slides sobre Responsive Web Design.

por Diego Eis

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

Webkit to the people

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

por Diego Eis

Medindo performance e latência com a Navigation Timing API

A Navigation Timing API é uma nova especificação do W3C para lidar com aferição de performance de modo mais efetivo em páginas web.

por Talita Pagani

Slides para Devs #2

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

por Diego Eis

Slides para Devs #1

Slides que valem a pena ver. #1.

por Diego Eis

CSS e acessibilidade na web

Entenda como o uso do CSS influencia a acessibilidade dos seus projetos web.

por Reinaldo Ferraz

Grids semânticos com LESS

Aprenda a construir rapidamente um grid semântico e responsivo utilizando CSS e uma ajudinha do LESS.

por Dani Guerrato

Dicas do Zeno – Fevereiro

O que rolou de melhor no mundo do front-end nesse mês de fevereiro.

por Zeno Rocha

A linguagem como parte integrante da user experience

A linguagem é a ferramenta que utilizamos para entender e definir o mundo. E isto vale também para a criação de interfaces.

por Dani Guerrato

Plugins jQuery e bibliotecas JavaScript para e-commerces

Usabilidade não é o forte da maioria dos e-commerces nacionais. Conheça alguns plugins que podem facilitar (e muito) a vida dos usuários da sua loja virtual.

por Davi Ferreira

Tableless Conference 2 – versão 2013

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

por Diego Eis

Locaweb Style – Como iniciamos

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

por Diego Eis

Reveal.js: criando apresentações no navegador

Conheça a biblioteca reveal.js, uma ferramenta poderosa para a criação de apresentações de slides que não dependem de nenhum software especial, apenas um navegador moderno.

por Davi Ferreira

Actions do Photoshop

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

por Diego Eis

Favicons

Os favicons são pequenos mas indispensáveis. Entenda como eles funcionam e quais as melhores práticas.

por Dani Guerrato

3 ferramentas para criar e gerenciar projetos web

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

por Davi Ferreira

Como se tornar um profissional Top em WordPress

Como se tornar um profissional top em Wordpress.

por Rodrigo Simoni

Locaweb Developer Network

Portal de Desenvolvedores da Locaweb.

por Diego Eis

Repensando CSS Resets

Como melhorar seu CSS Reset.

por Dani Guerrato

Como schema pode te ajudar em SEO

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

por Daniel Marcos

Seletores de CSS3 nível 4

Entenda como funcionarão os seletores de nível 4 do CSS. Mudanças drásticas para salver nossas vidas.

por Dani Guerrato

Performance front-end – Parte 2

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

por Diego Eis

As muitas faces do Mobile First

Quando você perde 80% do seu espaço na tela, todo o conteúdo irrelevante ao design de telas grandes não parece mais tão atrativo ou necessário.

por Will Sales

Internet Explorer dos anos 90

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

por Diego Eis

Tudo o que você precisa saber sobre Sitemaps

Saiba como montar e como funciona um sitemap.xml

por thiago-pacheco

Front-end, UX e Back-end

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

por Diego Eis

A tag MAIN

Conheça a nova tag MAIN do HTML.

por Diego Eis

Maxthon

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

por Diego Eis

Parallax simples com JQuery e CSS

Faça o efeito parallax com 3 passos simples.

por Diego Eis

Guia de Estilos

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

por Dani Guerrato

Criando seu próprio Framework HTML CSS

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

por Bernard De Luna

Web Móvel e suas aplicações

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

por Giovanni Keppelen

E-mail Newsletter Responsivo

Entenda como funciona e como fazer um email marketing responsivo.

por Dani Guerrato

Um 2013 cheio de propósito

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

por Diego Eis

Facebook no Firefox

Converse pelo Facebook Messenger diretamente pelo Firefox.

por Diego Eis

Mozilla Webmaker

Faça algo maravilhoso com a web.

por Diego Eis

Capturando erros JS LIKE-A-BOSS

Hoje iremos aprender para que serve o evento window.onerror e como tirar proveito desta ótima utilidade.

por Almir Filho

Um guia completo de tipografia para a web

Entenda os princípios da tipografia na web e saiba como melhorar a leitura dos usuários.

por Dani Guerrato

Startup e propósito

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

por Diego Eis

Um recado da MS aos trolls do IE

Uma homenagem da Microsoft aos trolls do IE.

por Diego Eis

Parallax Scrolling

Entenda como funciona o efeito parallax.

por Dani Guerrato

Classes Funcionais

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

por Diego Eis

Creme de papaia e Geolocalização

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

por Reinaldo Ferraz

Imagens em alta resolução utilizando SVG

Entenda o que são imagens SVG e como você poderá utilizá-las hoje.

por Dani Guerrato

Git com Interface Gráfica

Aplicações visuais para o Git.

por Diego Eis

Iniciando no GIT – Parte 2

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

por Diego Eis

Seu Conteúdo, Agora Mobile

| Você não pode fazer suposições sobre o que o usuário quer fazer, simplesmente porque ele tem uma tela menor. Na verdade, tudo o que você realmente sabe é: “Ele tem uma tela menor”.

por Will Sales

Brincando com css3

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

por Deivid Marques

Bye Zen Coding, Bem-vindo Emmet!

Conheça o plugin que vem para substituir o Zen Coding e prepare-se para se tornar um jedi!

por Zeno Rocha

Iniciando no GIT – Parte 1

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

por Diego Eis

Personalidade no Design

O design de interfaces está em uma ampla categoria chamada Interação Humano-Computador. Se isto lhe soa familar, saiba que é muito do que os designers de UX lidam todos os dias.

por Will Sales

Passwords em Mobiles

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

por Diego Eis

Criando um plugin JavaScript (sem jQuery!)

Com a evolução dos navegadores e suas implementações de JavaScript e CSS3, será que precisamos mesmo utilizar jQuery em nossos projetos?

por Davi Ferreira

Tudo que você gostaria de saber sobre plugins jQuery e ninguém teve paciência de explicar

Pra você que cansou de ser um mero manipulador de plugins alheios

por Zeno Rocha

Esse texto é pra mim – mercado e atitude

Pensando alto.

por Diego Eis

Eventos Front-end que você não pode perder em 2012 – parte 2

Confira os eventos de front-end que ocorrem nos próximos meses.

por Talita Pagani

IE10 no Windows 7

IE10 em Novembro para Windows 7.

por Diego Eis

Web.br 2012 – Empreendedorismo

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

por Diego Eis

Web.br 2012 – Abertura

Anotações do primeiro dia do Webbr 2012.

por Diego Eis

Firefox 17: um firefox mais social

O Firefox vai ser um browser mais social.

por Diego Eis

Tunando o Developer Tools do Google Chrome

Já imaginou poder trocar o CSS da sua ferramenta de Inspecionar Elementos? Pois é, você pode!

por Zeno Rocha

Web Platform

Sua web documentada.

por Diego Eis

WebPlatform.org – Por uma Web documentada!

Nós somos uma comunidade aberta de desenvolvedores de recursos para uma web melhor.

por Gabriel Nascimento

História da Web – Uma timeline

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

por Diego Eis

Flexbox – Organizando seu layout

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

por Diego Eis

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

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

por Gabriel Nascimento

O Front-end auxiliando o Marketing Digital

Nos dias atuais estamos ligados a semântica, seo, performance, boas práticas, entre outros assuntos, que tal ajudar também a equipe de Marketing Digital?

por Deivid Marques

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

Microdados do HTML5

Microdados dando mais significado à informação.

por Diego Eis

Adobe Edge

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

por Diego Eis

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

10 anos de Firefox

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

por Diego Eis

Underscore.js: cinto de utilidades JavaScript

Conheça esta biblioteca JavaScript que apresenta um conjunto sólido de utilitários para manipular listas e estruturas de dados.

por Davi Ferreira

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

Scoped CSS

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

por Almir Filho

Por que eu não gosto do nome startup

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

por Diego Eis

Drops 12 – Dicas de sobrevivência

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

por Diego Eis

Minha empresa está nas redes sociais. E agora?

Há alguns anos atrás não se acreditavam que as redes socias iriam alcançar tamanha proporção e poder de comunicação como hoje.

por João Paulo de Almeida

Web Index

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

por Diego Eis

Dicas e truques de Sublime Text

Conheça algumas dicas e truques do Sublime Text.

por Diego Eis

Qual unidade utilizar – Pixel, EM ou REM

Entenda mais sobre as duas unidades prediletas pelos desenvolvedores.

por Diego Eis

Eu não sou uma máquina

Além da grande barreira de acessibilidade, já que os CAPTCHAs tradicionais não costumam ser acessíveis, novas modalidades de CAPTCHA mais difíceis vem sendo criados para evitar que robôs consigam acessar seus formulários.

por Reinaldo Ferraz

Pós Tableless Conferece #1

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

por Diego Eis

Font icons – Utilizando ícones em formato de font

Aprenda a usar font para fazer elementos com ícones.

por Diego Eis

Open Web Device

Um celular amigável para os desenvolvedores.

por Diego Eis

Performance front-end – Parte 1

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

por Diego Eis

Boas práticas para E-mail Marketing

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

por Deivid Marques

Safer Place – Um game feito pelo W3C

Ajude o W3C a deter cibercriminosos.

por Diego Eis

Criando uma aplicação simples com AngularJS

Com a missão de enriquecer o vocabulário HTML o framework AngularJS chega com a marca Google de simplicidade e promete um workflow diferente para os desenvolvedores.

por Davi Ferreira

Como usar os pseudo elementos :before e o :after

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

por Diego Eis

Retina.js – Imagens para telas retina

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

por Diego Eis

Querido usuário: Por favor, atualize seu browser

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

por Diego Eis

Um novo número 1

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

por Diego Eis

Identificando os IEs

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

por Diego Eis

Assegurando a qualidade do seu código JavaScript

Conheça ferramentas de análise de código que ajudam a manter a qualidade e o padrão de suas aplicações javascript.

por Davi Ferreira

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

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

por Diego Eis

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

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

por Diego Eis

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

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

por Diego Eis

Variáveis no CSS – Breve

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

por Diego Eis

Novos plugins jQuery e bibliotecas JavaScript

Animações, slides, fotos, templates e compartilhamento estão nessa lista de plugins jQuery e bibliotecas JavaScript que foram destaque nesta primeira metade de 2012.

por Davi Ferreira

#1 Tableless Conference

Evento sobre front-end em SP.

por Diego Eis

Entendendend a regra @viewport do HTML

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

por Diego Eis

Acessibilidade – Podcast #2

Podcast sobre acessibilidade

por Diego Eis

“HTTP Archive” Ferramenta para performance

| Verifique algumas características importantes sobre performance e velocidade do seu website.

por Giovanni Keppelen

JavaScript com café, parte 2

Conheça conceitos avançados sobre a linguagem CoffeeScript. Aprenda a utilizar classes, escopo e operadores existenciais.

por Davi Ferreira

Documentos poliglotas com XHTML5

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

por Talita Pagani

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

Entendendo e sincronizando as necessidades dos designers e programadores.

por Diego Eis

Adobe: The Expressive Web

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

por Diego Eis

Drops 9 – Préprocessadores, frameworks e bibliotecas

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

por Diego Eis

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

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

por Diego Eis

O dev front-end – Podcast #1

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

por Diego Eis

Adobe e os Padrões Web

A Adobe e suas iniciativas para ajudar o desenvolvimento web.

por Diego Eis

Entendendo quais APIs (realmente) fazem parte do HTML5

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

por Talita Pagani

Opera experimentando o -webkit-

Opera suportando o prefixo -webkit-.

por Diego Eis

Cuidado com invasões no WordPress

O WordPress não é perfeito e possui falhas, tome cuidado com possíveis invasões.

por Paulo Rodrigues

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

O que você sabe?

por Diego Eis

Sublime Text 2 – Meu novo editor

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

por Diego Eis

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

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

por Diego Eis

JavaScript com café

Conheça a linguagem CoffeeScript que, diferente dos frameworks e bibliotecas, compila código JavaScript puro ao invés de ser apenas mais uma camada sobre a linguagem.

por Davi Ferreira

Drops 7 – Você está fazendo errado

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

por Diego Eis

A Batalha das App Stores – Conheça os Pontos Fortes e Previsões

Veja alguns números referentes a guerra entre as Apps Stores.

por Eduardo Leal Jr

Project Glass

Um mundo atrás do seu óculos.

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

Schema – Marcação de dados estruturados

Entenda como o Schema pode ajudar a auxiliar o vocabulário de marcação de dados em páginas web.

por thiago-pacheco

Devs decidem deixar o SVG e adotar o Flash

Devs deixam o SVG em pról do Flash.

por Diego Eis

Cut the Rope

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

por Diego Eis

O browser que você amou odiar

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

por Diego Eis

Acessibilidade, como mudar o Brasil?

O que podemos fazer para mudar a realidade da acessibilidade no desenvolvimento de sites no Brasil? Participe.

por Elcio Ferreira

Qualidade de Imagens e densidade de pixels

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

por Diego Eis

Drops 6 – Acessibilidade

Um pouco sobre acessibilidade.

por Diego Eis

Responsive Web Design – focando a coisa certa

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

por Diego Eis

Usando Meta Box em seu tema WordPress

Entenda como funcionam o Meta Box do Wordpress.

por Giovanni Keppelen

Layouts antigos do Tableless

Versões antigas do layout do Tableless...

por Diego Eis

jQuery: conheça os métodos on() e off()

A versão 1.7 do framework jQuery implementa dois novos métodos que pretendem acabar de vez com a confusão gerada em torno da associação de eventos.

por Davi Ferreira

Seu lugar ao sol

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

por Diego Eis

A usabilidade deve ser pensada por todos

A usabilidade é um compromisso de todos em um projeto. Ö que precisa acontecer é um diálogo maior entre o especialista de usabilidade e o restante da equipe.

por Talita Pagani

Manipulação de classes com JQuery

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

por Diego Eis

CSS3 – Texturizando textos

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

por Thaiana Poplade

GoMo – Teste seu site mobile

Teste seu site com o Google GoMo.

por Diego Eis

Princípios para escrever CSS de forma consistente

Pra você que não aguenta mais ver código bagunçado

por Zeno Rocha

Prefixos dos browsers: A web precisa de você

Por uma web mais livre.

por Diego Eis

Google Chrome para Android

Versão do browser Chrome para Android.

por Diego Eis

Agora é a vez dos desenvolvedores

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

por Diego Eis

ePub: Aprenda a criar um livro digital

| Conheça as vantagens do formato, aprenda a criar um livro do zero, descubra as melhores práticas e porquê você deve correr dos geradores automáticos.

por Dani Guerrato

jQuery: métodos desconhecidos

Conheça alguns métodos pouco utilizados mas que podem ser grandes aliados dos desenvolvedores jQuery.

por Davi Ferreira

A melhor parte da viagem é o caminho

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

por Diego Eis

Eventos Front-end que você não pode perder em 2012

Fique por dentro do que acontece de melhor na nossa área!

por Zeno Rocha

Conheça de verdade o Boot2Gecko (ou FirefoxOS)

Não seria lindo se pudéssemos criar apps nativas para um sistema operacional mobile totalmente open source e feito em HTML, CSS e JavaScript? Bom, agora você já pode.

por Zeno Rocha

Aprenda a programar Javascript no Codecademy

Aprenda a programar de um jeito fácil.

por Diego Eis

Boas práticas de Acessibilidade

Apresentação sobre acessibilidade e desenvolvimento para web.

por Diego Eis

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

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

por Diego Eis

CSS1K

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

por Diego Eis

Um pensamento sobre design para web

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

por Diego Eis

CSS Sprites

Como fazer de forma moderna e sem chatices

por Zeno Rocha

Concorra ao livro Smashing HTML5 no Twitter!

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

por Diego Eis

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

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

por Diego Eis

Style Guide para Android

Google lança Style Guide para desenvolvedores Android.

por Diego Eis

O dilema da sintaxe no HTML5

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

por Talita Pagani

jQuery: dicas de otimização e performance

Performance é um aspecto muito importante em aplicações web. Confira algumas dicas simples de como otimizar seu código jQuery.

por Davi Ferreira

Declarando idiomas no HTML

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

por Diego Eis

Utilizando APPs em vez de browsers

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

por Diego Eis

WebIntents – Framework para WebApps

WebIntents: sistemas web falando a mesma língua.

por Diego Eis

Front-end concluído, como começar no WordPress? Parte I

A primeira parte do artigo abordará o inicio com desenvolvimento com Wordpress, desde da conclusão do front-end, até de criação da página inicial e sua personalização através de sidebar, menu, loop dos posts, ect.

por Paulo Rodrigues

Propriedade background-clip

Entenda como a propriedade background-clip do CSS3 funciona.

por Diego Eis

Guia de Referência de HTML5

Cheat sheets completos sobre HTML5.

por Diego Eis

2012

O ano termina e começa outra vez. ♫

por Diego Eis

Experiência cross-device

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

por Diego Eis

Introdução ao CSS 3D – Flip Card

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

por Diego Eis

Command & Conquer: Tiberium Alliances

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

por Diego Eis

OOCSS ou CSS do jeito certo

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

por Diego Eis

O IE6 vai morrer no Brasil

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

por Diego Eis

20 plugins jQuery que marcaram 2011

Final de ano, época de listas. Confira 20 plugins jQuery que chamaram atenção em 2011, incluindo slideshows, utilitários para formulários e o framework jQuery Mobile.

por Davi Ferreira

Convencimento e educação = liberdade

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

por Diego Eis

Mobile First – A arte de pensar com foco

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

por Diego Eis

Você sabe o que é a “nova usabilidade”? – parte II

A nova usabilidade procura trazer abordagens para lidar com os novos desafios para o desenvolvimento de aplicações baseadas em tecnologias emergentes, como dispositivos móveis.

por Talita Pagani

Você sabe o que é a “nova usabilidade”? – parte I

A usabilidade não pode se focar apenas para desktops e notebooks, mas para dispositivos emergentes, que são utilizados hoje e os que ainda irão surgir.

por Talita Pagani

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

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

por Diego Eis

Usabilidade de interfaces para dispositivos móveis – parte II

Adequar aplicações ao contexto de dispositivos móveis apresenta determinados vieses de desenvolvimento.

por Talita Pagani

Usabilidade de interfaces para dispositivos móveis – parte I

O que muda nas questões de usabilidade quando estamos falando em dispositivos móveis?

por Talita Pagani

CSS dinâmico com LESS

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

por Davi Ferreira

Eu saí da Visie

Singrar novos horizontes.

por Diego Eis

Formulários e o Metawebdesign – Parte 1

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

por Alysson Franklin

Utilizando a Biblioteca Modernizr

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

por Diego Eis

Biblioteca CSS ou Framework?

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

por Diego Eis

Testando seu código jQuery com Jasmine – Parte 2

Nesta segunda parte você conhece um pouco mais sobre o framework de testes Jasmine. Aprenda a criar matchers personalizados e testar AJAX e métodos em objetos.

por Davi Ferreira

Introdução ao CSS Shaders – Parte 1

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

por Giovanni Keppelen

Lendo um arquivo de texto com AJAX

Inicio mostrando como realizar uma requisição de arquivos de texto com AJAX. Em tempos de Web 2.0, não podemos pensar mais em sites que usem requisições síncronas para rotinas de interação com o usuário. Uma das técnicas mais utilizadas para esse fim é o AJAX – Assynchronous Javascript and XML. De uma forma resumida e sem muito “tecniquês”, AJAX é a captura de informações sem a necessidade de recarregamento da estrutura do documento HTML a cada requisição ao servidor web.

por Moacyr Minéro

Testando seu código jQuery com Jasmine – Parte 1

Com a evolução do desenvolvimento em JavaScript, testes automatizados começam a ganhar cada vez mais força. Neste artigo você conhece um pouco mais sobre a biblioteca Jasmine, focada em BDD &mdash; Behavior Driven Development.

por Davi Ferreira

Quando utilizar (ou não) frameworks CSS

A utilização de frameworks HTML e/ou CSS ainda é um assunto que divide a opinião dos desenvolvedores.

por Talita Pagani

Qualidade em Uso: expandindo a Usabilidade

A Qualidade em Uso visa cobrir não apenas a facilidade de uso, mas também as funcionalidades e o suporte apropriado às atividades de uso em cenário real. É considerado não somente a visão do usuário, mas do contexto de uso em ambiente de trabalho.

por Talita Pagani

Nem só de client-side vive um site

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

por Diego Eis

O que é Usabilidade?

A usabilidade é apenas um dos conceitos que abrangem a experiência de uso de pessoas com produtos, tendo também algumas limitações.

por Talita Pagani

Alternativas ao jQuery

Conheça as principais opções de frameworks e bibliotecas no desenvolvimento JavaScript e saiba que existe vida além do jQuery

por Davi Ferreira

Introdução ao Responsive Web Design

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

por Diego Eis

Tenha o DOM

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

por Alysson Franklin

Entendendo os Reflows

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

por Alysson Franklin

RGB e HSL

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

por Diego Eis

Especificação para touch screens

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

por Diego Eis

Habilitando tags em fotos com jQuery

Aprenda a desenvolver uma interface para permitir que usuários apliquem tags/marcações nas fotos do seu aplicativo.

por Davi Ferreira

CSS3 – Sombras em textos e elementos

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

por Diego Eis

Melhorando carregamento do WordPress

Aprenda dicas úteis para deixar seu site em WordPress mais rápido. Facilitando a vida do usuário e melhorando resultados nos mecanismos de busca.

por Paulo Rodrigues

CSS3 – Módulo Template Layout

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

por Diego Eis

Interface Guide para Apps Mobiles

Guias de interface para desenvolvimento mobile.

por Diego Eis

5 sliders de conteúdo para jQuery

Sliders são ferramentas poderosas para destacar conteúdo em um site. Neste artigo você confere cinco opções de plugins jQuery para a implementação dessa funcionalidade.

por Davi Ferreira

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

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

por Thaiana Poplade

Posts Formats do WordPress

O WordPress teve sua última atualização para a versão 3.1, dentre as novidades, está a inclusão de post formats em tipos de conteúdo. Com essa função, você pode deixar o WordPress com um toque de Tumblr.

por Paulo Rodrigues

CSS3 – Animation e regra keyframe

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

por Diego Eis

CSS 3 – O valor currentColor

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

por Diego Eis

CSS3 – Breve introdução ao RGBA

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

por Diego Eis

Pontuação de especificidade da CSS

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

por Diego Eis

Drops 5 – Responsabilidade Dev Front-end

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

por Diego Eis

Conteúdo sob demanda com jQuery

Veja como exibir o conteúdo do seu site acabando com a necessidade de paginação e atualização da página.

por Davi Ferreira

Manipulando a metatag Viewport

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

por Diego Eis

Documentos acessíveis com WAI-ARIA em HTML5

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

por Talita Pagani

Keygen: Certificando suas paginas com HTML

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

por Alysson Franklin

Tags Condicionais do WordPress

As Tags Condicionais são usadas para manipular o conteúdo exibido ou especificar informações na página

por Paulo Rodrigues

Ferramentas de diagnóstico

Quando algo de estranho acontece, é bom estar preparado.

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

jQuery: seletores personalizados

Como se não bastasse ser altamente personalizável através de plugins, o framework jQuery também é bastante flexível com seus seletores. Além de poder localizar objetos e elementos por ID, classe, nome do elemento, expressões e atributos também é possível criar o seu próprio seletor.

por Davi Ferreira

Custom Post Types no WordPress

Crie tipos de conteúdo diferentes, agregue taxonomias e adicione campos personalizados. Deixe o seu site cada vez mais personalizado, trabalhando a fundo com o WordPress como CMS.

por Paulo Rodrigues

Performance do seu CSS

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

por Diego Eis

Múltiplos backgrounds com CSS

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

por Diego Eis

Novo parser HTML5 – FF4

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

por Diego Eis

Drops 4 – Validar é importante?

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

por Diego Eis

CSS3 – Abas com a pseudo-classe :target

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

por Diego Eis

Convertidos do Tableless

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

por Diego Eis

Comportamento e meios de acesso

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

por Diego Eis

Otimizando seu site em WordPress para SEO

Vamos ver como podemos aperfeiçoar seu site em WordPress para SEO e veja a importância de fazer isso.

por Paulo Rodrigues

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

Na primeira parte do artigo, vimos as principais características do DFXP, uma especificação do W3C para trabalhar com legendas em vídeos do HTML5. Agora iremos conhecer a estrutura de um arquivo DFXP e detalhar o conceito de regions. Estrutura básica de um arquivo DFXP Um arquivo DFXP é um arquivo baseado em XML que utiliza a linguagem Timed Text Markup Language (TTML). A TTML estabelece tags e propriedades específicas para atribuir uma informação textual a um intervalo de tempo, posicionar esta informação em uma determinada região do vídeo e formatar a apresentação desta informação.

por Talita Pagani

Melhorando a exibição de tabelas com jQuery

Pode até ser meio irônico (já que estamos no Tableless!), mas neste artigo você aprende a dar um upgrade nas tabelas do seu site ou da sua aplicação web utilizando algumas técnicas jQuery.

por Davi Ferreira

PDF – Browsers antigos: guerra contra o terror

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

por Diego Eis

The IE6 Countdown – O ultimato da Microsoft

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

por Diego Eis

Um raio-x do seu website

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

por Alysson Franklin

Criando Menus no WordPress

Aprenda a adicionar menus e edite no seu próprio painel de administração com as páginas ou links que você quer

por Paulo Rodrigues

Drops 3 – Duas formas de modular seu CSS

Duas maneiras de modular seu código CSS.

por Diego Eis

HTML 5, novos elementos e atributos.

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

por Thaiana Poplade

Customizando links

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

por Diego Eis

12 plugins jQuery para começar bem o ano

Confira uma lista de plugins jQuery, em sua maioria novidades, para acrescentar opções à sua caixa de ferramentas na hora de desenvolver uma interface web.

por Davi Ferreira

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

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

por Talita Pagani

Drops 2 – A palavra Marcação do HTML

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

por Diego Eis

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

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

por Thaiana Poplade

O básico: O que é HTML?

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

por Diego Eis

Criando Sidebar Dinâmica no WordPress

Aprenda a adicionar sidebars e adicione os widgets disponíveis dentro do painel de administração.

por Paulo Rodrigues

Shortcodes

Um dos API’s mais importantes do WordPress, fácil de usar e customizar.

por Paulo Rodrigues

Adicionando Post Thumbnail

O WordPress depois de sua versão 2.9 disponibilizou uma funcionalidade de Post Thumbnails. Essa funcionalidade é uma característica do tema que é uma miniatura da imagem de determinado post, pode ser usado em Páginas, Posts ou até Custom Post Types.

por Paulo Rodrigues

Drops 1 – HTML5 já pode ser usado

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

por Diego Eis

Carrinho de compras com drag and drop

O mercado de e-commerce não para de crescer e este crescimento vem acompanhando de diversas novidades e melhorias nas interfaces das lojas virtuais. Uma delas é opção de arrastar e soltar produtos no carrinho de compras e é isso que você aprende neste artigo.

por Davi Ferreira

CSS Transforms

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

por Diego Eis

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

Introdução a Microdata no HTML5

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

por Talita Pagani

JQuery para produção de Layouts

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

por Diego Eis

HTML5: Elemento AUDIO

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

por Diego Eis

Templates e jQuery – parte 2

Agora que você já sabe como implementar templates em suas aplicações javascript, chegou a hora de conhecer técnicas avançadas de como combinar modelos HTML e scripts jQuery.

por Davi Ferreira

Bem vindo a Xangri-lá – Parte 2

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

por Alysson Franklin

Desenvolvendo para IE6

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

por Diego Eis

Bem vindo a Xangri-lá – Parte 1

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

por Alysson Franklin

CSS3 – O que vem por aí…

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

por Thaiana Poplade

Navegabilidade em Dispositivos Móveis

Minimizar a quantidade de informações e o esforço de interação com os elementos de interface. Estes são os princípios-chave que para que websites possam ser utilizados da melhor forma em dispositivos móveis.

por Talita Pagani

Responsabilidade de um dev client-side

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

por Diego Eis

Templates e jQuery – parte 1

Separar a programação do HTML é uma prática constante no desenvolvimento web. Durante muito tempo, no entanto, o JavaScript ficou de fora dessa. Chegou a hora de reverter este quadro.

por Davi Ferreira

Javascript e acessibilidade

Dando continuidade a nossa série sobre acessibilidade, confira algumas dicas para desenvolver sites dinâmicos tendo um mínimo de cuidado com screen readers e navegadores com JavaScript desabilitado.

por Davi Ferreira

Sections: elemento article – Parte 4

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

por Diego Eis

Vote no Especialista em Usabilidade para Presidente

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

por Alysson Franklin

Como tornar seu website acessível?

Ao ler este título talvez você esteja se perguntando: “mas se ele já foi publicado, já pode ser acessado por todos, certo?!” e a resposta mais correta é: “depende”. Que tal entender melhor o que significa acessibilidade na web?

por Thaiana Poplade

Sections: elemento aside – Parte 3

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

por Diego Eis

Usabilidade para desenvolvedores front-end

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

por Talita Pagani

Associando eventos dinamicamente

Você sabia que é possível associar eventos antes mesmo dos elementos estarem presentes no DOM? Conheça os métodos .live() e .delegate() e aprenda a interagir com ações do usuário no seu site.

por Davi Ferreira

Sections: elemento nav – Parte 2

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

por Diego Eis

6 dicas para evitar problemas de incompatibilidade entre browsers.

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

por Thaiana Poplade

Sections: seções do HTML5 – Parte 1

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

por Diego Eis

Gradientes em CSS

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

por Diego Eis

6 estratégias para melhorar a organização do seu CSS

Algumas estratégias simples podem ser utilizadas para deixar o seu CSS mais organizado, consistente e de fácil manutenção.

por Talita Pagani

Afinal, o que muda com o HTML 5?

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

por Thaiana Poplade

Anatomia de um plugin jQuery

jQuery é um framework JavaScript, o mais sexy do pedaço, que transformou essa linguagem em uma das mais importantes ferramentas presentes no set de um webdesigner ou um desenvolvedor frontend. O que antes era chato e complicado, passou a ser extremamente dinâmico e elegante.

por Davi Ferreira

Modelos de conteúdo no HTML5

Sobre modelos de conteúdo no HTML5.

por Diego Eis

Apostila sobre HTML5

Guia de referência de HTML5 pela Visie.

por Diego Eis

HTML5 Diff

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

por Diego Eis

HTML5 e seus companheiros

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

por Diego Eis

Conteúdo, Flash e HTML

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

por Diego Eis

Propriedade @font-face CSS – Fonts externas na web

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

por Diego Eis

Codeshow 2010

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

por Diego Eis

Emuladores para browsers mobiles

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

por Diego Eis

Processos e Adoção de Padrões

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

por Diego Eis

Produtividade: editores e snippets

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

por Diego Eis

Google Apps não suportará mais IE6

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

por Diego Eis

Porque é a web que comanda

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

por Diego Eis

Simuladores de Browsers Mobiles

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

por Diego Eis

Versionamento inteligente para mobiles

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

por Diego Eis

Colocar Rodapé fixo no fim da página

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

por Diego Eis

Convertido – Menu (Livraria Cultura)

Reconstruindo o menu da Livraria Cultura.

por Diego Eis

Convertidos de volta

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

por Diego Eis

2010

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

por Diego Eis

Camadas de desenvolvimento client-side

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

por Diego Eis

Introdução: diversidade dos meios acesso

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

por Diego Eis

Ah, o maravilhoso mundo real

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

por Elcio Ferreira

Prepare-se para a Revolução

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

por Diego Eis

1a. Conferência Web W3C Brasil

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

por Diego Eis

Efeito cascata, herança e especificidade do CSS

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

por Diego Eis

Digest – Referências de CSS

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

por Diego Eis

Aonde nos leva a morte do Internet Explorer 6?

O Internet Explorer 6 morreu. Parece que o mercado estava apenas aguardando o anúncio de que seus usuários já são em menor número que os da versão 8 para se livrar de uma porção de velho código ruim. O quanto isso nos faz realmente avançar?

por Elcio Ferreira

Propriedade do CSS: nth-child

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

por Diego Eis

CSS 3 Columns

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

por Diego Eis

Digest 06/09: Técnicas de CSS

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

por Diego Eis

Introdução sobre Media Queries

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

por Diego Eis

Lançado Firefox 3.5

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

por Diego Eis

Introdução ao CSS Animation

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

por Diego Eis

Digest 06/09: Javascript, JQuery

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

por Diego Eis

Digest 05/09: Javascript, JQuery

Links e dicas sobre JQuery e Javascript.

por Diego Eis

Digest 05/09: Técnicas de CSS

Navigation Menu Navigation Matrix Collapsible Tables Checkbox Customization

por Diego Eis

Propriedade Position do CSS

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

por Diego Eis

Digest 04/09: Javascript, JQuery e Ajax

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

por Diego Eis

Digest 04/09: CSS, HTML e Layout

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

por Diego Eis

Graceful degradation é tudo sobre Acessibilidade

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

por Diego Eis

Hierarquia de arquivos do WordPress

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

por Diego Eis

Pulga na cueca e experimentando o HTML5

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

por Diego Eis

14º Encontro de Web Design – SP

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

por Diego Eis

Seletores do CSS: Pseudo-classes

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

por Diego Eis

Seletores Complexos do CSS

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

por Diego Eis

Seletores Agrupados e Encadeados

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

por Diego Eis

Safari 4 Beta

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

por Diego Eis

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

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

por Diego Eis

Propriedade Float do CSS

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

por Diego Eis

Canivetes na web

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

por Diego Eis

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

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

por Diego Eis

Client-side e sua importância

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

por Diego Eis

A internet tem que avançar sem o IE6

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

por Diego Eis

Animando com jQuery

Que tal experimentar fazer uma área onde o usuário clica em um botão de mostrar/ocultar menu?

por Michael Granados

Um 2009 sem fôlego

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

por Diego Eis

Implementar XHTML/CSS é grátis

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

por Diego Eis

Vídeo Tutorial – Manipulando atributos com JQuery

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

por Diego Eis

Porque só para o iPhone?

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

por Diego Eis

Video tutorial – Implementando HTML

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

por Diego Eis

Modulando o CSS

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

por Diego Eis

Não “otimize” seu código

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

por Diego Eis

Tabelas semânticas

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

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

por Diego Eis

Exercício Básico

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

por Diego Eis

O Safari para iPhone – Desenvolvimento web para iPhone

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

por Diego Eis

Mostrar posts recentes no WordPress

Pode ser interessante para você mostrar em seu site os posts mais recentes criados no WordPress, na sidebar, por exemplo, dessa forma você pode deixar seu site mais atrativo aos visitantes pois assim eles não ficariam limitados a ver somente os posts que são listados na home do site. O código para gerar uma lista com os últimos posts é muito simples, basta ter algum conhecimento de HTML para editar os arquivos.

por Pedro Rogério

SEO para iniciantes – O básico

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

por Diego Eis

Navegando com a jQuery

Para os designers, familiarizar-se com a jQuery é um ato muito sutil. Isso se deve ao fato da mesma basear-se em um comando ( jQuery ou o seu atalho $ ) que referencia elementos e assim atribuir valores ou aplicar ações a eles. O mais interessante é que usamos as mesmas chamadas que usamos para referenciar elementos quando trabalhamos com CSS. Logo:

por Michael Granados

Anotações sobre SEO

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

por Diego Eis

O Chrome não quer dizer muita coisa

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

por Diego Eis

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

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

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

por Diego Eis

Criar páginas no WordPress

O WordPress permite total controle sobre a criação de conteúdo, inclusive a criação de novas páginas.

Para termos acesso a esse recurso, utilizamos o método wp_list_pages (), método pelo qual, após a criação das páginas, elas são mostradas automaticamente no seu site, pois a grande maioria dos templates para WordPress já vem com essa função, que fica localizada no arquivo header.php do tema do WordPress, gerando uma lista de páginas semelhante a essa:

por Pedro Rogério

Bloginfo Template Tag

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

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

por Diego Eis

jQuery é bom para designers

No começo da web JavaScript era considerado uma linguagem de programação completamente difícil e inútil. Afinal, depois de uma semana estudando a linguagem, o sujeito só conseguia escrever um script que validasse um formulário de contato que muitas vezes dava erro em outros browsers que não o Internet Explorer. Isso acontecia porque tanto o Netscape quanto o Browser azul tinha seus prórpios padrões de implementações de solução para o Javascript que era ainda estava engatinhando como linguagem.

por Michael Granados

Palestra: Implementação de Layout com CSS

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

por Diego Eis

White, Gray e Black Hats

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

por Diego Eis

Vídeo: Menu horizontal com CSS em 5 minutos

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

por Diego Eis

WordPress Include Tags

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

por Diego Eis

SEO – Sitemaps

Saiba como funciona o sitemap.xml

por Diego Eis

Browsers para Mobile – Nova era

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

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

por Diego Eis

Web Standards Project – WaSP

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

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

por Diego Eis

Layout Fixo / Fluido de 3 colunas em 8 Minutos

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

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

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

por Diego Eis

Formulário HTML Básico em 8 minutos

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

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

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

por Diego Eis

Lançamento do escritório do W3C no Brasil

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

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

por Diego Eis

Formulários definitivos e problema de lógica

Dessa vez você ganha um ingresso para a palestra “Formulários Definitivos“. Tente resolver esse problema aqui, é fácil. E mesmo que você não consiga, ainda assim concorre a ingressos, com menos chance, mas concorre.

Por falar na palestra, esse é o programa que temos preparado:

por Elcio Ferreira

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 POA: ainda dá tempo!

Ainda dá tempo de ganhar um convite para o ELPI Porto Alegre. Só que agora não basta mandar um comentário, é preciso decifrar a mensagem. É fácil. Boa sorte!

por Elcio Ferreira

ELPI Porto Alegre, ganhe um convite.

O 10º Encontro Locaweb de Profissionais de Internet está chegando a Porto Alegre. E você, fiel leitor do Tableless, ganha convites. Atenção, os convites são apenas para Porto Alegre. Se você é de outra cidade, espere sua vez. Os cinco primeiros leitores que deixarem um comentário nesse post ganham um convite. Comente com um e-mail válido, o convite vai para o seu e-mail.

por Elcio Ferreira

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

ELPI: Problema 5

Agora um com matemática. Quais os fatores primos do número 1321317089447443? Esse é o último par de ingressos para o ELPI no Rio de Janeiro. A partir de quinta-feira publico os problemas para o evento em Porto Alegre.

por Elcio Ferreira

ELPI: Problema 1

Vai ganhar um par de ingressos para o 10º ELPI no Rio de Janeiro o primeiro que enviar um comentário com a resposta do problema abaixo: Eve solved a blew cocoon endorsed rent. Atenção: esses convites são para o ELPI no Rio de Janeiro. Se você não pode ir ou mora em outra cidade, não envie resposta, deixe a chance para alguém que possa aproveitá-la. Em breve publicaremos problemas para Curitiba, Porto Alegre e Belo Horizonte.

por Elcio Ferreira

ELPI: Problema 2

Segundo problema, valendo um par de ingressos para o ELPI no Rio de Janeiro: 67 7A 69 70 3A 1F 8B 08 08 D0 11 1B 48 02 FF 65 00 CB 28 29 29 B0 D2 D7 CF 4D 2C 28 D6 4B CF CF 4F CF 49 D5 4B CE CF D5 4B 2A 02 0B D9 E7 E4 D8 EA 1A 19 E9 59 1A 1A 99 9B 98 EA E8 9A 18 EB 19 19 98 19 1B 02 00 29 22 3E 34 36 00 00 00

por Elcio Ferreira

O LOOP do WordPress

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

por Diego Eis

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

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

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

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

por Diego Eis

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

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

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

por Diego Eis

Microsoft compra W3C

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

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

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

por Diego Eis

Charsets e Encodes – Tabelas de caracteres

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

por Diego Eis

Browsers – Guerra Fria

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

por Diego Eis

IE8 – O sonho não acabou

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

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

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

por Diego Eis

PDF sobre Produtividade

JABÁ: Há algum tempo trabalhando com treinamento, tive a oportunidade de conhecer desenvolvedores das mais diversas empresas, em vários estados. E percebi que há diferenças muito grandes no nível de conhecimento. De um lado, os twitters, bloggers, antenados leitores de feeds sempre ligados na última novidade. De outro, os programadores que migraram com dificuldade de Win32 para a Web, e estão usando praticamente a mesma tecnologia há seis ou sete anos.

Não é incomum encontrar, por exemplo, equipes inteiras de desenvolvedores que não trabalham com controle de versão. Ou gente que nunca ouviu falar em testes unitários. Ou quem ainda acredita que simplesmente aprender UML vai resolver todos os seus problemas.

por Elcio Ferreira

Sobre hipertextos

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

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

por Diego Eis

WordPress – Uma pequena introdução

Entenda o básico do Wordpress.

por Diego Eis

PDF grátis sobre XSLT

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

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

por Diego Eis

Browser Targeting Version

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

por Diego Eis

Metatags – Breve introdução de uso e teoria

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

por Diego Eis

Comentários Condicionais – Não use

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

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

por Diego Eis

Quem precisa de versão mobile?

Parece ser um erro comum dos novatos criar versões diferentes do mesmo site.

O ano era 1997. Eu e e todo mundo que eu conhecia usávamos Netscape Navigator. Foi o ano em que, pela primeira vez, fiz um site sozinho. Tudo, atendi o cliente, preparei textos, fotos, fiz o layout, se é que se pode chamar aquilo de layout, criei uma conta no Geocities e publiquei. Em seguida entrei no Yahoo! e cadastrei o site, para que aparecesse nas buscas.

por Elcio Ferreira

Tableless.com.br – The Wonder Years

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

por Diego Eis

Centralizando um objeto na Horizontal e Vertical com CSS

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

por Diego Eis

Criando um Menu Horizontal com CSS

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

por Diego Eis

Email bom é TXT

Você é um sujeito antenado e sabe disso. Mas talvez seu chefe não saiba. Talvez seu cliente não saiba. (Talvez você mesmo não saiba.) Ou por qualquer outro motivo, você pode se ver obrigado a enviar uma newsletter em HTML. E agora, o que você faz? Chuta o pau da barraca, abre o Dreamwaver e prepara “aquele” layout?

Você ainda pode, mesmo enviando emails em HTML, se preocupar em tornar melhor a experiência de seu usuário. Vejamos:

por Elcio Ferreira

Escrevendo um XHTML válido

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

por Diego Eis

HTML simples com XML e CSS

Qualquer um que codifique HTML, ou mesmo use um editor WYSIWYG, já esbarrou no problema. Se você trabalha com internet, já deve ter tido também esse problema. O código se tornou complexo, com várias tabelas, uma dentro da outra. Vários frames, com uma porção de scripts para manter o conteúdo atualizado entre eles. Uma parte da aplicação rodando em um pop-up, com um script que atualiza o conteúdo principal.

por Elcio Ferreira

Image-Replacement x Imagens

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

por Diego Eis

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

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

por Diego Eis

Lidando bem com os bloqueadores de pop-up

Todo mundo que já experimentou ama bloqueadores de pop-ups. Navegando há anos com Opera e Konqueror e usando Firefox para acessar o Gmail, ainda me assusto quando preciso navegar no IE, seja num cybercafé ou na máquina de um amigo. Como é que as pessoas podem conviver com aquilo? Pop-ups são muito chatos, e se você não acha é porque ainda não experimentou viver sem eles tempo o suficiente.

por Elcio Ferreira

O Caminho Suave para o Tableless

A maior parte dos desenvolvedores web, designers ou programadores, começaram antes do surgimento dos movimentos em prol dos padrões web, usando tabelas para montar layouts em editores WYSIWYG, e ainda hoje este método é usado na maioria dos projetos de internet. Logo, é natural que muita gente, ao começar a entender o valor dos padrões, se pergunte como migrar do desenvolvimento “tradicional” para o desenvolvimento de código semanticamente coerente.

por Elcio Ferreira

Sites para Dispositivos Móveis – MediaType

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

por Diego Eis

Se virando para testar – Parte 3: IES4OSX e IES4Linux

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

por Diego Eis

Flock 1.0 – agora dá para usar

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

por Diego Eis

Dicas para ter compatibilidade nos browsers

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

por Diego Eis

Procrastinar a Acessibilidade pode ser perigoso

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

por Diego Eis

Tabela de compatibilidade de CSS

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

por Diego Eis

Sobre Internet Explorer para Mobile – Breve impressão

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

por Diego Eis

Isso é coisa básica

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

por Diego Eis

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

CSS Frameworks ou como desaprender CSS

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

por Diego Eis

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

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

por Diego Eis

Palestra AlternativaWeb em Fortaleza

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

por Diego Eis

Implementação HTML

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

por Diego Eis

Ferramenta definitiva para a criação de websites?

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

por Diego Eis

Site em Ajax? Site em Flash? Pergunta ruim.

Recebi há poucos dias um email que me deixou intrigado. Um amigo descrevia um site que vai construir em breve e me perguntava: você acha que devo fazê-lo em Ajax? Essa é uma pergunta ruim. A boa pergunta seria: onde, nesse site, eu deveria usar Ajax? Enquanto os cabeças-pequenas ficam discutindo se devem fazer ou não site em Flash, o Flickr faz um site HTML, com um excelente slideshow em Flash.

por Elcio Ferreira

CSS Reset

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

por Diego Eis

Fiat Uno e Peugeot 206

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

por Diego Eis

Navegação em mobiles

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

por Diego Eis

BlogCamp – Eu Fui!

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

por Diego Eis

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

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

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

por Diego Eis

CodeShow – Inscrições para assistir online

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

por Diego Eis

font-face

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

por Diego Eis

CodeShow – Mais 20 vagas! CORRA!

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

por Diego Eis

BlogCamp e CodeShow

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

por Diego Eis

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

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

por Diego Eis

Faculdades, cursos e conhecimento

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

por Diego Eis

Desenvolvedor Retrógrado

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

por Diego Eis

HTML 5 – brevíssima introdução

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

por Diego Eis

CodeShow – Só lembrando!

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

por Diego Eis

Opera Mini 4 beta

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

por Diego Eis

Encontro Locaweb de Profissionais de Internet

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

por Diego Eis

Safari para Windows

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

por Diego Eis

Resolvendo problemas de compatibilidades dos IEs

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

por Diego Eis

[offtopic] Nada como mudar um pouco

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

por Diego Eis

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

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

por Diego Eis

Desenvolvedor analfabeto (sim, é sobre WYSIWYG)

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

por Diego Eis

Estatísticas gerais pelo W3Counter

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

por Diego Eis

Ganhe uma entrada para o CodeShow

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

por Diego Eis

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

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

por Diego Eis

IE6 no Mac… (eu sei, é pecado)

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

por Diego Eis

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

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

por Diego Eis

Portais do governo serão adaptados para cegos

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

por Diego Eis

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

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

por Diego Eis

Google Reader para Wii

E eis que o Google lançou uma versão do Google Reader para Nintendo Wii. Você pode ler uma análise interessante no ZD Net ou ver por você mesmo em http://www.google.com/reader/wii. A versão para Wii funcionou muito bem em meu Firefox e, com textos e menus grandes, me parece bastante boa para que eu possa usá-la quando estiver com meu notebook conectado à TV. Ver esse treco me fez pensar em duas coisas.

por Elcio Ferreira

O futuro do CSS

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

por Diego Eis

The Web Design Survey

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

por Diego Eis

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

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

por Diego Eis

CSSHack para IE7, IE 6 e browsers de verdade

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

por Diego Eis

Comunidade Tableless – ao vivo e se mexendo

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

por Diego Eis

Before & After magazine

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

por Diego Eis

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

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

por Diego Eis

Coda – Mac only

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

por Diego Eis

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

Coleção de Layouts

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

por Diego Eis

99% é bom pra caramba

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

por Diego Eis

Pra que simplificar se pode complicar? (Offtopic?)

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

por Diego Eis

IE6 deve morrer

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

por Diego Eis

Há vagas na 32Bits™

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

por Diego Eis

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

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

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

por Diego Eis

Sobre Internet Banking

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

por Diego Eis

Cuidado para não regredir

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

por Diego Eis

Convertidos Tableless de volta

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

por Diego Eis

Explorando o Tableless.com.br

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

por Diego Eis

Conteúdo é o rei do batatal

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

por Diego Eis

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

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

por Diego Eis

Estruturando o código CSS

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

por Diego Eis

Comunidade Tableless

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

por Diego Eis

Muito Off! :-)

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

por Diego Eis

Bonito de se ver #48

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

por Diego Eis

Bonito de se ver #47

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

por Diego Eis

Bonito de se ver #46

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

por Diego Eis

WHATWG e o HTML 5

WHATWG and HTML 5 FAQ: Em 2004, depois de um workshop do W3C, Apple, Mozilla e Opera estavam se tornando cada vez mais preocupadas a respeito da direção do XHTML no W3C, perda de interesse no HTML e aparente indiferença para com as necessidades dos autores do mundo real. Então, em resposta, essas organizações ajustaram-se com a missão de enfrentar essas preocupações e o Web Hypertext Application Technology Working Group nasceu.

por Elcio Ferreira

2.7 Bilhões de Celulares

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

por Diego Eis

Bonito de se ver #45

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

por Diego Eis

Bonito de se ver #44

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

por Diego Eis

CSS3 – :checked

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

por Diego Eis

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

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

por Diego Eis

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

Bonito de se ver #43

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

por Diego Eis

Indicações de sites bonitos

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

por Diego Eis

Bonito de se ver #42

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

por Diego Eis

Retrospectiva 2006 – Junho

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

por Diego Eis

Bonito de se ver #41

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

por Diego Eis

Retrospectiva 2006 – Maio

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

por Diego Eis

Bonito de se ver #40

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

por Diego Eis

Retrospectiva 2006 – Abril

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

por Diego Eis

Bonito de se ver #39

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

por Diego Eis

Mobilidade na cabeça

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

por Diego Eis

Retrospectiva 2006 – Março

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

por Diego Eis

Bonito de se ver #38

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

por Diego Eis

Retrospectiva 2006 – Fevereiro

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

por Diego Eis

Sobre Padrões Web e Cursos Universitários

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

por Diego Eis

Bonito de se ver #37

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

por Diego Eis

Para ficar de olho: Microformats

Veja este artigo da Read/Write Web: Mozilla Does Microformats: Firefox 3 as Information Broker.

Enquanto isso, recebemos muitos e-mails de gente que ainda não entendeu o que são os tais microformats, ou, o que é muito mais comum, para que eles exatamente servem. Então vamos tentar elucidar, escolhendo um microformat como exemplo: hCard, um dos mais populares, vai servir perfeitamente.

por Elcio Ferreira

Retrospectiva 2006 – Janeiro

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

por Diego Eis

Me achando por aí

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

por Diego Eis

Tableless no Style Crunch

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

por Diego Eis

Não-IE: mais de 20% do mercado

Top Browser Market Share Trend for 2006 (@ br-linux.org) O que me chamou a atenção foi o fato de que, enquanto o Firefox subiu 4,5% do total de usuários durante o ano, o Internet Explorer e o Netscape juntos perderam 6%. Ou seja, tem bastante gente migrando para Opera, Safari e outros navegadores. O que é muito bom. Convém aproveitar para lembrá-lo de algo importante: mesmo que você não tenha números tão expressivos em relação ao Firefox, as estatísticas percentuais podem esconder o efeito “long tail”: 5% de um milhão são 50 mil.

por Elcio Ferreira

Um bom 2007

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

por Diego Eis

Bonito de se ver #36 – Especial de Natal 2006

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

por Diego Eis

E ano que vem?

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

por Diego Eis

Feliz Natal

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

por Diego Eis

Wallpapers

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

por Diego Eis

Designers de CSS – a missão

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

por Diego Eis

Designers de CSS

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

por Diego Eis

Doce passado

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

por Diego Eis

Bonito de se ver #35

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

por Diego Eis

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

Bonito de se ver #37

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

por Diego Eis

Bonito de se ver #36

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

por Diego Eis

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

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

por Diego Eis

Bonito de se ver #35

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

por Diego Eis

Bonito de se ver #34

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

por Diego Eis

Eventos, palestras, cursos e muito, muito trabalho

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

por Diego Eis

Opera Mini 3.0

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

por Diego Eis

Quer emprego ou quer anunciar um emprego?

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

por Diego Eis

Se virando pra testar – Parte 2: Desktops Virtuais

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

por Diego Eis

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

Cursos de Padrões Web e Workshop Grátis

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

por Diego Eis

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

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

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

por Diego Eis

Ainda sobre Bananas e Diamantes, ou como você trabalha

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

por Diego Eis

Validar é importante?!

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

por Diego Eis

Rapidinhas

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

por Diego Eis

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

Agregadores de Feeds

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

por Diego Eis

Estatísticas do Tableless FEED Outubro/2006

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

por Diego Eis

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

Redesign 2007

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

por Diego Eis

Podcast Tableless #24 – Testemunho WCA

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

por Diego Eis

IE7 Is Coming This Month…Are you Ready?

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

por Diego Eis

E o diferencial, onde fica?

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

por Diego Eis

Mudanças no IE7

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

por Diego Eis

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

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

por Diego Eis

Podcast Tableless #23 – .mobi

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

por Diego Eis

Quem deve se preocupar com os Padrões Web?

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

por Diego Eis

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

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

por Diego Eis

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

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

por Diego Eis

Adotando uma nova perspectiva com os Padrões Web

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

por Diego Eis

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

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

por Diego Eis

Lavando a roupa suja

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

por Diego Eis

Editores

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

por Diego Eis

Estatísticas do Tableless Julho-06

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

por Diego Eis

Podcast Tableless #21 – Desenvolvimento em camadas

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

por Diego Eis

Browsers e seus diferenciais

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

por Diego Eis

Video Tutorial #11 – Amostra do Opera Mini

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

por Diego Eis

Padrões Web em grandes empresas

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

por Diego Eis

Novo Yahoo! Brasil

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

por Diego Eis

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

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

por Diego Eis

Firefox 1.5.0.5 e Flofox Theme

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

por Diego Eis

Internet Explorer 7 e Automatic Update

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

por Diego Eis

Web Standards vs Tableless

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

por Diego Eis

CSS3 – Propriedade background

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

por Diego Eis

CSS3 – Novo mundo de possibilidades

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

por Diego Eis

Sobre nomes e sobrenomes

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

por Diego Eis

O que são Microformatos com Tantek Çelik

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

por Diego Eis

Entrevista com Hakon Wium Lie sobre CSS

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

por Diego Eis

CSS Modular – Breve explicação

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

por Diego Eis

Flock, ainda evoluindo.

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

por Diego Eis

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

Estatísticas do Tableless Junho-06

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

por Diego Eis

Assine o Feed do Tableless

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

por Diego Eis

Foxmarks

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

por Diego Eis

Portable Firefox

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

por Diego Eis

FootieFox: a Copa em nosso navegador predileto.

Dica do Marcelo Moreschi: FootieFox, acompanhe os jogos da Copa do Mundo em seu Firefox. Além disso, mostra os resultados de partidas de diversos países mas, infelizmente, não do Brasil.

por Elcio Ferreira

Google Page Rank Status

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

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

por Diego Eis

HTML Validator

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

por Diego Eis

Podcast sobre Microformatos

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

por Diego Eis

Video Tutorial #10 – Implementação de layout

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

por Diego Eis

Chatsum

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

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

por Diego Eis

CSS Viewer

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

por Diego Eis

Dreamhost com 60% de desconto!

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

por Diego Eis

Opera Mobile passa no Acid2

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

por Diego Eis

Wii usando Opera!

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

por Diego Eis

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

Livro sobre Padrões Web

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

por Diego Eis

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

Momento saudoso

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

por Diego Eis

Uma das vantagens dos Padrões

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

por Diego Eis

Subjetividade na Semântica

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

por Diego Eis

Eyesmiles: A missão

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

por Diego Eis

Web 2.0 Awards

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

por Diego Eis

A Semântica é que manda

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

por Diego Eis

Entrevista para WebDesign – Internet Móvel

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

por Diego Eis

del.icio.us/tableless

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

por Diego Eis

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

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

por Diego Eis

BlogBits Podcast #5 – A internet mudando pessoas

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

por Diego Eis

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

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

por Diego Eis

Semana da Mobilidade

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

por Diego Eis

Breve introdução: XHTML Mobile Profile

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

por Diego Eis

BlogBits Podcast #4 – Anúncios na Web

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

por Diego Eis

Video Tutorial #9 – Implementando a home de um site

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

por Diego Eis

A Era da Informação não chegou

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

por Diego Eis

TagSoup e programas WYSIWYG

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

por Diego Eis

Acessibilidade não é Altruísmo

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

por Diego Eis

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

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

por Diego Eis

Bonito de se ver #33

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

por Diego Eis

BlogBits Podcast #3 – Convergência Digital

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

por Diego Eis

Bonito de se ver #32

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

por Diego Eis

TVA inicia em maio os testes com WiMAX

Plantão Info – TVA inicia em maio os testes com WiMAX A operadora de tevê por assinatura TVA anunciou que inicia em maio os testes para a transmissão de banda larga por WiMAX. Esse assunto me interessa muito. Ainda vou trabalhar um dia inteiro com o notebook no colo, ou quem sabe um pocket, sentado na grama, na beira do lago do Ibirapuera. Prometo que mando fotos.

por Elcio Ferreira

Bonito de se ver #31

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

por Diego Eis

Bonito de se ver #30

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

por Diego Eis

Bonito de se ver #29

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

por Diego Eis

Bonito de se ver #28

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

por Diego Eis

BlogBits Podcast #2

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

por Diego Eis

Google Page Creator

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

por Diego Eis

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

Bonito de se ver #27

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

por Diego Eis

Celulares?! Onde?

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

por Diego Eis

Video do Opera para Mobile

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

por Diego Eis

BlogBits Podcast

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

por Diego Eis

Giving gamers two windows

Giving gamers two windows to the Web: The Opera Browser for Nintendo DS™ Gmail, Flickr, Del.icio.us e o Tableless.com.br em seu videogame portátil! Excelente lançamento da Opera, embalado no também excelente Nintendo DS. (vi nas Sinistras) Interessante: ouça o Pod sem Fio número 6, onde a Bia fala sobre um plano empresarial da Claro, sem limite de tráfego, por R$ 100,00/mês. As coisas ainda são muito chatas, complicadas e, principalmente, caras para quem quer internet fora do seu Desktop, mas estão melhorando.

por Elcio Ferreira

ZenGarage

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

por Diego Eis

Bonito de se ver #26

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

por Diego Eis

Del.icio.us direto pro Feed

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

por Diego Eis

Banana ou Diamante, qual você é?

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

por Diego Eis

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

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

por Diego Eis

Bonito de se ver #32

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

por Diego Eis

Tradução dos artigos do A List Apart

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

por Diego Eis

Wasabi – Seu amigo mais chegado

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

por Diego Eis

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

Podcast #17 – IE7 Beta 2 e Mercado de trabalho

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

por Diego Eis

O que são Media Types do CSS?

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

por Diego Eis

Ainda muito cedo para dizer…

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

por Diego Eis

Extension: Mouse Gestures

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

por Diego Eis

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

Principais pontos da Acessibilidade na Web

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

por Diego Eis

Quer testar o IE 7 beta?

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

por Diego Eis

Translation Panel

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

por Diego Eis

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

Session Saver

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

por Diego Eis

ColorZilla

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

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

por Diego Eis

Opera promovendo o Opera Mini

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

por Diego Eis

Video Tutorial #6 – Transformando layout fixo em fluido

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

por Diego Eis

Video Tutorial #7 – Centralizando o Layout horizontalmente

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

por Diego Eis

MeasureIt

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

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

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

por Diego Eis

Não alimente os Trolls

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

por Diego Eis

Feed arrumado (ou quase)

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

por Diego Eis

Podcast #16

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

por Diego Eis

Screen Grabdpres

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

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

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

por Diego Eis

FireFTP

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

por Diego Eis

Web Browser para TV

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

por Diego Eis

IE Tab

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

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

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

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

por Diego Eis

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

DreamTeam da Web Brasileira

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

por Diego Eis

Eyesmiles de volta!

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

por Diego Eis

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

Bonito de se ver #27

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

por Diego Eis

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 – Julho

Julho: Polícia prende dez jovens acusados de tráfico e apologia a drogas no Orkut Água em marte, Google na Lua! Sai o primeiro beta do IE 7. O Bruno explica RSS e ATOM, bem explicadinho. E esse, você viu? (gente doida…) Download.com se converte aos padrões. Nós aqui: 🙁, o Diego participa da Semana Azul e começa a testar o IE 7. Vai pro ar o novo site da EPTV, fruto do trabalho que fizemos lá.

por Elcio Ferreira

Bonito de se ver #26

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

por Diego Eis

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

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

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

por Diego Eis

Bonito de se ver #25

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

por Diego Eis

Descontos no DreamHost – para serviços anuais e mensais

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

por Diego Eis

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

2006, “tamo aí na atividade”!

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

por Diego Eis

Retrospectiva 2005 – Janeiro

A ano de 2005 foi um ano de evolução, de chegada à maturidade. Foi o décimo aniversário da Internet comercial no Brasil. A comunidade está menos propensa a abraçar “the next big thing”. Isso é muito bom. Todo o hype por trás do Ajax foi solenemente ignorado ele foi estudado e utilizado como a excelente ferramenta que é. A mesma coisa com essa consciência a respeito das possibilidades únicas da web que nós estamos chamando de “Web 2.

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

Bonito de se ver #24

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

por Diego Eis

Podcast #15

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

por Diego Eis

Feed Icons Standards

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

por Diego Eis

Feliz Natal

por Diego Eis

Tableless Podcast #14 e Feliz Natal

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

por Diego Eis

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

Bonito de se ver #23 – Brasil

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

por Diego Eis

IE para MAC deixado de lado (ainda bem)

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

por Diego Eis

Google, por quê?

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

por Diego Eis

Ainda arrumando

Os tutoriais sobre Ajax estão de volta.

por Elcio Ferreira

Podcast sob encomenda

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

por Diego Eis

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

SVG e o Firefox 1.5

Finalmente podemos falar em SVG na Web. Ou quase… Falta o Internet Explorer. Veja uma breve introdução ao assunto, com alguns exemplos do que é possível. Atenção! Você precisa do Firefox 1.5 para ver esses exemplos. O Opera para Windows trava se você tentar acessar. O Opera 8.5 para Linux se comporta bastante bem.

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

Novidades no Gmail

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

por Diego Eis

MozTorrent

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

por Diego Eis

Cada um na sua

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

por Diego Eis

Bonito de se ver #21

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

por Diego Eis

Firefox 1.5

Alô early adopters! Saiu o Firefox 1.5! As principais mudanças: O processo de update foi automatizado. Tentaram tornar a navegação ainda mais rápida. Você pode arrastar as abas para reordená-las Tem um jeito rápido de limpar os rastros da navegação (histórico, cookies, etc.) Suporte a Javascript 1.6 e SVG. (SVG! Legal! Já estou imaginando possibilidades…) Baixe aqui.

por Elcio Ferreira

Css para diagramar livros

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

por Diego Eis

Dando atenção para a Acessibilidade

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

por Diego Eis

Podcast Tableless #13

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

por Diego Eis

Código novo, maneira velha

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

por Diego Eis

Feed Validation Service pela W3C

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

por Diego Eis

Bonito de se ver #20

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

por Diego Eis

Bonito de se ver #19

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

por Diego Eis

Kill Bill´s Browser

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

por Diego Eis

Web Standards e a Pílula Vermelha

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

por Diego Eis

CSSVista

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

por Diego Eis

HTML ou XHTML?

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

por Diego Eis

Liberdade é estar conectado

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

por Diego Eis

A Web Semântica

Entenda o que significa Web Semântica.

por Diego Eis

Browsers e seus mundos

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

por Diego Eis

A plataforma chamada Web

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

por Diego Eis

Bonito de se ver #18

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

por Diego Eis

Problema com o servidor

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

por Diego Eis

Um novo conceito de browser

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

por Diego Eis

Podcast Tableless #12

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

por Diego Eis

Bonito de se ver #17

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

por Diego Eis

Apple virando tableless

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

por Diego Eis

Css Hacks e IE 7

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

por Diego Eis

Bonito de se ver #16

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

por Diego Eis

Podcast Tableless #11

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

por Diego Eis

Firefox 1.0.7

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

por Diego Eis

HP oferecerá máquinas com Netscape

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

por Diego Eis

Bonito de se ver #15

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

por Diego Eis

Browser Speed Comparisons

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

por Diego Eis

Curso de Tableless

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

por Diego Eis

Internet Explorer Developer Toolbar Beta

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

por Diego Eis

Par Perfeito abrindo vagas

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

por Diego Eis

Slashdot Tableless

Slashdot, o site de um milhão de usuários, tableless. Não encontrei números em lugar nenhum, mas comparei a home atual com uma do Archive.org, 9,5KB de HTML contra 42,5KB da anterior. Valeu Marcelo e Victor pelo aviso.

por Elcio Ferreira

Opera Grátis e um recesso rápido

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

por Diego Eis

Revolução CSS

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

por Diego Eis

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

Bonito de se ver #14

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

por Diego Eis

Web Semântica – Introdução

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

por Diego Eis

Usando o Firefox como ferramenta de desenvolvimento

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

por Diego Eis

GAP é Tableless

Gap agora é Tableless. Um erro aqui, outro ali, mas muito exemplar.

por Diego Eis

Uso correto das tabelas

O Henrique Pereira fez um artigo interessante que fala sobre como usar as tabelas e suas tags corretamente. Semântica de tabelas

por Diego Eis

Video Tutorial #5

Video Tutorial #5… Desta vez mostrando como se fazer um CARREGANDO IMAGEM só com CSS. Ver Video Tutorial #5. Tempo: ~3m50 Tamanho: ~6,85Mb O exemplo que usei, pode ser visto aqui. O Campus Online é um lugar onde você encontra vídeos com boa resolução sobre Tableless, Ajax, Javascript e boas práticas de desenvolvimento. O cadastro é grátis!

por Diego Eis

Bonito de se ver Brasil #2

http://ah.com.br/ http://www.azevedosette.com.br/ http://www.nutrinet.com.br/ http://www.nerdhost.com.br/ http://www.expedicaoparana.com/dinamico/

por Diego Eis

CSS Table Gallery

Vou ver se mando um CSS para lá… Mande você também! CSS Table Gallery

por Diego Eis

Firefox 1.5 is coming

Firefox 1.5 Beta 1. Se você quiser dar uma olhada em mais detalhes: Mozilla Developer News

por Diego Eis

Microsoft Dropping Support for XHTML1.1

Microsoft Dropping Support for XHTML1.1 Não preciso nem comentar.

por Diego Eis

Ajax para quem só ouviu falar

Sempre que um assunto entra em voga, aparece um monte de gente perguntando as mesmas perguntas de sempre. E, quando eu já estudei alguma coisa sobre o assunto, eu sempre tento, inutilmente, é verdade, escrever um artigo que elimine as dúvidas iniciais e mostre o “camino das pedras” para quem só ouviu falar naquilo e quer saber o que é, pra que serve, e ter uma idéia de como se faz.

por Elcio Ferreira

Registro do Opera GRÁTIS – Só hoje

Comemorando seus 10 anos, o Opera está distribuindo de graça, códigos de registro para seu Browser. Aproveite porque É SÓ HOJE! Registro do Opera Grátis Para saber mais sobre a “festa”: Opera 10-year online anniversary party

por Diego Eis

Video Tutorial #4

Nesse Video Tutorial, estou explicando como se faz um image replacement sem usar a tag SPAN. Um bocado de gente me pediu, então, aí está. Tamanho: 5,82Mb Tempo: ~6m Ver Vídeo Tutorial Para ver mais vídeos sobre Tableless, visite o Campus Online!

por Diego Eis

Podcast Tableless #10

Desta vez falamos sobre apenas uma coisa: O que é tableless?! Uma discussão bastante interessante com Bruno Torres, Thiago Rigonatti e Eu. Baixei direto o Mp3 Tempo: ~46min Tamanho: 10,7Mb Adicione também nosso Feed ao seu iTunes ou agregador de podcast preferido…

por Diego Eis

RevistaW: Matéria sobre Tableless

A edição desse mês da RevistaW trás uma matéria bem legal sobre Tableless/Web Standards. E há uma colaboração minha. Recomendo para iniciantes no assunto. Estou gostando de ver o interesse crescente do pessoal. Espero que continue assim por muito tempo ainda.

por Diego Eis

Bonito de se ver #13

http://www.stirman.net/ http://www.lisamcmillan.com/ http://www.pilok.com/ http://www.maniacalrage.net/ http://www.egographies.com/

por Diego Eis

A List Apart novo em folha

O A List Apart está todo novo… Desde o sistema até design e implementação. Os responsáveis pela reestruturação são: Jason Santa Maria, que fez o novo Design, Eric Meyer a implementação em CSS, Dan Benjamin ficou com o CMS e Erin Kissane and Jeffrey Zeldman na direção. Não preciso falar nada sobre cada um dos citados acima. O trabalho e a reputação deles falam por si.

por Diego Eis

Bradescompleto é Tableless

Ainda não é a HOME principal do site do Banco. Mas, tem que começar de algum ponto, não é? Bradescompleto Dica do Alexandre Gomes

por Diego Eis

Podcast Tableless #9

Falamos sobre o interesse do Google de comprar a Mozilla Foundation, contribuição da IBM para o Firefox, Sistemas para Mobiles, Padrões HD-DVD e BlueRay, e mais. Tableless Podcast #9

por Diego Eis

Série de artigos

Galera, eu estava pensando em começar uma série de artigos aqui no tableless. Seriam artigos falando sobre um assunto específco…. Eu poderia ter já escolhido um tema.. mas decidi deixar isso a critério de vocês… já que são vocês que lerão. Minhas sugestões seguem abaixo. Claro, vocês podem sugerir outros temas, ou apenas acrescentar algo em algum tema que sugeri. Acessibilidade Web Standards e Dispositivos Móveis Vantagens dos Web Standards Web Semântica Mais alguma sugestão?

por Diego Eis

Charges.com.br é Tableless

Mais um brazuca que vira tableless! Charges.com.br. Parabéns a toda equipe!

por Diego Eis

Goodyear Brasil é Tableless

E o site da Goodyear Brasil virou Tableless! Parabéns a toda equipe. Goodyear Valeu ao Igor (dvd) pelo toque.

por Diego Eis

Exemplos de CSS

As vezes é extremamente difícil encontrar um bom exemplo que explica uma determinada propriedades. Mas o site CSS Tests dá uma boa ajuda quanto a isso. Ele não mostra exemplos de todas as propriedades do CSS. Claro, isso seria um trabalho extremamente insano. Mas os exemplos listados no site, são bem práticos. Ótimo para estudo. Muito interessante. Visto no Css Beauty.

por Diego Eis

Bonito de se ver #12

http://www.to-done.com/ http://www.kevinleitch.co.uk/wp/home.php http://www.release1-0.com/ http://www.clovekvtisni.cz/madan/ http://www.designhammer.com/

por Diego Eis

O que é Tableless?

A Web foi criada para ser um ambiente onde fosse possível trocar informações livremente, e que essas informações pudessem ser acessadas ao redor do planeta por qualquer pessoa. Em 1994, foi criado o W3C (World Wide Web Consortium): um consórcio internacional, onde são desenvolvidas os padrões para a web (Web Standards) tais como: HTML, CSS, XML, XSLT, entre outros. Naquela época, no mercado de browsers, as opções ainda eram poucas: consistiam apenas em Lynx, Mozaic e Netscape Navigator, da Netscape Communications, então liderada por James Clark.

por Diego Eis

FAQ sobre Tableless

Entenda o que são Web Standards, o que é Tableless, quais as vantagens, relação com acessibilidade e tudo mais.

por Diego Eis

Moderação de Comentários

Eu não gosto de moderar comentários dos usuários do site. E como vocês sabem, nos 3 anos e poucos que o site tem, nunca moderei um comentário, a não ser os malditos spammers. Mas, a partir de hoje, vou começar a moderar. Existem algumas pessoas que não sabem criticar mantendo o devido respeito com as pessoas. Ofensas e provocações pessoais serão devidamente excluídos. Logo, qualquer comentário que ofender qualquer pessoa daqui do site, tanto os mantenedores quanto os usuários e leitores, será deletado.

por Diego Eis

Podcast Especial 2

Podcast Especial de novo. Não tenho a mínima idéia de qual número é o podcast… Se alguém souber, por favor! 😀 Falamos sobre Windows Vista, Ie 7, conversões de sites grandes como Download.com e Bol, validar ou não validar, konfabulator, mouse novo da apple, e mais… Link para o MP3 – 7.98Mb

por Diego Eis

Internet Explorer 7 Reviews

Eu prometi que falaria sobre o Internet Explorer 7. Mas, como esse beta que saiu não era para o público em geral, e sim para um grupo fechado de desenvolvedores, vou esperar para testar a versão final. Assim, não perco tempo falando de bugs que serão arrumados na última versão. Em compensação, aqui vão alguns links sobre o Internet Explorer 7. Artigo sobre lançamento Lista de correções de CSS. [

por Diego Eis

Bol Tableless

E mais um grande site brasileiro vira tableless. BOL. Parabéns a toda equipe envolvida. Dica por email do André

por Diego Eis

Criadores de caso

Hoje pela manhã, li um ótimo post feito pelo meu amigo Bruno Torres, que me deu um pouco de coragem para escrever algo aqui também. Pessoas como o camarada que escreveu esse artigo na IDG Now surgem todo tempo. Visitantes como o companheiro que comentou no site do Bruno, e também como o “Lucas”, que comentou aqui no Tableless, são aqueles tradicionais “criadores de caso”. Não se dão ao trabalho de ir mais a fundo no assunto para assim discutir como gente interessada e interessante.

por Diego Eis

Abril.com.br Tableless

A home do site da Editora Abril agora é Tableless. Ótimo trabalho. Claro, como qualquer um, ainda há erros que o validador indicou… Mas já é um grande avanço para a web brasileira… Estamos percebendo que as empresas estão interessando… A pílula vermelha está começando a fazer efeito! Welcome to real World, Neo. Ops… Abril. 😀

por Diego Eis

Bonito de se ver #11 (Brasil)

http://www.perfilato.com.br/ http://www.abrafoto.org/ http://www.quimerafilmes.com.br/ http://www.braziltour.com/ http://www.zeroseis.com.br/

por Diego Eis

Internet Explorer 7

O Internet Explorer 7 já está devidamente instalado aqui no meu computador… Ou quase. Esperem para semana que vem um post com mais detalhes. Enquanto isso, leiam o que o Bruno Torres e o Dave Shea escreveram. Minha primeira impressão?! Decepcionante. Mas posso mudar de opinião. Ou não. Quer? Toma.

por Diego Eis

Bonito de se ver #10

http://www.weeklyread.com/ http://www.webgraph.com/ http://pandora.alexsancho.name/ http://www.coldtreepress.com/ http://www.bradtuckman.com/

por Diego Eis

Semana Azul

25⁄07 – 12:38 UPDATE : Participarei da Semana Azul falando sobre Padrões Web e companhia, na quarta-feira (27⁄07) às 20h. lá no canal de IRC do Mozilla Brasil – #mozilla-br. Semana que vem, dos dias 25 a 31, haverá um evento muito interessante chamado Semana Azul. Esse evento online, é um esfoço do XUL:Brasil juntamente com a Mozilla Brasil. A programação será feita via IRC. Não precisa baixar nenhum cliente de IRC… o Firefox tem uma extensão chamada ChatZilla, que possibilita a troca de mensagens em IRC.

por Diego Eis

Download.com Tableless

Eu não sei se faz tempo, que eu sou o atrasado… mas vi hoje que o Download.com mudou totalmente seu site… O design ficou muito bom, e seu código agora está seguindo os padrões. Claro, ainda há uns erros simples no código, é só tentar validar… Mas mesmo assim, o trabalho ficou muito bom. Bela novidade.

por Diego Eis

Help The CSS Working Group With Backgrounds and Borders

Saiu no Web Standards Project: Help The CSS Working Group With Backgrounds and Borders Kevin Lawver, representante do Grupo que define as regras para o CSS, está dando uma oportunidade muito interessante: Ele precisa de idéias e sugestões para fazer a especificação do módulo de Bordas e Backgrounds do CSS3. Como o Chris Kaminski disse no seu post no Web Standards Project: É uma oportunidade de ouro. Um “valeu” ao Henrique Costa pelo toque…

por Diego Eis

Acessibilidade Urgente

Sábado passado eu fui a um rodízio de pizza. Tirando a pizza de sorvete, havia mais uma coisa interessante: Na mesa logo atrás da minha, havia um grupo de pessoas e todas elas eram deficientes visuais. Eu não pude perder essa oportunidade, fui conversar um bocado com eles. Claro, perguntei a eles se acessavam a internet e que programa usavam. Ouvi quase em uníssono: JAWS. Disseram que ele era o melhor até agora para acessar sites.

por Diego Eis

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

Podcast Especial Tableless

O caso do Tableless, ferramentas de podcasting, ajax um monte de besteiras. Desta vez participaram Diego Eis, Elcio, Bruno Torres, Thiago Rigonatti e Danilo Medeiros. Clique aqui para baixar o MP3. E o RSS com Podcast do tableless, você pode assinar por aqui.

por Diego Eis

Camiseta – R$ 16,00

Galera, a camiseta do tableless está R$16,00.

por Diego Eis

Problema – Deslocamento no Hover

Esse problema foi enviado pelo Antonio Maganhote. Ele me mostrou esse problema e me perguntando uma solução. Não vou explicar muito a origem do problema… Prefiro que vocês batam cabeça e descubram. Já resolvi aqui… Vou dar um tempo para vocês e depois posto! Problema de deslocamento no Hover O problema acontece com o IE, ao passar o mouse nas opções do menu.

por Diego Eis

Bonito de se ver #9

http://vitor.novasfera.com/ http://www.fmemoria.com.br/ http://www.dr1.com.br/ http://www.eyepunch.com/ http://www.revistanossoamiguinho.com/

por Diego Eis

EYESMiLES

Galera… Redesenhei meu blog: EYESMiLES Este é o meu extraoficial. Não tem nada a ver com oTableless, apesar de eu falar de vez em quando sobre o assunto. Vocês vão estranhar os poucos posts… mas é que eu remodelei todo o XML, e o sistema de publicação feito pelas velhinhas cegas que vivem nas cavernas do Grand Canyon. Mas é isso. É tableless. 😀

por Diego Eis

Firefox 1.0.5

Firefox 1.0.5 liberado.

por Diego Eis

Podcast Especial Tableless

Eu, o Bruno Torres e o Thiago Rigonatti fizemos mais um podcast. Falamos sobre MacIntel, Google Earth, Aniversário do Bruno, e muito mais!

por Diego Eis

Sobre RSS, Atom e etc

O Bruno Torres fez um post muito, mas muito bom sobre RSS, ATOM e etc… O legal é que não é só para pessoas técnicas, mas sim para aqueles que não são profissinais da área. Vale a pena dar uma olhada e indicar para sua mãe, namorada, irmã, tia, avô, avó, passarinho… Feeds RSS e ATOM

por Diego Eis

Bonito de se ver #8

http://hb.cult.bg/ps/ http://www.superdeluxe.ch/ http://brightcreative.com/ http://www.artypapers.com/ http://www.pixelgraphix.de/

por Diego Eis

Bug dos 3 Pixels

O Internet explorer tem um bug muito peculiar. Muita gente tem chamado de BUG dos 3 pixels. Não vou perder tempo explicando isso, vejam o que acontece, e a solução aqui! Solução, vista originalmente no CSS Playground.

por Diego Eis

Rapidinhas: WASP dando uma força para Microsoft

WaSP to Collaborate with Microsoft to Promote Web Standards

por Diego Eis

Bonito de se ver #7

http://www.angiebrown.com/ http://www.sendaviva.com/ http://www.plastikfantastik.net/ http://www.recipeforsuccess.uk.com/ http://webreakstuff.com/

por Diego Eis

Bradesco Convertido

Recebi ontem um trabalho de conversão muito bom. Acho que o Walter (autor do trabalho), aproveitou a discussão sobre sites de bancos, e converteu o site do Bradesco. Quero parabenizar o Walter Michel por ter feito esse ótimo trabalho. Foi um dos melhores trabalhos que já recebi… O site do Bradesco é um tanto complexo. Eu mesmo queria ter convertido, mas sempre batia uma preguiça ao ver todos detalhes…. Ainda bem que existem pessoas mais bem dispostas do que eu!

por Diego Eis

Camisetas do Tableless (finalmente)

UPDATE Galera, até que eu arrume o sisteminha, por favor, façam o seguinte: se alguém quiser a camiseta, por encomenda normal, envie-me um email, pode ser pelo contato mesmo. me falando seu endereço completo, nome completo, e qual camiseta.. Se alguém quiser ver o preço de todos os estados, baixe a planilha: Frete Encomenda Normal Ok?! Galera, finalmente saiu. Camisetas do Tableless Ahh, essas são em número limitado, então não embaça não… Compra logo a sua antes que acabe.

por Diego Eis

Rapidinhas: Google to buy Mozilla?

Google To Buy Mozilla?

por Diego Eis

Comparando os navegadores

Vi no URL Sinistras um post sobre um artigo que saiu no site da UOL, comparando os navegadores Internet Explorer, Opera e Firefox. No artigo tem uma tabela com a opção: Acesso a sites de bancos. Lá, está marcado que os navegadores Firefox e Opera são instáveis em sites de bancos. Calma aí…. Instáveis?! Isso tira toda a culpa dos desenvolvedores que negligenciam os padrões, e coloca em cima dos browsers.

por Diego Eis

Pong no Firefox

Mas que coisa…. Do mesmo jeito que existem extensões que nos ajudam com o trabalho, há aquelas extensões que podem ser um atentado a produtividade do desenvolvedor… :-b Pong for Firefox

por Diego Eis

Rapidinhas: Instale, Experimente

Opera 8.1: não testei no Windows. Aqui no Linux ficou rápido como uma bala! Mais rápido que o próprio Konqueror, mantendo a tradição do Opera de ser um navegador leve, muito leve. Experimente. Para quem anda reclamando do Firefox ser muito pesado, uma excelente opção. GeoURL Firefox Extension: Mostra um ícone na barra de status para sites com suporte a GeoURL. A idéia é interessantíssima e eu já coloquei as tags de GeoURL aqui no Tableless.

por Elcio Ferreira

Rapidinhas: Novidades

Charges do BBB5: Tableless. Quem sabe não temos em breve todo o Charges.com.br em Tableless, hein? Backbase: já cansei de ouvir gente elogiar esse site e o produto deles. RIA com javascript e XML. Não consigo acessar daqui (já tentei navegadores e sistemas operacionais diferentes, e até outra máquina…) Alguém pode me contar o que tem de bom? De cara, já se percebe uma vantagem do Ajax bem utilizado: se o sujeito não tiver javascript ele consegue acessar o site assim mesmo, com todas as suas funções.

por Elcio Ferreira

Rapidinhas: Podcasting

O Alexandre Sena, que mantém um podcast muito interessante, publicou ontem seu terceiro podcast: O “top 10 do podcasting brasileiro”. Obrigado ao Sena por citar o Tableless. Independente disso, excelente post, que mostra como os podcasts brasileiros estão crescendo. A Revista INFO colocou no ar seu podcast, o “Minuto Tech”. Muito bom. Uma pena que o meu cliente de podcast, o Podracer, não consiga entender o feed da INFO.

por Elcio Ferreira

HSBC Tableless!

Como alguns já sabem, o site do banco do HSBC virou tableless. Foi a Atípico que treinou a turma de desenvolvedores do site (eu era um dos professores). Pois é. Não tenho certeza, mas acho que é o primeiro banco com site que segue os Web Standards. Ótima iniciativa. Claro, o código não está perfeito (existe código perfeito?), há muitas coisas que podem ser melhoradas, mas sem dúvidas, melhor que a concorrência (mas aí tá fácil).

por Diego Eis

Bonito de se ver #6

http://www.unmatchedstyle.com/gallery/ilmols_labratory_blog.php http://www.oneplayer.co.uk/ http://www.nostalgiaantiques.com.au/ http://www.jonathan-charles.com/ http://www.lindavennstrom.com/ Update Galera… Quem é visitante veterano aqui no site, se lembram que aqui tinha uma galeria, que por sinal era enorme, de apenas sites brasileiros e que seguiam Web Standards. Nessa versão nova do site, eu não quis colocar, uma porque eu não achava interessante colocar apenas links de sites brasileiros só pelo motivo de eles seguirem os Padrões. Então eu tirei.

por Diego Eis

Em qualquer dispositivo…

Jovem acessará internet banking por videogame Os sites de bancos são uma lástima, e isso desde sempre. Os melhores sites de internet banking que temos hoje, ainda usam várias homes para diferentes browsers. Outros usam tecnologia que funciona apenas em um tipo de plataforma. Chegamos a um ponto que ou mudamos ou mudamos. Não adianta ir contra o fluxo.

por Diego Eis

Problema – Caractere Duplicado

Estava aqui, todo feliz, implementando um layout, quando me deparei com um bug… no maldito do IE. Visitem esse link. Você percebe que nos navegadores de verdade, está funcionando perfeitamente… Mas ao abrir no Ie (no meu caso 6), aparece um caractere logo abaixo das caixas. Você também percebe que aquele caractere faz parte da terceira caixinha. Alguém se habilita a tentar resolver? A resolução é bastante simples, e descobri dois jeitos de resolver.

por Diego Eis

Browser de código aberto em Celulares

Celular da Nokia terá browser de código aberto Muito interessante a união da Nokia com a Apple para fazerem esse browser. E sabendo que esse browser será baseado no Safari, é uma ótima notícia. Acho que a competitividade entre browsers de disposítivos móveis está começando! Promete ser interessante. E sem dúvida, com bons browsers tomando a dianteira, os desenvolvedores, ficarão mais tranqüilos.

por Diego Eis

Nokia 770

Recentemente a Nokia lançou um handheld chamado Nokia 770. Interessantíssimo. Não, calma, esse site não virou um site de Gadgets… Com ele, você pode acessar a internet por conexão sem fio. Seu sistema operacional é baseado em Linux, isso aí, LINUX, com kernel 2.6 baseado em Gnome. E o melhor, sabe que browser é usado?! OPERA ou o MiniMO da Mozilla. Que resolução?! 800×480. Pois é. Qualquer dispositivo, qualquer plataforma, qualquer browser, e em qualquer lugar.

por Diego Eis

O que há de novo no Firefox?

O Elcio fez uma pequena avaliação sobre o novo firefox que está para sair. O que há de novo no novo Firefox, o DeerPark Alpha 1 Site do Firefox

por Diego Eis

Bonito de se ver #5

http://scamper.org/ http://www.screenz.de/ http://www.skillswap.org/ http://www.charlesmartinbooks.com/ http://www.thestrawman.com/

por Diego Eis

Otimize seu CSS

Css Optmizer Não é muito bom, mas é interessante.

por Diego Eis

Menu Dropdowns

Quem já teve um pouco de dor de cabeça para fazer um Menu Dropdown, vai gostar dos links abaixo. São soluções bastante interessantes. Tanfa – Css Drodown Menu Tanfa – Menu Vertical Tanfa – Menu Horizontal TJKDropDownMenu CssDiscuss – ListMenus

por Diego Eis

CSS Frame Emulation

Interessante… Não to com tempo de estudar isso… mas aqui vai para vocês estudarem antes de mim! 😀 CSS Frame Emulation

por Diego Eis

Nada de Hacks

Artigo que saiu no StyleGala mostrando uma alternativa para não usar hacks no CSS e manter um pouco mais compatibilidade com o CSS-P. No more CSS Hack Na minha opinião, não vale tanto esforço.

por Diego Eis

Atualização no Draft do XHTML 2.0

O rascunho do XHTML 2.0 foi atualizado. Vale a pena dar uma olhada. W3C Working Draft 27 May 2005 update: O XHTML 2.0 é o passo definitivo para acabar de vez com a formatação junto com a estrutura do documento. O XHTML 1.0, foi apenas uma transição do HTML para o XHTML. É aí que o HTML velho, fica para trás definitivamente. Ele trás muitas mudanças como por exemplo: A tag img some, ela será substituída por object.

por Diego Eis

Extension: Web Developer

O Firefox tem alguams extensões que são muito úteis para a boa produtividade do Desenvolvedor.

Tentarei dar algumas dicas dessas extensões aqui durante um tempo.

Vou começar essa série com a extensão WebDeveloper.

por Diego Eis

Bonito de se ver #4

http://www.wilyfox.com/ http://www.theartbureau.com/ http://www.squarespace.com/ http://www.revistanossoamiguinho.com/ http://www.kick-image.at/

por Diego Eis

Web Standards – More than Just

http://govis.signify.co.nz/

por Diego Eis

Contest – Finalizado – Meu Parecer

Galera… Debaixo de muita crítica, sugestões, idéias e tudo mais… me reuni com o conselho federativo do site Tableless.com.br, e decidimos fazer o seguinte: O ganhador da votação será premiado. Mas, sua camiseta não será vendida no site. Peço desculpas e compreensão, não só para o vencedor, mas sim para todos aqueles que colaboraram de alguma forma. Farei eu mesmo uma camiseta, e colocarei aqui no site. Acho que eu não tinha o direito de colocar os participantes debaixo das críticas afiadas dos leitores deste humilde site.

por Diego Eis

Netscape 8

Saiu a versão 8 do browser Netscape. Não vou comentar. Não sei da onde saiu a idéia de colocar o motor do Internet Explorer. Alguém sabe?

por Diego Eis

Votação – Vista esta Camisa

Galera… Estou muito atarefado esses dias. Para vocês terem uma idéia, estou postando de Campinas-SP… Se eu soubesse que iria ser corrido, tinha deixado o contest para mais tarde. As votações vão até o dia 20! Votem! Abaixo, vocês podem conferir as camisas: Che Guevara Tableless iChing Logo Tableless Vencedor Logo Tableless. Em segundo lugar Che e em Terceiro, iChing.

por Diego Eis

Vista esta Camisa – Mudanças

Galera… Obrigado por participarem! Mas há algumas mudanças que eu gostaria de fazer e que só vieram a tona agora! Recebi muitas colaborações, e fico agradecido por isso… Mas vi que vocês estão se apegando muito ao logo do Tableless. Claro! Tem que ter o logo do Tableless, mas não ficar totalmente preso a ele. Mesmo porque ele não é um logo conhecido por todos. No site LinuxMall há uma parte para vendas de camisetas, dei uma navegada e achei essa camiseta Código Binário.

por Diego Eis

W3C Launches Mobile Web Initiative

Não digam que eu não avisei. W3C Launches Mobile Web Initiative

por Diego Eis

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

Bonito de se ver #3

http://johandahlstrom.se/ http://emericawildinthestreets.com/ http://www.blogio.de/ http://www.challies.com/ http://www.thedarns.com/

por Diego Eis

Adobe GoLive Cs2

Estava dando uma olhada nas novidades nas versões CS2 dos programas da Adobe. Então, por acaso, vi algumas novidades no Adobe GoLive Cs2. Usei uma vez o GoLive há muito tempo. E hoje, vendo as novidades que Adobe implementou, vi que ele melhorou muito. Nessa última versão (CS2), não deixei de notar que eles estão dando uma atenção fabulosa para o Padrões Web. Notei também que eles estão dando uma atenção especial ao suporte de CSS para dispositivos móveis!

por Diego Eis

Em qualquer lugar com qualquer dispositivo

Seguir os Web Standards é muito mais que ganhar aquelas vantagens que todos já conhecem. Essas vantagens que os usuários e que os desenvolvedores ganham logo que abordam os Padrões, são apenas o princípio. Com o advento da internet móvel – que já é uma realidade – nunca foi tão importante desenvolver sites que funcionem em outros dispositivos que não sejam Desktops. Vou ser um pouco ousado, se me permitem: Desenvolver sites que seguem os Padrões Web, mas pensando apenas em Desktops, é um erro tão grave quanto não abordar os Padrões.

por Diego Eis

2005 CSS Reboot

Belo projeto. Todo dia 1º Maio, designers que fazem seus sites seguindo os padrões, fazem um redesign de seus sites. Esse projeto não é novo. Ele foi inspirado em outro projeto que tinha a mesma missão, só que em vez de CSS, os designers usavam Flash. Sobre o Projeto O cara da Idéia O projeto em Flash

por Diego Eis

Bonito de se ver #2

http://chiseko.hosted.doosh.net/ http://www.davyvandenbremt.be/blog/ http://www.monolinea.com/ http://www.subsystence.net/volume5/ http://www.cuartopiso.com/web/

por Diego Eis

Fácil e rápido

Um Gif mostrando a facilidade de fazer um layout baseado nos Web Standards. Link @ URL Sinistras

por Diego Eis

50 Milhões de Raposas

Pois é… Agora já são mais de 50 Milhões de raposas navegando na web. E o número, felizmente, continua crescendo. 50 Millions on Friday! Spread Firefox

por Diego Eis

Internet Explorer no Linux

Alguns posts atrás, disse que no Linux não tinha Internet Explorer. Retiro o que disse: Internet Explorers for Linux Claro que não são a mesma coisa, só serve para aqueles que usam linux testar os sites. Link @ fechaTAG

por Diego Eis

1 Milhão de Downloads

Uma notícia meio que velha já. O Opera teve 1 Milhão de Downloads em 4 dias. 1 dia a menos que o Firefox. Acontece que o legal disso tudo, é que o CEO da Opera, o Jon S. von Tetzchner, tinha prometido que se essa marca fosse alcançada, ele nadaria da Noruega até os Estados Unidos. Mais uma ótima notícia para os desenvolvedores. Quantos milhões de downloads será que o Internet Explorer tem?

por Diego Eis

Bonito de se ver #1

http://stevepsharpe.co.uk/ http://www.certovka.info/eng/ http://www.steinruckdesign.com/ http://www.karmatics.com/aardvark/ http://www.newinphilly.com/ http://www.jeremyboles.com/

por Diego Eis

PalmOne Convertida

Obrigado ao Francisco Penedo por ter nos enviado mais um Convertido. Desta vez, ele converteu o site da PalmOne. Não é a primeira vez que o Francisco converte um site. Ele já converteu o site da Siemens também. Parabéns.

por Diego Eis

Software Livre: A missão

A Simone tocou num assunto que está sendo muito discutido por aí… e que na primeira impressão, muitos pensam que não tem muito a ver com desenvolvimento web, web standards, e tudo mais. Em Linux não há Internet Explorer. Logo, pessoas de baixa renda comprando esses computadores, usando linux, provavelmente usando Firefox ou até mesmo Konqueror para acessar a internet. Pois é… Acho que vocês já sabem o que quero dizer.

por Diego Eis

Sun Convertida

Obrigado ao Tiago Madeira por ter nos enviado mais um Convertido. Ele converteu o site da Sun Microsystems.

por Diego Eis

Comentários do Post Anterior

Galera, Vi nos comentários do Post anterior, que algumas pessoas não estão gostando dos banners do Google e das propagandas relacionadas a Atípico. Gostaria de agradecer aos que comentaram, esse site não seria nada sem as pessoas que expressam sua opinião sobre um determinado assunto. Desculpe pelas propagandas. Há certos custos que precisamos arcar quando mantemos um site. Vou tentar fazer umas camisetas para vender mas até lá, os banners irão ficar onde estão.

por Diego Eis

Notícias sobre Internet Explorer 7

Que ótimo!! Li no Veerle algumas coisas que me deixaram um pouquinho feliz sobre o Internet Explorer 7. Uma delas é que o Browser vai passar a suportar o canal Alpha de imagens PNG. Outra coisa legal, é que aqueles bugs que, por exemplo, o site Position Is Everything vão ser resolvidos. Quem viver, verá. Mais detalhes

por Diego Eis

Curso de Tableless e Ajax

A Visie é pioneira em ministrar cursos presencias de Padrões Web, Tableless, AJAX e companhia… Você pode fazer cursos individuais ou empresariais treinando grandes equipes. Já treinamos equipes de empresas como Editora Abril, Petrobrás, Terra, Unisys e muitos outros! Nós ensinamos pessoas que tenham interesse pela profissão e pela internet. Que gostem de informação e saibam que a internet é algo que muda o relacionamento das pessoas. Ensinamos no curso de tableless a escrever código com significado semântico, organizado e fácil de ser indexado por buscadores.

por Diego Eis

Matéria sobre Tableless

Tableless: A nova Web Esta é a matéria de capa da revista WebDesign. A matéria foi escrita pelo André Philippe Iunes, mas eu tive o prazer de contribuir juntamente com o Elcio e a Simone Villas Boas. Espero que gostem!

por Diego Eis

The Css Playground

Divirta-se The Css Playground

por Diego Eis

IE comendo mosca

update: 1º de Abril. O engenheiro da Micro$oft, Adrem Resworb, do time que está trabalhando no desenvolvimento da nova versão de seu pseudo-browser do ícone azul, afirmou extra-oficialmente que ele e seus pares estão trabalhando em uma adaptação de um engine open-source de renderização HTML e CSS. Esse engine seria supostamente baseado em gecko (lagartixa em português, por isso comendo mosca), usado pelos navegadores, já conhecidos de todos, Mozilla e Firefox, além do Netscape.

por Diego Eis

Browsers dos Dispositivos Móveis

Dispositivos Móveis. Este é um terreno muito estranho para os desenolvedores de sites. Talvez você tenha ouvido falar em fazer sites para Dispositivos Móveis (Mobiles) depois que começou a estudar Web Standards. Confesso que comecei a dar mais atenção a essa área depois que estudei a fundo os Padrões. Mas, para aquele usuário um pouco mais avançado, que quer fazer seus sites aparecerem melhores nestes dispositivos, nada melhor que conhecer os Browsers que estão disponíveis e que são usados pelos usuários de Mobiles.

por Diego Eis

Real.com convertido

Converti o site da Real na sexta passada. Visualizar a conversão Talvez a home que apareça para você no site original seja diferente, depende do sistema operacional ou browser que você entrar. A home que apareceu para mim foi essa.

por Diego Eis

Site da Siemens Convertido

O site da Siemens foi convertido… Mais um para a galeria de sites convertidos do Tableless. Obrigado ao Francisco Penedo pela contribuição.

por Diego Eis

Novos Ares

Faz algumas semanas que estou de Sistema Operacional novo. Migrei quase que totalmente (já explico) para o maravilhoso Linux. Passei a usar o Linux por pura teimosia. Já havia tentando várias e nunca havia conseguido me acostumar. Na hora de me divertir, ler emails, ler rss, blogs e tudo mais, eu ficava no Linux, mas quando chegava a hora de trabalhar, lá estava eu de volta no maldito Windows. Mas isso mudou de uns tempos para cá.

por Diego Eis

Doctype e Browsers Modes

Um assunto meio complexo e interessante que muita gente se confundi na hora de entender. Doctypes e os modes dos browsers. Acho que todos já ouviram falar em Box Model, não é? Pois então… Alguns browsers calculam as medidas no CSS de um jeito particular, calculam do jeito antigo, errado, causando esse tipo de problema. Muitos fizeram sites enquantos os browsers calculavam do jeito errado. Logo, os desenvolvedores dos browsers ficaram num dilema: Se eles resolvessem o “bug” de cálculo, muitos sites iriam parar de funcionar corretamente…

por Diego Eis

How Firefox Works

Ótimo artigo sobre Firefox e suas qualidades! Para quem ainda está com um pé atrás de usar um “browser alternativo”, leia! How Firefox Works

por Diego Eis

Desculpas

Pedirei 2 desculpas: a primeira é pela falta de posts e a segunda é porque ainda vamos continuar sem nossa programação normal de posts! 🙁 Para quem está afim de estudar, esse site tem muitos truques interessantes. Vale a pena dar uma olhada no CSS e testar. www.pmob.co.uk

por Diego Eis

O maravilhoso mundo dos Browsers

Há muitos assuntos interessantes que podem ser estudados dentro dos Web Standards. Browsers é um assunto desse tipo. Nesse artigo, não abordei nenhum tópico histórico como a Guerra dos Browsers, que de fato, é um tópico que a maioria dos desenvolvedores mais gostam de estudar. Espero que gostem. O mundo mágico dos browsers

por Diego Eis

Ie7 is coming! Será?!

Gates Highlights Progress on Security, Outlines Next Steps for Continued Innovation Major News: Internet Explorer 7.0 announced by Bill Gates IE7 Standalone IE To Be Released This Summer Reversal: Next IE update divorced from Windows

por Diego Eis

Css Hacks – Ruim com eles, pior sem eles.

O que são os CSS Hacks? Css Hacks não são mais do que “gambiarras” no código do css que abusam de erros de renderização dos navegadores. Para que serve?! Talvez você já enfrentou um problema parecido: Quando você está implementando um layout, e compara o resultado em vários navegadores, percebe que ficou certo em dois deles mas exclusivamente em um, ficou totalmente diferente. Você sabe que o defeito é simples de ser resolvido… sabe que é só mudar o tamanho do div, para fazer funcionar, mas se você o fizer, vai dar defeito nos outros dois navegadores que estavam certos.

por Diego Eis

KISS!

Calma, não é comercial de alguma banda de rock ou rede de relacionamento. Trata-se de um acrônimo: Keep It Simple, Stupid. Um grande número de problemas que os iniciantes enfrentam são por causa da complexidade do código. Muitas vezes os div´s aninhados substituem as tabelas aninhadas, fazendo o sentindo de se implementar com Padrões Web se perder. Deixar o mais simples possível. Praticar a simplicidade não é fácil… Parece simples, mas não é.

por Diego Eis

Msn agora é tableless

O site MSN agora com novo visual e tableless. Como o código provavelmente é gerado automaticamente por alguma ferramenta, não esperem um código identado e bonitinho. Mas mesmo assim, Web Standards. Como o MSN.com deve receber uma quantia inestimavel de visitas, provavelmente a primeira “vantagem” que eles vão perceber, será a economia de banda. Logo depois, posso palpitar pela velocidade de download. Isso mostra que a microsoft (ou os seus desenvolvedores web) se preocupa um bocadinho com esses negócios de Web Standards, CSS, sites mais rápidos, e etc… Pelo menos já é alguma coisa.

por Diego Eis

Listas de Discussão

Sempre me chega algum e-mail ou alguém no msn/icq me procurando e perguntando se eu conheço alguma lista de discussão sobre Web Standards, desenvolvimento e etc… Sim, eu conheço e elas são ótimas: ArqHP Lista de discussão em torno de produção otimizada de home pages, abordando HTML, XHTML, XML, tableless, CSS, semântica, validação de documentos, separação de informação da formatação, DOM e demais tecnologias recomendadas pelo W3C. WebStandards-Br Grupo de discussão em português sobre os recomendações do W3C para a construção de websites: metodologia ‘tableless’, validação de código, xHTML, CSS, XML, XSLT, navegadores e dispositivos, semântica, acessibilidade, SEO, portabilidade.

por Diego Eis

Layouts Tableless são quadrados

E eu já ouvi muito disso. Vendo os web sites que existem em sites como CssVault, Css Beauty e outros dessa linha, percebemos que não é bem assim. Criar sites quadrados e minimalistas é uma opção do designer e não porque o site foi feito usando web standards. Os Web Standards não estão aí para limitar e sim libertar, dar mais flexibilidade, mais facilidade. Se um site tem sombrinha, se é clean ou minimalista, não é necessáriamente a identidade dos sites tableless…

por Diego Eis

Palm com Linux

Carta da Palm À Comunidade Linux Ótimo… Um sistema operacional conhecido, assim as coisas ficam mais fáceis na hora da construição dos sites.

por Diego Eis

Nokia Convertido

Mais um site convertido! Desta vez é da Nokia!

por Diego Eis

Cisco Systems Convertido

Cisco Systems foi convertido.

por Diego Eis

</2004> <2005>

Junto com o Ano Novo, o Tableless faz mais um ano de vida… Este é o 2º. Nestes 2 anos o Tableless ganhou experiência, ganhou conteúdo, e também muitas visitas. E acho que nosso objetivo está sendo cumprido: Divulgar a todos os Web Standards. No ano que passou, aconteceu algumas mudanças aqui no site, que ajudaram no conhecimento de todos. Uma das mudanças foi abrir a seção de convertidos para vocês colaborarem.

por Diego Eis

Opera with Voice

Mais uma novidade para abalar o mundo dos browsers. O Opera lançou o Beta do Opera 8, e a grande novidade é que agora você pode navegar dando comandos de voz. Testei aqui e gostei um bocado… o treco funciona mesmo! Mas eu ainda acho as mouse gestures mais rápidas. Não darei mais detalhes, baixem, testem, e digam suas opiniões. 😀 Opera with Voice Baixar Opera 8 Beta

por Diego Eis

Feliz Natal

Feliz Natal para todos vocês! :-D.

por Diego Eis

Podcast#8

Entrevista com Jonas Galvez - Parte 2

por Diego Eis

Podcast#7

Entrevista com Jonas Galvez - Parte 1

por Diego Eis

Vídeo Tutorial #2 – Css Hacks

Olá galera… Mais um Vídeo Tutorial… agora falando sobre Css Hacks. Vídeo Tutorial #2 – Css Hacks Tamanho:4,35Mb Formato: SWF Tempo: 8m:22s Baixar estudo Agora você pode ver e baixar os estudos na seção de ESTUDOS do site. Cadastre-se grátis no Campus Online e veja vídeos sobre Tableless grátis!

por Diego Eis

Podcast#6

Entrevista com Fred Van Amstel - Parte 2

por Diego Eis

Vídeo Tutorial #1 – Layout basico de 3 Colunas

É o seguinte: Este aqui é um teste, e se houver um boa aceitação por parte de vocês, vamos tocar para frente. Este é o nosso primeiro Vídeo Tutorial. Um jeito fácil, rápido e melhor de ensinar e divulgar os web standards. Neste primeiro video estamos mostrando como se faz um layout básico de 3 colunas! Então, para quem é mais experiente, tenha paciência, aumentaremos a dificuldade com o decorrer do tempo.

por Diego Eis

Podcast#5

Entrevista com Fred Van Amstel - Parte 1

por Diego Eis

PNG ou GIF?

Leia um pouco mais sobre o assunto. GIF or PNG.

por Diego Eis

Ache Podcasts

Categoria Podcasting no Feeds.com.br.

por Elcio Ferreira

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

Podcast #4

Entrevista com Danilo Medeiros - parte 2

por Elcio Ferreira

Podcast #3

Entrevista com Danilo Medeiros - parte 1

por Elcio Ferreira

Podcast Tableless #2

Entrevista com Bruno Torres - parte 2

por Elcio Ferreira

Podcast Tableless #1

Entrevista com Bruno Torres - parte 1

por Elcio Ferreira

Palestras sobre Tecnologia Móvel

O site Mobile Life está promovendo palestras sobre Tecnologia Móvel. É um assunto interessante, novo, e que ajuda muito aquels que querem fazer sites além dos Desktops. Para quem pensa que Wi-Fi é tecnologia de InfraRed (acredite, tem gente que pensa isso), ou aqueles que pensam que Access Point é o local onde acessamos internet sem fio, vale a pena assistir. Não importa o seu nível de conhecimento, vale a pena assistir.

por Diego Eis

Para os designers…

Muitos designers acham que fazer sites seguindos os Web Standards vai limitar a as possibilidades de se fazer layout, resultando num site todo quadrado, com cara de portal do século passado. A coisa não é bem assim, e digo que é totalmente o contrário… Os Web Standards dão mais liberdade e idéias novas para o layout. Por isso, segue abaixo uma lista de links que não fazem outra coisa além de listar belos sites que seguem os Web Standards.

por Diego Eis

Samsung e H.Stern convertidos!

Samsung H.Stern Aqui no Tableless há uma seção chamada Convertidos. Nesta seção, colocamos exemplos didáticos de alguns sites que foram convertidos para os Padrões. Na época da conversão os sites não eram tableless. Por isso, a nível didático, voluntários escolheram alguns grandes sites e converteram seu código para Padrões Web.

por Diego Eis

Netscape: O Retorno!

A Aol decidiu recomeçar a desenvolver o Netscape. Dessa vez, eles vão se basear no tão adorado Firefox. A AOL já tentou uma vez, fazer um browser baseado no IE… Acho que agora eles estão tomando jeito. Então, ganhamos de volta mais um browser que segue os padrões, leve, flexível e seguro. Netscape Revived With Firefox Backing

por Diego Eis

XStandards

A Simone me enviou um link muito interessante: Banners Promoting Standards-based Products / Services. Banners promovendo os padrões! Muito legal!

por Diego Eis

Me copiaram na cara larga!

Um visitante deste site me mandou um link hoje de um artigo super legal do site Firemasters, pena que o artigo era meu! E não estava com as devidas referências. Tá certo que o Tableless está sob Creative Commons, acontece que mesmo assim deve-se dar os créditos ao dono do material. Entrei em contato com o site, vamos ver o que eles falam… Coisas do tipo já aconteceram com o Fred van Amstel

por Diego Eis

Podcast número 0

Estamos fazendo um teste para lançar, se possível semana que vem, um podcasting do Tableless. O link do RSS com enclosures está aqui, se você quiser assinar já nosso podcasting. E se você não tem nenhum leitor de feeds com suporte a anexos pode ouvir o podcasting baixando diretamente o arquivo mp3. Podcasting? Não entendeu nada? Está certo, vamos com calma. Estamos começando um audioblog. Vamos, se tudo der certo, publicar de vez em quando um arquivo mp3 aqui, como o exemplo acima.

por Elcio Ferreira

Firefox 1.0

Foi lançado a versão oficial do Mozilla Firefox 1.0. O O que achei mais interessante, foi que eles colocaram no menu Help, uma opção chamada “For Internet Explorer Users”, onde eles mostram opções do Firefox equivalentes ao do Ie. Neste mesmo lugar, eles falam que os usuários do Internet Explorer, podem importar para o Firefox seus cookies, passwords, favoritos e uma variedade de outros dados. Acho que isso vai ajudar um bocado este usuários que de fato querem mudar para melhor.

por Diego Eis

Lições sobre semântica #1

Eu vi a idéia em um site, e gostei muito, por isso vou aplicar aqui no Tableless. A idéia consiste no seguinte: Colocarei aqui regularmente umas perguntas sobre semântica. Darei duas ou três opções e você dará sua opinião postando nos comentários. Acho que isso ajudará a desenvolver uma idéia geral sobre semântica e como construir uma estrutura correta. Para fazer o título de uma lista, qual o mais semântico?

por Diego Eis

Firefox in The New York Times

Isso aí! O Firefox está investindo pesado em sua divulgação. Eles conseguiram arrecadar $250.000 para publicarem sobre o lançamento do Firefox 1.0 no jornal The New York Times. E ouvi por aí que eles estão armando 284 festas pelo mundo todo, sendo que 11 vão ocorrer aqui no Brasil. O mais legal disso tudo, é que na lista dos que mais doaram, havia um nome conhecido de todos nós… a UOL foi o 7º da lista.

por Diego Eis

Em quem você vai votar?! :-D

Não tratamos de assuntos políticos aqui no Tableless, mas este vale a pena. Um leitor deste site nos mandou um email avisando: O site do candidato a prefeito José Serra é Tableless! 😀 Bem, fui lá conferir, e ele tinha razão. Apesar do código ser um tanto bagunçado e de faltar alguma semântica, o site é tableless. Ponto para ele.

por Diego Eis

Pushing Your Limits

Uma ótima apresentação de Douglas Bowman sobre criação e desenvolvimento de design com CSS. Pushing Your Limits Vi atrasado no Url sinistras via Bloglines.

por Diego Eis

Redesign no site do Opera

Não sei quando eles mudaram, não vi ninguém comentando por ai, vi apenas hoje quando procurava algo sobre o Opera 7.6. O site deles ficou mais bonito na minha opinião. O site é tableless, mas o código é muito bagunçado. Opera – Fica aqui a dica se você ainda navega com um programa arcaico como o Internet Explorer.

por Diego Eis

Porsche USA é tableless

Outro dia foi a chevrolet.com, agora chegou a vez do Porsche. Isto é ótimo.

por Diego Eis

A importância de seguir padrões

Comecei a ler o livro “Estrada do futuro” escrito por Bill Gates. E no livro ele conta como a indústria da informática teve início. A história é muito interessante e eu sempre me impressiono pelo jeito e pela velocidade que tudo tomou forma. Na história, Bill Gates fala sobre a IBM. Ele conta qual foi seu primeiro passo para o mundo dos pc´s. E fala sobre como foi que eles conseguiram a maior fatia do mercado.

por Diego Eis

Desenvolvendo Web Sites para PDA´s

O Mobile Life criou um artigo sobre Desenvolver sites para dispositivos móveis. Vale muito a pena dar uma olhada e aprender como podemos levar a internet para além dos desktops. O Tableless também está com um artigo no forno sobre Media-Types. Aguardem.

por Diego Eis

IBM e HP convertidos

IBM e HP foram convertidos pelo Bruno Torres. É, o cara não pára mais, acho melhor alguém fazer alguma coisa! 😀 Deixa sobrar um tempinho para ele ver o que é bom. IBM convertida HP convertida

por Diego Eis

Site grande e conhecido

Este é o alvo para a parte de convertidos aqui do Tableless. Mas porque não um site do provedor não sei das quantas, ou da minha empresa? O site é conhecido por muita gente? Exemplo: Microsoft, HP, IBM, Google, Submarino, Amazon, Americanas? A empresa é conhecida por muita gente? Exemplo: Microsoft, HP, IBM, Google, Submarino, Amazon, Americanas? Poxa, então sinto dizer que não dá para colocar seu site na parte de convertidos.

por Diego Eis

Conversão fácil

Muito fácil

por Elcio Ferreira

Skype é Tableless

Não havia visto ainda. Mas o site do Skype mudou o design. Fizeram um redesign show, o site ficou muito mais bonito. E que legal, eles seguem os padrões.

por Diego Eis

UOL convertido

O nosso amigo Bruno Torres, converteu a home do site UOL. Quem quiser dar uma olhada, visite a página de convertidos. Obrigado pela colaboração Bruno. Gostaria de colaborar também? Leia as instruções.

por Diego Eis

Mais um

Disney Store UK. Dê uma olhada no código. Legal. Vi aqui. Ei, Caparica, coloca comentários nesse blog aí.

por Elcio Ferreira

Apresentações sobre CSS

2 apresentações ótimas sobre CSS que são paradas obrigatórias. Uma é do Douglas Bowman: The Beauty and Business of CSS O outro é do Dave Shea: Designing with CSS: Past, Present, and Future Ótimas apresentações de dois grandes mestres da área.

por Diego Eis

Perguntas! Perguntas! Perguntas!

Recebo muitas perguntas por email, e quase sempre não consigo responder a todas. Por isso, tive a seguinte idéia: Pelo menos 1 vez por semana, irei selecionar pelo menos 1 pergunta e disponibilizarei junto com a resposta (claro) aqui no blog. Isso será útil, pois muitas pessoas tem perguntas semelhantes, então poderão ser respondidas. E mais um recado. Há sempre algumas pessoas que fazem umas perguntas oportunistas do tipo: “Estou desenvolvendo um site, acontece que tem um div que não fica certo no Ie mas fica certo no Mozilla, gostaria que vocês dessem uma olhada e me falassem o que está acontecendo.

por Diego Eis

Bem vinda Ava Marie Zeldman

Parabéns ao Zeldman e sua esposa Carrier Bickner pelo novo bebê. O nome dela é Ava Marie Zeldman. 😀

por Diego Eis

Entrevista com Joel Spolsky

O Bruno Torres entrevistou o Joel Spolsky! Vale a pena dar um lida no que o cara diz. Muito interessante. Ler a entrevista

por Diego Eis

Yahoo.com tableless

Mais uma grande migração: Yahoo!. Ainda em processo, como vocês podem ver, mas um excelente trabalho. Update: Comentários interessantes

por Elcio Ferreira

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

Opera Mobile: 1.000.000 de Downloads.

Não é só o Firefox que pode ficar feliz. O Opera para Mobile também deve! É muito bom saber que browsers bons estão conseguindo mercado, deixando os browsers ruins para trás… fonte: Mobile Life

por Diego Eis

Pesquisar no Google

O Bruno Torres fez um sisteminha muito legal. Funciona assim: Você quer saber em que posição seu site se encontra no google se procurando por alguns termos, você escreve os termos e ele te dá o ranking do seu site. Muito útil para quem está querendo acompanhar a evolução do site no google. Ranking do Google O Elcio fez um também, que pode ser acessado aqui.

por Diego Eis

Tableless ATOM!

Ontem o Peka me fez o favor de colocar as notícias do Tableless no formato ATOM! Valeu Peka! Se alguém quiser, o endereço é este aqui: http://tableless.com.br/atom.asp

por Diego Eis

1.000.000 de Firefox queimando tudo!

O Firefox já passou de 1.000.000 de downloads! São 1.000.000 de pessoas acessando a web com um navegador robusto, rápido, e melhor ainda, complacente com os padrões. 1.000.000 a mais de motivos para os desenvolvedores adotarem os padrões. Spread Firefox

por Diego Eis

Firefox! Queimando tudo!

Depois de dois dias que o Firefox 1.0 foi disponibilizado para downloads, ele alcançou a marca de Meio Milhão de downloads. A meta deles era alcançar 1 Milhão em 10 dias! Uma ótima notícia para nós desenvolvedores. O firefox está crescendo, se popularizando. As pessoas que não são Hard user´s estão aderingo também, e isso é uma bela oportunidade para todos os envolvidos, menos para ela. Fontes: Asa Galera, vamos dar uma força ao Firefox.

por Diego Eis

Emulador de Windows Mobile

Quem não quer gastar comprando iPaq, ou algum outro PDA para testar seus sites, o Mobile Life preparou um tutorial super legal que ensina passo – a – passo a instalar um emulador de Windows Mobile. Recomendo! Instalando e Configurando Emulador de Windows Mobile

por Diego Eis

Alemanha recomenda abandono do Internet Explorer

Alemanha recomenda abandono do Internet Explorer Pois é! E o ambiente está se transformando. O movimento “alternativo” está criando forças e reforçando suas raízes. E isso está muito mais rápido do que a Microsoft possa imaginar. Mozilla e Opera estão sendo mais procurados. O Linux está se tornando mais popular. O Internet Explorer e o Windows estão ficando uma má fama… Eles já tinham, mas somente perante os hard users e desenvolvedores.

por Diego Eis

Redesign!

Mudou! Ainda estou arrumando alguns detalhes… Mas novidades vêm por aí. Para começar, visitem a seção de CONVERTIDOS. Neste seção, você vai poder comparar os sites convertidos para tableless e os originais. E você poderá baixar um ZIP com as duas versões para estudá-las melhor. Por enquanto, há apenas 2 sites convertidos: O novo site da Microsoft, e o site da Apple. Estou com outros na manga, e logo estarão no ar… Fiquem ligados.

por Diego Eis

Internet: Reestruturando nossa vida

Internet: Reestruturando nossa vida Saiu um artigo novo no Mobile Life. Fala sobre como a internet tem que mudar, como ela mudou, e o que devemos fazer para mudá-la para melhor.

por Diego Eis

Nossos problemas acabaram! Ou quase.

Toda dificuldade que os desenvolvedores tem de compatibilizar os sites em dispositivos móveis, pode ter acabado com este brinquedinho. Com apenas um movimento o usuário pode visualizar a página web que está sendo visitada. Talvez, o desenvolvedor não se preocupará com mais nada para manter a compatibilidade dos sites!

por Diego Eis

Terminou

O Diego terminou agora a pouco de implementar o layout do novo Tableless.com.br, ao vivo, com a galera olhando. Levou 2 horas e 50 minutos, começando do zero, cortando imagens e escrevendo HTML num arquivo vazio. Foi divertido. As páginas internas vão ser produzidas muito mais rápido. O layout vai ficar um tempo aqui. Seus comentários são muito bem vindos.

por Elcio Ferreira

Uma coisa diferente!

Acompanhe a implementação do novo layout do Tableless! O que é? Aqui você pode ver o Diego Eis tentando implementar o layout planejado para o Tableless.com.br. É uma primeira tentativa, começando do zero. Tomara que ele consiga terminar hoje mesmo 😉 … Por quê? Porque sim. Muita gente tem perguntado, curiosa, como é o processo de implementar os sites aqui. resolvemos mostrar, pra ver se ajuda a matar a curiosidade do povo.

por Diego Eis

Mozilla Redesign

E eles sempre inovando! Mozilla.org Daqui a pouco o Tableless também passará por um redesign! 🙂

por Diego Eis

Ganhando a batalha na web!

Acabei de ler o post Não Basta Acessar, Tem que Comprar, no site Usabilidade & Arquitetura da Informação, e concordo plenamente. Existem várias barreiras hoje para conseguirmos fazer o internauta acessar seu site. A primeira delas é fazê-lo visitar, a segunda é fazê-lo usar o site, a outra é fazê-lo voltar ao site… Completando estes pontos, você conseguiu vencer. Assim, na teoria, parece ser fácil, mas algumas barreiras você precisa derrubar para conseguir vencer as etapas acima: Usabilidade, Acessibilidade, Compatibilidade, uma boa arquitetura de informação, Design, Funcionalidade, e por aí vai.

por Diego Eis

Opera para Windows Mobile

Bem bem bem! Quando eu peguei um palm pela primeira vez fiquei alucinado, naveguei na web e tudo mais! – Nossa, isso funciona mesmo! Legal pra caramba… Bah! Leigo! 🙂 Depois, consegui segurar e mexer por alguns minutos um iPaq! Naveguei na web e tudo mais. Não tinha palavras, palm para mim era passado. E pensava agora: Como alguém pode conseguir navegar na web com aquilo?! Não conhecem um PocketPC, só pode!

por Diego Eis

Pocket-Sized Design

O ALA escreveu um artigo que fala dicas de como você pode tratar o design do seu site para os dispositivos que usam Small Screen. Muito útil para quem está enxergando o futuro. Logo mais o tableless dá mais algumas dicas em português. Pocket-Sized Design: Taking Your Website to the Small Screen

por Diego Eis

Wireless? WLAN? Wi-Fi?

Foge um pouco do escopo do site, mas nem tanto. Este negócio de “sem fio” vem dominando, e se a gente não estiver por dentro, com certeza ficaremos para trás. E como qualquer assunto ligado a área de informática, vem de presente uma sopa de letras. O Rigonatti, administrador do site Mobile Life, fez um artigo que nos introduz nesta área, explica direitinho o que é estes negócios de WLAN, WPAN, Wi-Fi, Wireless, 802.

por Diego Eis

CodigoNet

Hoje achei, via Bloglines, o excelente site do Danival. Fiquei conhecendo por ele dois excelentes trabalhos da NBH: FotoManíacos e MetalVest.

por Elcio Ferreira

Redhat Tableless!

O novo site da RedHat é Tableless! Open Source e Padrões Web andando juntos!

por Diego Eis

Microsoft Redesign

E aquela empresa que fez aquele browser, redesenhou o site. Tenham a curiosidade de abrir o código fonte. Redesenharam o site e não tiveram a vontade de fazer um código complacente com os padrões. Mas eu tive. Precisa de alguns retoques, mas tá aí.

por Diego Eis

Felipe Memória

Os desenvolvedores estão cada vez mais familiarizados com Tableless. Um exemplo disso é o site do Felipe Memória. Tableless e com um design bem… como se dizer, “caipira”! Vale a visita.

por Diego Eis

Para o alto e avante!

Conectado em pleno ar Acho que o pessoal está levando a sério esta história de se conectar à internet em qualquer lugar. E não é só em avião como o link acima mostra… Dia desses era um pessoal querendo se conectar no ônibus. Em qualquer lugar, a qualquer hora, com qualquer dispositivo. A internet já virou coisa séria e indispensável. Até a prefeitura de São Paulo se preocupa com isso, e está criando mais e mais TeleCentros.

por Diego Eis

Chevrolet.com

Vi em uma dúzia de blogs gringos ao mesmo tempo: chevrolet.com, redesign tableless, XHTML com CSS, javascript crossbrowser, muito bom.

por Elcio Ferreira

Tendências (utópicas?)

Eu, em parceria com o Thiago Rigonatti, fizemos um pequeno artigo sobre a convergência e tendências da internet. Vale a leitura.

por Diego Eis

Acessibilidade e os Padrões Web

Acessibilidade… Você já ouviu muito sobre isso. Quando vemos esta palavra, já relacionamos com site acessível aos deficientes visuais. <p> Acontece que isso é muito mais amplo do que parece. Acessibilidade sim, tem a ver com sites mais acessíveis aos deficientes, mas não só eles. Muito gira em torno disso, e às vezes ficamos condicionados a pensar dessa forma. </p> <p> Acessibilidade é para todos. Desde o usuário que tenta acessar o site do banco pelo desktop usando um browser como Opera e Firefox não conseguindo acessar corretamente o site, até aquele usuário que está preso no trânsito e aproveita para tentar mandar um email pelo seu PDA.

por Diego Eis

Tsc, tsc, tsc …

Plagiaram o Fred descaradamente

por Elcio Ferreira

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

Validar é preciso?

Desdobramentos interessantes. Aqui e aqui. Não deixe de ler os comentários, alguns dos melhores profissionais brasileiros de web andam postando por lá (ignore o flamewar.) Pena que eu ande meio sem tempo, taí uma discussão da qual eu gostaria muito de participar. Update: Lá fora também (os links no começo levam a outras discussões interessantes sobre o tema.)

por Elcio Ferreira

Design e complacência com padrões

Excelente post do Jonas: … A simplicidade de design, simplicidade extrema, que pode ser caracterizada por um estilo focado primordialmente no texto, conteúdo, e não nos ornamentos da página. Esse tipo de design é uma espécie de caminho natural para quem começa a entender a importância de padrões, e passa a utilizar técnicas modernas como o design tableless (layout definido via CSS) … Embora isso tenha acontecido na prática, a questão não é tão preto-no-branco quanto pode parecer ao leitor incauto.

por Elcio Ferreira

A internet começa a dominar os cantos

Telefônica lança oficialmente o Speedy Wi-Fi A Telefônica está fazendo isso agora. Mas o pessoal que usa ajato já tinha este serviço. Com o Speedy Wi-Fi, mais “algumas” pessoas poderão acessar a internet de qualquer canto. Cansei de ver o Rigonatti jogando e acessando sites sentado em uma mesinha de um Fran’s Café da vida. A revolução está começando, esteja você preparado ou não, a internet vai dominar todos os cantos, aonde quer que você esteja, ela vai estar presente.

por Diego Eis

Pixeladas Aleatórias

A Simone Villas Boas, andou sumida algum tempo. Mas está voltando com a corda toda em seu novo blog chamado [Pixeladas Aleatórias]1. Parabéns!

por Diego Eis

Internet por todo canto

Ontem o Rigonatti me seqüestrou para um evento promovido pela Intel! O assunto da pauta era Soluções Wireless. Há muito a se pensar nesta área. Eles falaram muito das tendências de hardware, padrões como Wi-fi e WiMax. Deu para perceber para qual caminho a web está caminhando, e quem não estiver preparado, vai cair do cavalo. A principal visão deles está simplificada nesta pequena frase: Em qualquer hora, em qualquer

por Diego Eis

Wiki do Tableless

Para comunidade Tableless… mais uma facilidade. Estamos disponibilizando um Wiki. Para quem não sabe, Wiki, é um ambiente colaborativo aberto. Qualquer pessoa pode, em qualquer página, clicar sobre o link “Editar esta página” e alterar o texto. Por isso pessoal, vamos lá colaborar e aprender um pouco. Assim, todos se ajudam e a procura por informações fica mais fácil.

por Diego Eis

Layout básico de 3 colunas

Galera, muita gente pediu, então eu fiz um tutoriazinho básico, que explica como fazer um layout simples de 3 colunas. Nada de outro mundo, só para esclarecer os marinheiros de primeira viagem. Layout básico de 3 colunas.

por Diego Eis

The Css Box Model Hierachy

O Jon Hicks tenta explicar com esta imagem, o que é o que num elemento que contém padding, margin, border etc… Vale a pena dar uma olhada.

por Diego Eis

Digital Web Magazine

A Digital Web Magazine, revista online que contém artigos sobre diversos assuntos ligados à internet, sofreu um redesign no último dia 13⁄05. [Craig Saila]2 foi resposável pela implementação do HTML e do CSS. Pessoas como Dave Shea, Jeffrey Zeldman e Eric Meyer contribuem com artigos para o site.

por Diego Eis

Eu na Semana da Web Anhembi Morumbi

Aos de São Paulo: começa hoje a 3a Semana da Web da Anhembi Morumbi. Amanhã estarei no campus Centro e quarta-feira no [campus Vila Olímpia]4, em ambos às 19h30m, apresentando a palestra “Padrões Web Hoje e Amanhã”. O ingresso é 1kg de alimento.

por Elcio Ferreira

Mais um!

É muito bom quando empresas começam a adotar os padrões. O blaz:// HOST é uma dessas empresas. Parabéns a equipe. Mais um site Tableless.

por Diego Eis

Separação entre Informação e Formatação

Para fechar a semana, um ótimo artigo do Michael Cohen. Fala sobre a separação de informação e formatação.

por Diego Eis

O outro lado da moeda

O Andy Budd escreveu um artigo que fala sobre como em algumas ocasiões, o uso das tables é melhor do que o uso de CSS. An Objective Look at Table Based vs. CSS Based Design. vs_css_based_design/

por Diego Eis

Blogger Tableless!

O Blogger está novo! Ficou muito mais bonito, fácil, tem vários novos templates. Teve muita gente envolvida neste projeto, pessoas do tipo: Jeffrey Zeldman, Dan Cederholm, Todd Dominey, Dan Rubin, David Shea e Douglas Bowman. Logo, o Blogger está Tableless.

por Diego Eis

CSS Zen Garden em português

[http://www.csszengarden.com/tr /portuguese/]1

por Elcio Ferreira

Redesign do Zeldman

O grande Zeldman redesenhou seu site. Vale a pena dar uma visita!

por Diego Eis

Terra.com tableless

O site do Terra.com é tableless! Um erro aqui e ali, mas já é um grande passo. Acho que o pessoal está começando a mudar o jeito de pensar. Um dia tinha que acontecer. Qual será a próxima vítima? 😉 dica ¿ Rogério Madureira

por Diego Eis

Mobilidade

O Rigonatti está lançando seu site sobre Mobile. Se você quiser saber novidades sobre Palms, PDAs, Rede sem fio, Smartphones, etc.. é só dar uma passada aqui. Ahh, totalmente tableless.

por Diego Eis

Falem Bem ou Falem Mal…

Mais um blog que eu vivo lendo citou o Tableless: “Swimming against the chains” – o perigo da tradução ao pé da letra O Patinho é um dos meus blogs prediletos, leitura obrigatória. E é tableless! Se você não conhece, vale a visita. E você, se achar erros de tradução, fale mal da gente também 😉 Estamos à caça dos erros.

por Elcio Ferreira

Mais Tableless na InfoExame

Valeu Luiz Alberto!

por Elcio Ferreira

Gurus Vs. Bloggers

Para relaxar na páscoa. Combate super legal entre Gurus e Bloggers! Não não, eles não estão brigando num ringue… O Andrei Herasimchuk do site Design by Fire está fazendo um combate com os sites. Comparando lado a lado os sites dos Gurus com os dos Bloggers. [Gurus Vc. Bloggers]2 Link ¿ Andy Budd

por Diego Eis

Mais alguns dias pro final

Galera, me falaram que estava meio apertado a data do final do contest, então ele foi pro dia 24⁄04! Mais alguns dias aí para fazer o seu CSS! No link abaixo tem informações que devem ser seguidas ao mandar os css… [Leia mais informações.]1

por Diego Eis

Aniversário e Ano Novo

Oba, oba, oba!! Antes de falar das novidades, gostaríamos de dar um **Feliz Ano Novo** para vocês, que acompanharam e visitaram o Tableless neste seu primeiro ano. Hoje o Tableless faz 1 ano de vida. Um ano se passou, muita coisa foi aprendida e compartilhada, algumas vezes, até aprendendo com os erros (“Link Fished”), mas tudo, no final, valeu a pena. Mas vamos falar do que virá… Estamos preparando uma série de novidades para

por Diego Eis

Foto Digital

Câmera digital é muito, muito legal! Poder ver o resultado na hora, não se preocupar com o custo do filme, ter a foto já em formato digital, tudo muito bom. Mas as vezes faz falta o velho álbum de fotografias, ou o porta-retratos em cima da mesa… Acabamos de colocar no ar: [Fotolab Online][1], você envia o JPG e recebe em sua casa as imagens em papel fotográfico. [1]: http://www.fotolab.com.br/ “Fotolab - revelação digital, fotografia, câmera digital, banco de imagens”

por Elcio Ferreira

Código do Tableless na MacMania

Algumas pessoas que viram nosso artigo na MacMania de dezembro, o segundo da série, pediram uma cópia do código usado no exemplo. Pois não: macmania.zip (10,5KB).

por Elcio Ferreira

Dicas preciosas

[Writi ng Efficient CSS]1

por Elcio Ferreira

Wiki ArqHP

Conheça e participe do [Wiki da ArqHP]1. Vamos colaborar para que o Wiki cresça… Isso é útil para todos…

por Diego Eis

Bugs do IE

Este site é muito interessante para estudo pois mostra alguns dos BUGS que acontecem no IE. Ótimo estudo para quem está começando ou mesmo para aqueles mais experientes. [Explorer Exposed!]1 Link ¿ ArqHP

por Diego Eis

Annamaron.com.br

Annamaron.com.br, redesign tableless do [Cris Dias]2. Excelente trabalho. Ficou inclusive ainda mais bonito que o anterior.

por Elcio Ferreira

Quem tem medo?

Artigo inédito no Webinsider: Tableless e o medo de mexer com padrões web. Mande para o seu chefe e para aquele seu colega…

por Elcio Ferreira

MacMania

A revista MacMania publicou esse mês nosso artigo sobre simplicidade. Nos próximos meses vão sair um pequeno tutorial da coisa e um estudo de caso. Confira.

por Elcio Ferreira

Mozilla.org.br

O site brasileiro do Mozilla está de casa nova: www.mozilla.org.br

por Elcio Ferreira

Webinsider

O Webinsider republicou hoje meu artigo sobre HTML, CSS e Simplicidade e em breve vai sair lá um artigo inédito.

por Elcio Ferreira

A Microsoft Esqueceu

Microsoft se esquece de renovar domínio do Hotmail

por Elcio Ferreira

Fog Creek

Fog Creek, do Joel Spolsky, virou Tableless. Ótimo trabalho do Dave Shea (aquele, do jardim, você sabe…)

por Elcio Ferreira

Depois da Macromedia

Agora é a vez da Adobe mostrar a que veio: Adobe Studio virou tableless.

por Elcio Ferreira

Coding for Easy Redesign

“As designers, we’re trained to see web pages as pure visual layouts – like print you can click. But a standards-conscious designer won’t even think about how a page looks until she has first figured out its underlying structure.” Jeffrey Zeldman on Coding for Easier Redesigns

por Elcio Ferreira

Why tables for layout is stupid

Esta é ótima… Quadrinhos que falam sobre o problema de se fazer layouts com Tables e sobre a solução para isso. Why tables for layout is stupid Link ¿ ArqHP

por Diego Eis

Links Importantes

Galera, Aqui vai uma dica de sites ótimos para o deleite de todos. Dá para aprender um bocado de coisa… Alguns já foram postados aqui, mas nunca é demais lembrar. 😉 MaxDesign Layout Automatic Css Border Test SimpleBits

por Diego Eis

Você tem que dar uma passada!

Com a volta do ALA, um artigo indispensável. Sliding Doors

por Diego Eis

Congratulations!

Opa, esqueci de uma coisa importante… Gostaria de agradecer aos voluntários responsáveis pela tradução da versão em inglês do Tableless. Agradeço ao: Cláudio F. Barbosa, Leonardo Prado, Vinícius Ficagna, João Faissal, Mauricio Wolff, Jefferson De Almeida Teixeira, Thiago Rigonatti.

por Diego Eis

English Version!

Ae galera… Estamos colocando no ar hoje a versão em inglês do Tableless… Gostaria de pedir para os blogueiros de plantão para que possam nos ajudar na divulgação. Se acharem erros, ou alguma coisa parecida, não deixem de nos falar.

por Diego Eis

CNet News

Viraram Tableless o mês passado: CNet News Mais um grande site, com muito conteúdo, fazendo um ótimo trabalho ao migrar.

por Elcio Ferreira

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

BrowserCam!

Como fazer para testar um site no IE 5.2 do Mac não tendo um Mac? A resposta está aqui. No BrowserCam você pode tirar shots de vários navegadores nos diversos sistemas operacionais. É lógico, tem que pagar… mas você pode fazer um login “trial” que dura 7 horas.

por Diego Eis

México também faz tableless!

http://www.monolinea.com Site tableless e com ótima aparência! Portifólio da mexicana Kemie Quaida.

por Diego Eis

Mais sites tableless!

Estou vendo que o pessoal está botando para quebrar. O Renato Feijó é um que está dando o exemplo. http://www.danielfrank.ch/ http://www.eltango.ch/

por Diego Eis

Tableless pode salvar sua conta da Telefônica

Webinsider: O novo Speedy, a usabilidade e o tableless

por Elcio Ferreira

Mais Tableless Nacional

Acquire, bonito, ótimo trabalho do Michel Bottan.

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 e o Eric Meyer

Acabei de postar sobre o novo website da Macromedia, tableless, e descobri agora um dos caras por trás desse negócio, o Eric Meyer, grande autoridade no assunto. A consultoria do Meyer, a Complex Spiral, também está de site novo.

por Elcio Ferreira

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

Tamanho do texto em diferentes browsers

Neste site mostra a diferença do tamanho dos textos em vários browsers. E este vem de bonus. Vale a pena dar uma olhada.

por Diego Eis

Documentos do W3C em Português

Traduções para o português de documentos W3C. Alguns artigos do W3C traduzidos para o português. Vale a pena conferir.

por Diego Eis

O Tableless tem RSS viu?!

Eu acho que esquecemos de postar, mas o Tableless tem RSS. O endereço RSS é http://tableless.com.br/makerss.asp?feed=tableless

por Diego Eis

A informação e a formatação (parte 1)

Está no ar o primeiro artigo falando sobre a separação entre informação e formatação. Este primeiro artigo trata sobre a Facilidade de Manutenção.

por Diego Eis

Hp Brasil é tableless!

Mais um site é tableless! É o site da Hp Brasil (versão tableless). Um exemplo pra gente aprender mais sobre tableless, espero que seja útil. Sugestões ou críticas, nos mande um email.

por Diego Eis

Comente!

Novidade! Colocamos sexta-feira nosso sistema de comentários nesse blog. Além disso, agora os posts tem links permanentes. Se quiser comentar qualquer coisa, fique à vontade, a casa é sua.

por Elcio Ferreira

I Festival GNU/Linux de Salvador

Alguns posts anteriores, o Elcio mostrou vários links de sites “gringos” que estão botando para quebrar com a criação de sites tableless. Mas gostaria de falar que os “brasucas” também estão de parabéns, um exemplo é o site oficial do I Festival GNU/Linux de Salvador-BA.

por Diego Eis

Estudo de CSS

Agora o tableless tem um lugar especial para aquele pessoal que gosta de aprender. Pretendemos colocar aqui soluções para algumas dificuldades que muitas pessoas que estão começando, enfrentam ao tentar fazer sites tableless.

por Diego Eis

Webstandards bem explicadinhos

Boa parte da relutância em adotar os padrões web pode ser atribuída à ignorância e preconceito dos desenvolvedores em relação a estes padrões. A época da guerra dos browsers, e aquele monte de tabelas aninhadas deixou muita gente com horror de HTML. Por isso estou tentando colocar sempre aqui exemplos de bons sites construídos com padrões. Os de hoje: Inc.com e Asset Surveillance. E um link interessante pra quem quer entender direito o que são esses tais standards: Back to the Future.

por Elcio Ferreira

Dicas da arqHP

Quem é assinante da lista arqHP, deve saber que o Irapuan Martinez sempre coloca umas dicas no rodapé de todas as mensagens da lista… Agora estas dicas podem ser encontradas aqui. São dicas sobre CSS, HTML, XHTML, que são muito úteis.

por Diego Eis

Entendendo CSS

O Ronaldo disponibilizou o quarto artigo da série Construindo Sites com Padrões Web. Este novo artigo está explicando a poderosa ferramenta que é o CSS. Quem é navegante de primeira viajem, leia este artigo (e os outros), vale a pena.

por Diego Eis

Caramba! Eles não param mais!!!

Já está ficando monótona essa história de copiar aqui as novidades do site do Zeldman, mas o que eu posso fazer? Os gringos estão com a macaca! Mais um tableless arrasador: The Open Championship. Veja. Vale a pena.

por Elcio Ferreira

E ainda mais sites Tableless

O Zeldman não para de anunciá-los. Dê uma olhada em mais esses dois: Quark Incorporated e 6 Weather: Lawrence, Kansas.

por Elcio Ferreira

Thunderbird

Estou testando um cliente de email que se chama: Mozilla Thunderbird. A primeira vista parecia meio complicado, mas depois que você começa a conhecer o programa, você percebe que não tem segredo… – Criação de Filtros para as mensagens – Suporte a skins – Tem como marcar um email como Junk Mail. – É fácil de organizar as pastas e email – Suporta Múltiplas contas Só uma coisa que é ruim… É um pouco pesado.

por Diego Eis

E mais sites Tableless

Eita, cada dia eu vejo um site tableless novo! Aqui no Brasil ainda são blogs e sites pessoais, e é mais raro encontrar um bom site comercial com design CSS. Mas lá fora, vixe! O Zeldman indicou mais dois hoje: Message Digital Design Ltd e American Longevity, os dois muito, muito bons.

por Elcio Ferreira

Mais sites Tableless

Dica do Zeldman: Next time some ill informed person declares that clean, structural XHTML markup and CSS layout are of no use to a “real” designer, show that fool Doug Bowman’s sensitive, nuanced, and altogether pleasing redesign of the Adaptive Path website, which launched last night. On his business site, Bowman dishes the details behind the design. O site ficou realmente muuuuito bom!

por Elcio Ferreira

A força do CSS

Quer sentir o que o CSS é capaz de fazer por você e por seu site? Então visite: Css Zen Garden Um belo projeto que mostra como podemos mudar o design do site modificando apenas 1 arquivo CSS.

por Diego Eis

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

Browsers

Ferramenta importante para o bom desenvolvimento de um site WebStandards. É bom o pessoal que está começando conheça estes browsers, e se possível tenha eles instalados para poder testar os sites, e até escolher um preferido. Lynx (Browser de texto) – http://lynx.browser.org/ Netscape – http://channels.netscape.com/ns/browsers/ Mozilla – http://www.mozilla.org/ Firebird – http://www.mozilla.org/projects/firebird/ Opera – http://www.opera.com/ Konkeror (Linux) – http://www.konqueror.org/ Safari (Mac) – http://www.apple.com/safari/ Internet Explorer – http://www.microsoft.com/ie/

por Diego Eis

Construindo Sites com Padrões WEB

Uma série de artigos sobre Sites com Padrões Web que o Ronaldo M. Ferraz, está escrevendo. Estes artigos são ótimos para pessoas que estão começando a se interessar por Padrões da Web, e querem criar sites Tableless e responde a muitas questões freqüentes sobre o assunto. Já tem dois artigos prontos. É só conferir. Artigo 1 – Introdução Artigo 2 – Ferramentas

por Diego Eis

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

99,9% dos sites web estão obsoletos

O Pedro Mendes traduziu o artigo do Zeldman. 99,9% dos sites web estão obsoletos Lendo o artigo, eu tive mais certeza de que: Tableless é o bicho!

por Diego Eis

Quer estudar CSS?

É em inglês, mas mesmo assim dá para aprender um bocado. Ótimos exemplos de layouts em css, bugs de browsers, dicas de sites, etc… vale muito a pena ler os source (código fonte), e aprender um pouco sobre o que dá para fazer com CSS. http://www.positioniseverything.net/

por Diego Eis

Tutorial Tableless Básico em HTML5 – Layout de 3 colunas

Aqui está! Aprenda agora a construir sites acessíveis em qualquer navegador ou dispositivo, leves, que carregam extremamente rápido, e ganhe muito tempo de desenvolvimento e manutenção. São dois vídeos que explicam a implementação HTML e o CSS de um layout básico. Aproveite! Implementação HTML de um layout básico Implementação CSS do layout O arquivos para você tentar você mesmo estão aqui. Quer ver mais vídeos sobre desenvolvimento web? Visite nosso Campus Online.

por Diego Eis

Diretório tableless no ar

Lembram do diretório de sites tableless em português que eu estava armando? Pois é, eu disponibilizei: Diretório Tableless. É bom para navegar e dar uma olhada no source, descobrir como tal pessoa resolveu um certo problema, etc.. E se você sabe de algum site tableless em português que não está listado no diretório, basta nos sugerir a url.

por Diego Eis

VIVO-SP Tableless

Implementei (ainda faltam detalhes), mas quis divulgar para fechar a semana de páscoa. Ainda estou ajustando alguma coisa no código, mas já está 99% pronto… Sugestões e Críticas são bem vindas, não se esqueçam. VIVO-SP Tableless Feliz Páscoa!

por Diego Eis

Samsung Brasil

Site da Samsung Brasil foi implementado. Confira. [update 22/06/08] A reimplementação deste site tem apenas o objetivo de estudo de código. Na época em que a versão deste site era feita em tabelas, resolvemos estudar o site convertendo o código para Padrões Web, criando um código e acordo com os princípios do W3C, ou seja, sem a utilização de tabelas para a estrutura da página.

por Diego Eis

Versões de Browsers Standalone

Normalmente precisamos testar sempre os sites nas duas verões correntes do Internet Explorer. No site Evolt.org, você consegue baixar duas ou mais versões de vários browsers. Se você tem o Internet Explorer 7 instalado, você baixa pelo site da Evolt.org a versão Standalone do Internet Explorer 6 e testa seus sites sem problema nenhum. Como eles aproveitam arquivos do próprio windows para rodar a versão antiga do browser.

por Diego Eis

Bugs de Browsers

Ter conhecimento dos bugs de renderização dos browsers é sempre bom para se fazer um site TABLELESS. O site CSSPG – CSS Pointer Group é um bom site sobre CSS, onde uma das seções é o Browsers Bugs, apesar de ter informações de apenas alguns browsers, dá para fazer um bom proveito.

por Diego Eis

Safari

No dia 7 de Janeiro, a Apple disponibilizou uma versão BETA do seu novo browser: Safari. Andei dando uma pesquisada no Google, por informações sobre bugs de renderização que possam existir no Safari, e acabei encontrando. Confira em: dive://into.mark.

por Diego Eis

Inaugurando!

Este site vem como objetivo mostrar para todos os interessados, estudantes ou profissionais, que é possível fazer um site TABLELESS compatível com as especificações do W3C. Se você tiver alguma crítica, dúvida ou sugestão, basta entrar em contato conosco, ficaremos gratos.

por Diego Eis