patrocínio:

posts da categoria Artigos

GitHub vs GitLab

Comparativo entre as duas plataformas.

por Lucas Gonçalves Cunha

Formsquash, formulários para sites estáticos

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

por Jean Lucas de Carvalho

Como usar auth no Firebase

Autenticação de usuário com o Firebase Auth

por Morais Junior

Circuit break - Resiliência em arquitetura microservices

Adotar uma arquitetura Microservices traz muitos benefícios, mas você precisa estar preparado para lidar com falhas nos serviços. No artigo explico como tratar problemas de Timeout utilizando Circuit Break Pattern.

por Evandro Passos

Padronização, por que não?

Toda escolha é um tradeoff

por Vítor Capretz

Design em código com Machine Learning no AirBnb

Como o Airbnb gera código a partir das suas interfaces de baixa fidelidade

por Benjamin Wilkins

Neutralidade da Rede - pra você que está desinformado

Para os desligados, entenda por que a neutralidade da rede está em perigo.

por Tableless

A comoditização do desenvolvimento web

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

por Diego Eis

Mulheres na área de TI e Respeito

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

por Diego Eis

Tudo o que você sabe sobre produtividade pode estar errado

Um review sobre o Mantra da Produtividade

por Wanderson Macêdo

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

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

Atribuição múltipla com Destruturing Assignment

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

por Gabriel Prates

O fim da profissão front-end

O front-end como você conhece vai morrer.

por Diego Eis

Anotações sobre Progressive Web Apps

por Everton de Paula

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

por DaniloAgostinho

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

por Danilo Agostinho

Como organizar e nomear o conteúdo do projeto?

por thonyconde

Como camuflar seu ip like a ninja

por Júlio Carneiro

Adicionando SSL no NGINX com o Let’s Encrypt

por Sergio Rodrigues

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

por Ulysses Marins

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

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

por Anrahh

Entrevista com Bert Bos (Criador da CSS) e W3C

por Diego Eis

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

Começando com o Angular Material  – Parte 1

por Júlio Carneiro

Um pouco sobre imagens para Web

por Diego Eis

Princípio de Paretto e o desenvolvimento de jogos indie

por Thiago Teles

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

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

O básico sobre o automatizador de tarefas Make

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

por Cristiano Santos

Lodash ou Underscore? Talvez, nenhum!

por Eduardo Rabelo

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

Inteligência Social: Taxa de Engajamento!

por thonyconde

JavaScript e CSS no WordPress

por Breno Alves

O novo software que substitui o Flash

por Isaque Melo

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

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

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

Motivações ao desenvolvimento acessível.

por Gabriel Ramos

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

Organizando equipes

Sobre organizar equipes multifuncionais em uma empresa gigante.

por Diego Eis

Usando GIT para atualizar arquivos no servidor de hospedagem

por João A. Zonta

Sobre comunidade e respeito

por Diego Eis

Bootstrap 4 Alpha

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

por Isaque Melo

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

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

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

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

Parse – Objetos na nuvem

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

por Gabriel Ramos

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

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

HTTP2 para Desenvolvedores de Web

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

por Marcelo Paiva

Otimize a performance do seu site com o Kraken

Usando Kraken para otimizar suas imagens.

por FelipeMartinin

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

Campanhas de E-mail Marketing

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

por Ederson Ribeiro

O que é MVC?

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

por Allan Ramos

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

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

por Diego Eis

Cadastre seu post e seja um autor do Tableless

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

por Diego Eis

Código Limpo

por Alan Cezar

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

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

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

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

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

Documentário sobre o Jeffrey Zeldman

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

por Diego Eis

Google Web Starter Kit

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

por Dani Guerrato

O mercado de desenvolvimento front-end

Temos um novo rockstar no palco.

por Diego Eis

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

por Diego do Nascimento

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

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

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

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

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

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

Web Components: Introdução

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

por Diego Eis

Cinco tecnologias fantásticas de uso corriqueiro

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

por Manoel Netto

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

Anotações Palestra 16ELW – Zeno Rocha

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

por Diego Eis

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

Desenhe a web.

por Victor "reidark" Matias

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

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

Duas dicas de como lidar com o Not Provided

por Douglas Faria

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

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

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

Ensine mais

Aprenda ensinando em 2014.

por Diego Eis

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

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

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

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

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

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

Como se tornar um dev front-end

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

por Diego Eis

Gestão ágil – Management 3.0

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

por Diego Eis

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

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

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

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

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

Como evitar maus clientes

Por que cliente ruim, ninguém quer.

por Diego Eis

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

Um novo mundo com Big Data

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

por João Paulo de Almeida

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

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

por Diego Eis

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

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

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

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

jQuery 2.0

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

por Dani Guerrato

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

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

Atender bem para atender sempre

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

por Diego Eis

Grunt: você deveria estar usando!

Entenda como automatizar tarefas com GruntJS.

por Vagner Santana

Sobre prazos e produtividade

Um pensamento sobre prazos e produtividade.

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

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

Locaweb Style – Como iniciamos

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

por Diego Eis

Locaweb Developer Network

Portal de Desenvolvedores da Locaweb.

por Diego Eis

E-mail Newsletter Responsivo

Entenda como funciona e como fazer um email marketing responsivo.

por Dani Guerrato

Startup e propósito

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

por Diego Eis

Parallax Scrolling

Entenda como funciona o efeito parallax.

por Dani Guerrato

Imagens em alta resolução utilizando SVG

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

por Dani Guerrato

Esse texto é pra mim – mercado e atitude

Pensando alto.

por Diego Eis

História da Web – Uma timeline

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

por Diego Eis

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

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

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

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

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

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

“HTTP Archive” Ferramenta para performance

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

por Giovanni Keppelen

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

Project Glass

Um mundo atrás do seu óculos.

por Diego Eis

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

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

Responsive Web Design – focando a coisa certa

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

por Diego Eis

Layouts antigos do Tableless

Versões antigas do layout do Tableless...

por Diego Eis

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

A melhor parte da viagem é o caminho

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

por Diego Eis

Um pensamento sobre design para web

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

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

O IE6 vai morrer no Brasil

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

por Diego Eis

Convencimento e educação = liberdade

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

por Diego Eis

Mobile First – A arte de pensar com foco

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

por Diego Eis

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

Formulários e o Metawebdesign – Parte 1

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

por Alysson Franklin

Biblioteca CSS ou Framework?

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

por Diego Eis

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

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

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

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

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

Performance do seu CSS

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

por Diego Eis

Comportamento e meios de acesso

por Diego Eis

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

por Talita Pagani

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Seletores Complexos do CSS

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

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

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

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

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

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

por Diego Eis

Tabelas semânticas

por Diego Eis

O Safari para iPhone – Desenvolvimento web para iPhone

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

por Diego Eis

SEO para iniciantes – O básico

por Diego Eis

Anotações sobre SEO

por Diego Eis

O Chrome não quer dizer muita coisa

por Diego Eis

Criar páginas no WordPress

por Pedro Rogério

White, Gray e Black Hats

por Diego Eis

SEO – Sitemaps

Saiba como funciona o sitemap.xml

por Diego Eis

Web Standards Project – WaSP

por Diego Eis

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

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

por Diego Eis

IE8 – O sonho não acabou

por Diego Eis

PDF sobre Produtividade

por Elcio Ferreira

Sobre hipertextos

por Diego Eis

Browser Targeting Version

por Diego Eis

Comentários Condicionais – Não use

por Diego Eis

Quem precisa de versão mobile?

por Elcio Ferreira

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

por Elcio Ferreira

Escrevendo um XHTML válido

por Diego Eis

HTML simples com XML e CSS

por Elcio Ferreira

Image-Replacement x Imagens

por Diego Eis

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

por Diego Eis

Lidando bem com os bloqueadores de pop-up

por Elcio Ferreira

O Caminho Suave para o Tableless

por Elcio Ferreira

Sites para Dispositivos Móveis – MediaType

por Diego Eis

Flock 1.0 – agora dá para usar

por Diego Eis

Dicas para ter compatibilidade nos browsers

por Diego Eis

Tabela de compatibilidade de CSS

por Diego Eis

Isso é coisa básica

por Diego Eis

CSS Frameworks ou como desaprender CSS

por Diego Eis

Site em Ajax? Site em Flash? Pergunta ruim.

por Elcio Ferreira

CSS Reset

por Diego Eis

Fiat Uno e Peugeot 206

por Diego Eis

Navegação em mobiles

por Diego Eis

font-face

por Diego Eis

Desenvolvedor Retrógrado

por Diego Eis

Desenvolvedor analfabeto (sim, é sobre WYSIWYG)

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

por Diego Eis

O futuro do CSS

por Diego Eis

Opera, só se não for para Desktops

por Diego Eis

99% é bom pra caramba

por Diego Eis

Pra que simplificar se pode complicar? (Offtopic?)

por Diego Eis

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

por Diego Eis

Sobre Internet Banking

por Diego Eis

Cuidado para não regredir

por Diego Eis

Explorando o Tableless.com.br

por Diego Eis

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

por Diego Eis

Estruturando o código CSS

por Diego Eis

Máscaras Javascript em Campos de Formulário

por Elcio Ferreira

Caminhando pelo HTML – parte 1

por Elcio Ferreira

Se virando pra testar – Parte 2: Desktops Virtuais

por Diego Eis

Se virando pra testar – Parte 1: Screenshots

por Diego Eis

Validar é importante?!

por Diego Eis

Agregadores de Feeds

por Diego Eis

Internet Explorer 7 chegando na festa… atrasado.

por Diego Eis

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

por Diego Eis

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

por Diego Eis

Editores

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

por Diego Eis

Padrões Web em grandes empresas

por Diego Eis

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

por Diego Eis

Web Standards vs Tableless

por Diego Eis

CSS3 – Propriedade background

por Diego Eis

Sobre nomes e sobrenomes

por Diego Eis

CSS Modular – Breve explicação

por Diego Eis

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

por Diego Eis

É a maldita da cultura.

por Diego Eis

CSS alternativo

por Diego Eis

Uma das vantagens dos Padrões

por Diego Eis

Subjetividade na Semântica

por Diego Eis

A Semântica é que manda

por Diego Eis

Breve introdução: XHTML Mobile Profile

por Diego Eis

Video Tutorial #9 – Implementando a home de um site

por Diego Eis

A Era da Informação não chegou

por Diego Eis

TagSoup e programas WYSIWYG

por Diego Eis

Acessibilidade não é Altruísmo

por Diego Eis

Banana ou Diamante, qual você é?

por Diego Eis

Principais pontos da Acessibilidade na Web

por Diego Eis

Auto-completar Ajax como o Google Suggest

por Elcio Ferreira

Caminhando pelo HTML – parte 2

por Elcio Ferreira

Uma breve história do CSS

por Diego Eis

Descontos no DreamHost – para serviços anuais e mensais

por Diego Eis

Google, por quê?

por Diego Eis

Ainda arrumando

Os tutoriais sobre Ajax estão de volta.

por Elcio Ferreira

Cada um na sua

por Diego Eis

Código novo, maneira velha

por Diego Eis

Web Standards e a Pílula Vermelha

por Diego Eis

A plataforma chamada Web

por Diego Eis

Um novo conceito de browser

por Diego Eis

Web Semântica – Introdução

por Diego Eis

Ajax para quem só ouviu falar

por Elcio Ferreira

Série de artigos

por Diego Eis

O que é Tableless?

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

Matéria sobre Tableless

por Diego Eis

O maravilhoso mundo dos Browsers

por Diego Eis

Css Hacks – Ruim com eles, pior sem eles.

por Diego Eis

KISS!

por Diego Eis

Layouts Tableless são quadrados

por Diego Eis

A importância de seguir padrões

por Diego Eis

Design e complacência com padrões

por Elcio Ferreira

Curso de Web Standards

por Elcio Ferreira

Tamanho do texto em diferentes browsers

por Diego Eis

Documentos do W3C em Português

por Diego Eis

Construindo Sites com Padrões WEB

por Diego Eis

99,9% dos sites web estão obsoletos

por Diego Eis

Quer estudar CSS?

por Diego Eis

Versões de Browsers Standalone

por Diego Eis