patrocínio:

posts da categoria Código

Service Workers: Dicas de desenvolvimento

Saiba algumas dicas sobre Service Workers e seu funcionamento.

por Aurélio Saraiva

Usando ESlint e hooks no git

Como mandar bem nos commits

por Tailo Mateus Gonsalves

Primeiros passos com HUGO

Saiba como instalar o HUGO e utilizar temas prontos feitos pela comunidade.

por Rafael Acioly

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

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

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

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

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

Instalando e configurando NGINX via Homebrew

por Diego Eis

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

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

por Diego Eis

Como camuflar seu ip like a ninja

por Júlio Carneiro

Proteja seu código usando o Webpack

por Jscrambler

Analisando o código Stylus de um projeto

por Helder Burato Berto

Trabalhando com serviços no Javascript

por Vinicius Reis

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

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

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

por Helder Burato Berto

Invertendo o Redux

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

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

por Gabriel Prates

JPA de A à Z – Por que conhecer?

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

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

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

por Bruno Gonçalves

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

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

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

por Mateus Malaquias

O básico sobre Expressões Regulares

Desmistificando as Expressões Regulares.

por Diego Eis

ReactJS 101

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

por Bruno Belarmino

Criando aplicações CLI utilizando Node.js

por Igor Santana

A arquitetura Redux usando Jails

por Javiani

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

por Diego Eis

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

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

Introdução ao Redux

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

por Henrique Sosa

Lodash ou Underscore? Talvez, nenhum!

por Eduardo Rabelo

Login com a API do GooglePlus no Android.

por Alessandro Barreto

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

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

Como automatizar a criação de Virtual Hosts

por Léo WG

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

por João A. Zonta

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

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

Harvest: Boilerplate de Gulp para seus projetos

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

por Diego Eis

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

por thiguetta

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

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

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

Aprenda a criar e entenda como funciona um servidor HTTP

por thiguetta

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

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

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

Desenvolvendo apps para SmartTVs com HTML, CSS e Ajax

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

por WillBliner

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

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

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

Formulário sem Model no CakePHP 3.x

por Eduardo Abreu

Instalando o CAKEPHP 3.0 via Composer

Instalando o CakePHP via Composer.

por Eduardo Abreu

JavaScript: Dicas de bolso – parte 1

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

por Raphael Fabeni

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

por Marcelo Galvão

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

Comprei um Chromebook. E agora?

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

por Marcelo Matzembacher

Vim: o poder dos macros

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

por weslleyaraujo

Você conhece o Framework brasileiro Maestro?

por Daniel Schmitz

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

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

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

Alergia à SQL

por grillorafael

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

Código Limpo

por Alan Cezar

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

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

por Beto Muniz

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

Simples modal com CSS responsivo

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

por Palloi Hofmann

Plugins de GIT para Sublime e Brackets

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

por Diego Eis

Comandos iniciais do Git

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

por Candido Souza

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

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

Instalando SASS na máquina – video

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

por Diego Eis

Utilizando Map Structure do Sass

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

por Diego Eis

Gerando arquivos estáticos com o Middleman

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

por Diego Eis

O que é Node.js e saiba os primeiros passos

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

por Cosme Lopes

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

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

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

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

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

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

Criando um blog com Octopress e Github Pages

Crie um blog em Octopress, framework baseado em Jekyll.

por Diogo Beato

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

Resultados do Survey 2013

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

por Diego Eis

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

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

por Diego Eis

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

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

Fazendo um slide menu mobile – sem plugin

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

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

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

Sobre organizar informação

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

por Diego Eis

Dicas de como fazer seu próprio framework CSS

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

por Diego Eis

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

Emmet LiveStyle

Uma nova maneira de editar CSS.

por Diego Eis

Guia para Iniciantes – Ajude

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

por Diego Eis

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

Usando o plugin 960gs e o Photoshop

Entenda como funciona o Grid 960. Ideal para iniciantes.

por Flavio Santana

Tableless Conference #2 2013

Palestras e fotos do segundo Tableless Conference!

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

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

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

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

Locaweb Style – Como iniciamos

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

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

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

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

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

E-mail Newsletter Responsivo

Entenda como funciona e como fazer um email marketing responsivo.

por Dani Guerrato

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

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

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

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

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

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

Identificando os IEs

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

por Diego Eis

Entendendend a regra @viewport do HTML

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

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

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

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

O que você sabe?

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

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

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

Seu lugar ao sol

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

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

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

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

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

Introdução ao CSS 3D – Flip Card

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

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

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

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

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

por Moacyr Minéro

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

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

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

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

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

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

Drops 5 – Responsabilidade Dev Front-end

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

por Diego Eis

Keygen: Certificando suas paginas com HTML

Uma tag que ressucitou do passado com mais força e vigor.

por Alysson Franklin

Ferramentas de diagnóstico

Quando algo de estranho acontece, é bom estar preparado.

por Diego Eis

Performance do seu CSS

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

por Diego Eis

Múltiplos backgrounds com CSS

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

por Diego Eis

Novo parser HTML5 – FF4

O Firefox 4 trouxe uma série de atualizações, uma das mais importantes é o novo parser de HTML5 que promete ser mais rápido e eficiente.

por Diego Eis

Drops 4 – Validar é importante?

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

por Diego Eis

CSS3 – Abas com a pseudo-classe :target

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

por Diego Eis

Convertidos do Tableless

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

por Diego Eis

Comportamento e meios de acesso

por Diego Eis

Drops 3 – Duas formas de modular seu CSS

Duas maneiras de modular seu código CSS.

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

Drops 2 – A palavra Marcação do HTML

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

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

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

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

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

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

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

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

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

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

Convertido – Menu (Livraria Cultura)

Reconstruindo o menu da Livraria Cultura.

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

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

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

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

Vídeo Tutorial – Manipulando atributos com JQuery

por Diego Eis

Navegando com a jQuery

por Michael Granados

Web Standards Project – WaSP

por Diego Eis

Formulários definitivos e problema de lógica

por Elcio Ferreira

CSS Reset

por Diego Eis

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

por Diego Eis

Desenvolvedor analfabeto (sim, é sobre WYSIWYG)

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

por Diego Eis

WHATWG e o HTML 5

por Elcio Ferreira

Validar é importante?!

por Diego Eis

Editores

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

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

Podcast #16

por Diego Eis

Descontos no DreamHost – para serviços anuais e mensais

por Diego Eis

Código novo, maneira velha

por Diego Eis

Curso de Tableless

por Diego Eis

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

por Diego Eis