Todos os posts

Simara Conceição: da ThoughtWorks ao quero ser dev

Devs front-end que você precisa conhecer

Rafa Ballerini

Devs front-end que você precisa conhecer

FRONTIN Elas Programam 2022

As comunidades tech FRONTIN e Elas Programam se unem para criar evento exclusivo para mulheres programadoras

Tableless by FRONTIN

O tradicional blog Tableless se une à comunidade FRONTIN para continuar produzindo conteúdo sobre programação e tecnologia

Como e porquê organizar a sua pirâmide de testes

Como organizo minha pirâmide de testes para meus projetos front-end no BEES Brasil.

Por que criar um site empresarial?

Ter presença digital não se trata de um adereço, mas de uma necessidade.

Sequelize - A solução para seus relacionamentos!

Nesse artigo vamos focar em como fazer relacionamentos entre tabelas, usando Sequelize ORM e Node.js.

UX/UI & Skething nas rotas do Design

Sobre a área de design com foco em suas terminologia no passado e no presente

Sympla está contratando front-ends

Quer trabalhar em uma empresa que vai te valorizar? Entra pra Sympla.

Da reconstrução do código-fonte ao melhoramento de efeitos sonoros e visuais, Overwatch 2 tem todo potencial para ser um jogo quase perfeito

Overwatch e potencial de jogo perfeito

Gerenciando equipes de alta performance em meio ao crescimento

Mantendo a alta performance tendo a contratação como uma opção e não como regra.

PMs decidem negócio?

A responsabilidade de uma PM é o direcionamento do produto, não do negócio

O que é UX e qual a sua importância? 

Entendendo qual a importância do UX em grandes sites.

Como criar um conteúdo que indexa entre os primeiros do Google

Descubra como obter uma classificação mais alta no Google e o que fazer se seu tráfego cair em alguma atualização.

Não tem um PC gamer? Conheça 5 jogos leves para você se divertir em 2020

Se você deseja um equipamento top de linha, não há limite para a quantia de dinheiro que você pode gastar para montar um PC para jogos, o famoso “PC gamer”.

Popularização de transmissões ao vivo pela internet incrementa democracia nas redes

Popularização de transmissões ao vivo pela internet incrementa democracia nas redes

Construtor de sites x web designer: qual opção escolher para criar o site da sua empresa

construtor de sites x web designer: qual opção escolher para criar o site da sua empresa

Trabalho remoto e cassinos: uma combinação que tem dado cada vez mais certo

Trabalho remoto e cassinos: uma combinação que tem dado cada vez mais certo

Por que criar um site empresarial?

Sua empresa ou pequeno negócio precisa de um site profissional para alavancar vendas

Quando usar TypeScript

Aperfeiçoado e amadurecendo: quando usar TypeScript?

Filtrando pré-visualização e wp-admin do Wordpress no Google Analytics

É muito fácil sujar a coleta de dados do Google Analytics no seu site em Wordpress ao acessar seu painel administrativo e ao escrever e pré-visualizar suas páginas e artigos.

As tabelas HTML são amigáveis para SEO?

Com o passar do tempo acabamos esquecendo o real motivo de utilizar a tag **table** do HTML e sua importancia no SEO quando bem utilizada nas chamadas **tabelas de dados**.

Gerenciando o produto por resultados (Outcomes) e não por entregas (Outputs)

Entenda como por que é melhor gerenciar produtos digitais por meio de resultados, não entregas.

Melhorando a resiliência do seu serviço em Golang

Como deixar seu serviço mais resiliente utilizando os pacotes da biblioteca go-resiliency.

Elastic Stack + Beats e como tudo isso funciona no Kubernetes

O que é o Elastic Stack e o que são os Beats

Como Criar um Logo de Sucesso: a História da Criação do Logotipo da Apple

Neste artigo você aprenderá como o logo da Apple foi criado, quem o inventou e como uma das marcas mais reconhecidas do mundo se desenvolveu

Games e eSports abrem novo mercado para profissionais da área de TI

A carreira profissional no ramo de tecnologia não está restrita apenas aos programados ou outros profissionais de TI.

Hackathons podem competir com eSports?

Hackatons competindo com eSports

Conheça o Pixel 4, novo smartphone do Google

Sensor de movimentos é diferencial do aparelho, que possibilita comandos por meio de gestos

Revolução do 5g

O futuro da telecomunição móvel

Campanha de recrutamento busca 30 profissionais de TI no Brasil para trabalhar em Portugal

Landing.jobs fará processo de seleção e auxiliará na concessão dos vistos para os selecionados

Guia fácil para usar localStorage com Javascript

Entendendo um pouco sobre como utilizar localStorage com Javascript

Design System e o gap de comunicação entre Designers e Devs

Essa foi uma série de tweets que fiz outro dia. No final, tem o link da thread. Seguem as anotações: Vocês já pararam para pensar que o design system é expressão de como havia (e ainda há) um buraco de comunicação entre devs e Designers? Durante anos devs implementam e criam, do início ao fim, design systems a partir dos layouts. Frameworks como Bootstrap surgem com essa necessidade de ter uma padronização visual e técnica dos elementos da tela pra dar mais velocidade e consistência na construção de interfaces.

Como escrever um reviews poderoso de um produto

Como escrever um reviews poderoso de um produto

Hostinger: Todo os desempenho que você precisa na melhor hospedagem de sites

Conheça a Hostinger: hospedagem de sites

Comentário: Comunidade, Open Source e Vida pessoal

Artigo extraído de uma thread no Twitter. No final, tem o link da thread. Segue as anotações: Se você fica enchendo o saco: “ah mas você tem que fazer pela comunidade pra ter respeito”. Tem não colega, você quem precisa parar com esse pedantismo. Ninguém te deve nada e open source não é para cobrar as coisas de volta. Baixa a bola, coleguinha. Cada um tem o seu tempo, a sua vida, disponibilidade.

Comentário: Se compare com os outros

Essa foi uma série de tweets que fiz outro dia. No final, tem o link da thread. Segue as anotações: “Uma dica (vale para todos, mas principalmente devs): sempre se compare com os outros. Existe uma falácia de que vc não pode se comparar com ninguém. Que fazer faz mal. Mentira. Você precisa sim entender quem é igual a você, quem é melhor que você e quem é pior que você.

Microsoft Edge pra MacOS

A Microsoft está liberando uma versão do Edge para MacOS.

10 extensões essenciais para VS Code

10 extensões essenciais para VS Code

Configurando React Native no macOS Mojave

Como configurar apps feitos com React Native para rodar em simuladores de iOS e Android, assim como aparelhos físicos.

Core do Linux no Windows com WSL2

Windows usará kernel do Linux para rodar software binário do Linux no Windows

Impedindo que a tela desligue com JavaScript

Como podemos impedir que a tela do usuário entre no modo de descanso

Tabela de Referência de Seletores de CSS

Tabela de referência para seletores de CSS

A importância da teoria das cores na escolha dos elementos visuais

O que a Teoria das Cores diz para o sucesso de um design digital.

O que Hollywood pode ensinar sobre experiência do usuário (UX)?

Muitos designers cometem o erro de achar que, para qualquer produto que estão projetando, os usuários seguirão os fluxos de tarefas, estruturas organizacionais e nomenclaturas que lhes foi imposta, perfeitamente e sem hesitação.

Opera 60

Nova versão do Opera 60

Performance no scroll com IntersectionObserver

Veremos os benefícios em usar IntersectionObserver.

Construa um Serviço e não um Produto Digital

Serviços em vez de produtos

Flutter: porque você deveria apostar nesta tecnologia

Porque você deveria apostar nesta tecnologia.

5 dicas de e-mail marketing para prender a atenção dos seus clientes

Aprenda cinco dicas essenciais para uma boa estratégia de marketing com e-mails

Três regras de ouro da experiência do usuário em Web Design

Qualquer empresa que queira ter sucesso hoje em dia deve ter um site esteticamente agradável, informativo e fácil de navegar. Será?

Medindo corretamente a latência dos seus serviços

Se você sempre utilizou a média como medida de latência, você não está fazendo isso da melhor forma.

Apple: quedas nas vendas, no lucro e na bolsa de valores preocupam

Como se não bastasse, um problema de segurança no iPhone, apontado por usuários do smartphone em janeiro, trouxe ainda mais dores de cabeça para a Apple.

Minha experiência com trabalho remoto

O outro lado do trabalho remoto.

React Hooks

Nova feature que chegou na versão 16.8.0, um dos assuntos mais hype do começo de 2019.

Um pensamento sobre trabalho remoto

Será que trabalhar remoto é 100% bom?

Regressão Linear Simples

Um pouco sobre Regressão Linear.

Continuous Integration & Delivery no Gitlab

Continuous Integration & Delivery é uma das partes mais importantes no trabalho de qualquer dev-ops.

Sobre engajamento e churn

Você trabalha em algum Produto Digital com assinatura? Então já ouviu falar de uma métrica chamada churn.

Projeto, Produtos Digitais e Continuidade

Em uma palavra, o que diferencia Projetos de Produtos Digitais? Continuidade.

Conheça o Codelobster - o editor de PHP, HTML, CSS e Javascript grátis

Conheça mais um editor grátis para código, o Codelobster

Documentando sua API com Apiary

Como fazer a documentação da sua API de maneira simples com Apiary + Blueprint.

Quais tendências para smartphones ganharão as ruas em 2019?

O mundo dos smartphones esteve repleto de lançamentos potentes no ano passado. Quais as tendências para os próximos?

As ferramentas do desenvolvedor React em 2019

Ferramentas úteis para otimizar o fluxo de trabalho do React em 2019

Um pouco sobre CSS Grid Layout

Tutorial básico da tecnologia padrão do CSS para criação de grids.

Criando um Blog pelo seu smartphone? Veja o que você precisa saber

VPN para Android e segurança do seu blog

5 razões pelas quais a segurança na internet deve ser sua principal prioridade

Segurança cibernética é a divisão da tecnologia da informação que se concentra na proteção de computadores, redes, programas e dados.

Minha aplicação não roda no PHP7, e agora?

Rodando sistemas legados de PHP usando o PHP5 Compatibility Layer via Composer.

Multi-idiomas com PHP sem banco de dados

Implemente multi-idiomas em sua aplicação PHP.

Entendendo os componentes funcionais

Vamos entender qual componente utilizar.

Entendendo os três tipos de deploy mais comuns

Entendendo os tipos de deploy Rolling, Blue-Green e Canary.

Afinal onde aplicar sua Business Logic?

Para que um código se transforme em valor, ele precisa: fazer algo de especial ou fazer algo que seja interessante para o seu stakeholder

Review anual - Os textos que você não pode perder

Fique por dentro dos melhores textos de 2018.

Números grandes em JavaScript com BigInt

Apresentação de um novo tipo de dado para números.

Programa de aceleração de desenvolvedores acontece em 2019

Participe de um programa de aceleração de desenvolvedores promovido pela Movile.

React Native build release android

Neste artigo vou mostrar o passo a passo de como realizar o build de release android no react-native.

Datas no PHP com Carbon

Como utilizar o pacote Carbon para trabalhar de maneira mais eficiente com datas no PHP.

Hospedagem com SSD vs HDD: diferenças, comparativos e os benefícios reais

Entenda a diferença entre uma hospedagem que usa disco SSD e HDD.

Saber programar pode ser diferencial para futuro no mercado de trabalho

A era da informação e dos computadores chegou e tem mostrado que o mundo precisa aprender uma nova língua, a da tecnologia.

Gerenciando seus branches com o Git Flow

Explicação dos conceitos básicos e fundamentais do Git Flow.

Como dar início ao FRONT-END em 2018?

Descubra um pouco mais sobre a área de front-end em 2018.

Desenvolvimento web em camadas com API

Entenda mais sobre camadas na web e organize seu código

Como implementer Serverless com OpenFaas e PHP

Entenda como implementar serverless usando uma solução open source, o OpenFaaS.

Começando a programar

Conheça referências e caminhos curtos para entrar nesse mundão de possibilidades.

Integração contínua no AWS ECS Fargate com AWS Lambda

Um guia de como configurar um deploy automático a partir de uma imagem disponibilizada no AWS Container Registry.

GIT: Tenho que voltar para uma versão antiga, e agora?

Voltando o código para uma versão anterior.

Série de vídeos sobre a Carreira de Desenvolvedor

Segunda temporada da série de vídeos sobre a Carreira de Desenvolvedor

Vida longa aos testes de mutação

Explicação sobre o por que test coverage não é uma métrica necessariamente boa e como podemos melhorar a qualidade dos nossos testes com testes de mutação.

Opera Touch o novo browser do Opera

Conheça o mais novo browser para Smartphones

Vivaldi 2.0

Vivaldi, o Opera melhorado, agora está na sua versão 2.0. Vale a pena ver.

(React + this + bind) = só sei que é assim

Desmistificando o limiar entre JavaScript e React.

Um simples código de HTML e CSS crasheia aparelhos da Apple

O código explora uma falha no WebKit.

React: o que é e como funciona essa ferramenta?

Como definido por seus criadores, React é “uma biblioteca JavaScript declarativa, eficiente e flexível para a criação de interfaces de usuário (UI)”.

Testando aplicações com Cypress

As suas dores de cabeça acabaram

Conexão KingHost 2018 - Call4Papers

Palestre para mais de 5 mil pessoas

Veja os salários de desenvolvedores e de outras profissões de TI em alta

Entenda qual a faixa salarial do mercado

Classificando o conteúdo do Stack Exchange (parte 03/03)

A série de textos que mostram como resolver o desafio de classificação textual do HackerRank finaliza por aqui.

Como evitar que seu app React com Redux vire um ninho de rato

Dicas para dar manutenção pro seu app React + Redux

Uma História Web: A Origem dos Bundlers

Entenda como surgiram os bundlers no Javascript

Conheça 4 programadoras que fizeram história

Para comemorar o Dia Internacional da Mulher, o Fórum Econômico Mundial destacou mulheres que fizeram história, na tecnologia e no mundo.

Analisando a solução para um Sudoku

Classes de algoritmos inteligentes - Gulosos e programação dinâmica

Uma introdução prática às threads no Node.js

Uma introdução prática às threads no Node.js

Getters e Setters - Manipuladores com Javascript

Descobrindo formas elegantes de manipular valores de objetos

As 12 melhores bibliotecas de gráficos para desenvolvedores web

Desenvolvedores web não se dão bem com planilhas, mas também não precisam mais: existem outras maneiras de representar dados

Classificando o conteúdo do Stack Exchange - Parte 2

Resolvendo um desafio de classificação das questões do Stack Exchange proposto no HackerRank.

Os dois front-ends: designer e engineer — Parte 3: Questionando as responsabilidades de um front-end

Existem responsabilidades que talvez você ache que sejam exclusivas do front-end, mas não são. Tais responsabilidades são compartilhadas pelo time.

Será o Dropshipping o futuro do empreendedorismo

O que é o dropshipping? E porque é tão comum nos dias de hoje?

Classificando o conteúdo do Stack Exchange - Parte 1

Resolvendo um desafio de classificação das questões do Stack Exchange proposto no HackerRank.

Deploy grátis de aplicações na cloud com o Now

Como fazer o deploy gratuito de aplicações na cloud utilizando o Now.

Os dois front-ends: designer e engineer — Parte 2: Os dois perfis

Pessoas diferentes para momentos diferentes no processo de desenvolvimento.

Autenticação em APIs ASP.Net Core com JWT — Refresh Token

Saiba o que é Refresh Token e como usá-lo com JWT e ASP.Net Core

Usando Sass com create-react-app (sem eject)

Como usar o Sass junto ao create-react-app, sem eject e apenas instalando a gem e fazendo rodar no nosso package.json.

Explorando o método bind em JavaScript

Conhecendo o método bind e seus benefícios.

Angular vs ReactJS - A web sempre ganhando

Uma breve comparação entre Angular e ReactJS.

Internet por banda larga volta a crescer no Brasil

Pesquisa TIC Domicílios 2017, do Cetic.br, também aponta que a metade dos indivíduos conectados acessa a Internet exclusivamente pelo celular.

Hacking.Rio 2018

Hackers e inovadores terão 42 horas para gerar soluções para o Rio de Janeiro

Os dois tipos de front-end: design e o engineer — Parte 1 : Uma breve história

O perfil do desenvolvedor front-end mudou e se transformou em dois (talvez mais) perfis diferentes. Entenda como tudo começou e saiba em qual perfil você se encaixa mais.

Hackathon da Serasa Experian - EJ5

Nova edição do evento de inovação Experiance Jam acontece em agosto, em São Carlos (SP)

Indo além da tecnologia

Como está a sua vida?

Dicas para melhorar a experiência de checkout

Afinal, todo o time de desenvolvimento está diretamente ligado com pontos chave na experiência do usuário.

Decifrando Proxies em JavaScript

Intercepte seus objetos utilizando Proxies.

Por que todo desenvolvedor deveria aprender design?

Afinal, todo o time de desenvolvimento está diretamente ligado com pontos chave na experiência do usuário.

Framer X: React, meet design

Um produto que promete juntar design e código mobile.

Dev, você precisa saber inglês

Não caia na ladainha de que você não precisa disso

Lidando com arrays em JavaScript

Métodos que vão simplificar seu trabalho com arrays em JavaScript.

Documentação de APIs com Swagger no ASP.Net Core

Criando uma documentação de API utilizando Swagger

GitHub vs GitLab

Comparativo entre as duas plataformas.

A Microsoft comprou o GitHub

E não, não é pegadinha e isso pode ser bom pra todos.

Obtendo o Usuário Logado em APIs ASP.Net Core

Obtendo o usuário autenticado extraindo dados do token pelo JWT

GDPR

Pra quem também não estava entendendo nada.

Autenticação em APIs ASP.Net Core com JWT

Resolvendo autenticaçnao em APIs usando tokens de acesso JWT

O porquê do Bitcoin — Parte 2: A mitologia grega, o Napster e os Refugiados da Síria

Porque Bitcoin não é algo trivial.

Fazendo o stub de dependências com Sinon

Como realizar o stub de suas dependências com o Sinon para simplificar seus testes.

Formsquash, formulários para sites estáticos

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

Template Strings

Criar strings é algo muito fácil em JavaScript. Mas manipular strings não é algo trivial.

O porquê do Bitcoin — Parte 1: La casa de papel, a Roma Antiga e a Década Perdida

Porque Bitcoin não é algo trivial.

O que são funções puras

Compreenda o que são funções puras e como podem beneficiar na construção de suas aplicações.

Como implementamos uma cultura DevOps unindo os times de infra e produto

Como unimos os times de infraestrutura e desenvolvimento para criar uma cultura DevOps na empresa.

Repaint, Reflow e Layout Thrashing - Performance além do carregamento

Neste artigo falaremos sobre renderização e boas práticas na manipulação do DOM :)

Quem cuida das pessoas no seu time?

Todos precisam de alguém para ajudar no caminho diário.

webpack Code Splitting: separando seus módulos para uma performance incrível

Aprenda como podemos utilizar o webpack para melhorar o carregamento de aplicações e melhorando a experiência dos usuários

CSS, HTML e Imagens - Performance no carregamento

Neste artigo farei um apanhado de várias técnicas utilizadas :)

Começando com WAI ARIA em uma janela modal

Como melhorar a acessibilidade em modais.

O que você deve saber sobre o funcionamento do React Native

Como o React Native realmente funciona por baixo dos panos

Realizando testes de stress em sua API

Como realizar testes de stress em suas aplicações na sua máquina local com o wrk.

Como usar auth no Firebase

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

PSR - Seguindo Padrões em PHP

Poucos conhecem o PSR, ele é um padrão para escrita de códigos em PHP que deve ser seguido :)

O que é cache e como ele pode nos ajudar

Entenda como o cache nos ajuda no dia a dia

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.

Burst: o banco de imagens da Shopify

Banco de imagens grátis e profissionais para empreendedores e web designers em um só site

7 diferenças entre desenvolvimento iOS e Android

Um infográfico mostrando 7 diferenças entre o desenvolvimento para iOS e Android.

Boas práticas para projetos JAMStack

Saiba algumas boas práticas (várias já conhecidas) para projetos JAMStack

A revolução dos sites com JAMstack

Uma nova maneira de criar sites e aplicativos

Compressão de Respostas em APIs ASP.Net Core

Ao desenvolver uma API, é muito importante nos preocuparmos com o tráfego de mensagens gerado, pois largura de banda é um recurso limitado.

Congelando seus objetos no JavaScript

Como utilizar o método Object.freeze() para congelar seus objetos no JavaScript.

O que é link canônico

O Link Canônico melhora os sinais de ranking de conteúdos diferentes, que podem ter suas referências relacionadas à uma página específica.

GraphQL: a nova era das APIs Web

Uma nova categoria de ferramentas tem ganhado mercado quando falamos sobre a construção de APIs Web: estamos falando do GraphQL.

Treinando Inteligência Artificial para fazer código front-end

Como um programador treinou uma máquina para fazer HTML e CSS a partir de Mockups

Deploy automático com GIT e Netlify

Entendendo como fazer deploy automático no Netlify fazendo push no GIT

Entendendo tokens JWT (Json Web Token)

O JWT é um padrão (RFC-7519) de mercado que define como transmitir e armazenar objetos JSON de forma compacta e segura entre diferentes aplicações.

Service Workers: Dicas de desenvolvimento

Saiba algumas dicas sobre Service Workers e seu funcionamento.

Usando ESlint e hooks no git

Como mandar bem nos commits

Manipulando Views com Android

Sabemos que ficar procurando views (elementos ou componentes) no Android é um tanto quanto chato, necessitamos muitas linhas de código para realizar muito pouco.

Datas no JavaScript com Moment.js

Como utilizar o pacote Moment.js para trabalhar de maneira mais eficiente com datas no JavaScript.

Guia de bolso do Desenvolvedor Front-End

Lista de referências que todo front-end deve conhecer.

Como fazer requisições ajax

Requisições ajax com Fetch API e Axios

Componentes além do reuso

Como trabalhar com componentes está tornando obsoleto o conceito de Model/View/Controller?

Primeiros passos com HUGO

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

Embaixo do Capo do React Native

Saia da mediocridade, entenda como funciona o realmente React Native. Mais cedo ou mais tarde isso poderá lhe ajudar muito.

Entendendo o DOM (Document Object Model)

O DOM explicado de uma maneira fácil.

Por que você deveria usar uma CDN em seu site

Ter um site veloz pode envolver muitos aspectos. Conheça a CDN e suas vantagens neste artigo.

Maratona de programação e Uri Online Judge

Por que você também deve participar?

Templates no Hugo - Entendendo o básico do range

Entenda como interar nas arrays do Hugo

Padronização, por que não?

Toda escolha é um tradeoff

Conhecendo o @supports do CSS

Entendendo como funciona a regra de condição @supports

Primeiros passos rumo ao Full-Stack com JavaScript

O que você acha de se tornar um Full-Stack Developer JS?

Design em código com Machine Learning no AirBnb

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

Neutralidade da Rede - pra você que está desinformado

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

Botões em UI Design

O botão é um dos elementos de UI mais comuns e está presente em praticamente qualquer interface.

Fontes customizadas no React-Native

como você pode fazer para usar fontes customizadas no seu projeto React-Native.

Quero ser um desenvolvedor fora do Brasil. E agora?

Desde que comecei a carreira de front-end developer, meu sonho sempre foi trabalhar fora do Brasil.

As 4 tendências pra 2018 que você PRECISA saber. Ou não.

Essas são apenas as minhas falhas opiniões de um jovem mortal.

NPM e a polêmica de segurança

A polêmica sobre a falta de segurança em códigos de terceiros

Crud com Node.js e MongoDB (Express + Mongoose) na KingHost

Criando uma app utilizando Express e MongoDB

Gerenciando aplicações Node.js com PM2

Como gerenciar aplicações Node.js em produção com PM2.

Os textos mais acessados no Tableless em 2017

Mais de 1 milhão e meio de pessoas acessaram e leram algum artigo.

Dicas de front-end para designers

Dicas de front-end para designers visando agilizar o desenvolvimento do site e manter maior fidelidade ao layout.

Salesforce Lightning Design System

Uma coleção de padrões de designs, componentes e guidelines da Salesforce

Utilizando Fragment no React

Uma das mais notáveis breaking changes do React foi a versão 16, a chamada React Fiber, que inclui o React.Fragment.

Como implementar o Blockchain em JavaScript

Aprenda passo-a-passo a fazer uma versão simplificada do Blockchain em JavaScript

Parcel Bundler: Criando um projeto React

Rápido, sem configurações e prático! É amigos da rede web, temos um bom jogador em campo!

Ember.js: Deploy no Heroku

Como configurar deploy automático no Heroku integrado com GitHub.

Automatizando tarefas com Cake

Saiba como automatizar tarefas de build, teste e deploy de pacotes Nuget com Cake e .Net Core.

Decisões antes de escolher um logo - Logaster

Antes de escolher um logo, você precisa tomar algumas decisões

Entendendo as técnicas de prebrowsing

Saiba como dar dicas para o browser carregar e pré renderizar arquivos e páginas.

Consumindo Web Service no Android

Uma tarefa muito comum do dia a dia é realizar requisições HTTP e consumir Web Services, mas às vezes pode ser um tanto quanto chata pois precisa de configurações e alguns passos a serem seguidos.

Introdução aos Progressive Web Apps

Olhe pro seu smartphone agora mesmo. Você fez o download do aplicativo do Shopping que mais frequenta? E da franquia de restaurantes? E da agência de viagens?

8 dicas para aumentar a eficiência de seus e-mails

Garanta que seus e-mails sejam abertos.

Criando uma API Express

Ou apenas me aventurando no Back-end.

Quais são as principais tecnologias de front-end utilizadas pelas startups

O rápido avanço da tecnologia transforma funções e exige novos profissionais a cada dia.

Firefox Quantum

Novo Firefox, duas vezes mais rápido para renderizar páginas, consumindo 30% menos memória que o Chrome.

Quem são os responsáveis por aplicar a acessibilidade em projetos digitais?

Você não pode (e não deve) ser o único responsável em falar sobre acessibilidade dentro de uma empresa, mas você pode (e deve) fazer parte dessa equipe.

Armadilhas Ember <> JQuery

O uso do JQuery em conjunto com o Ember pode trazer diversas armadilhas que vão resultar em lentidão, vazamento de memória e outros problemas.

O que eu aprendi depois de dar 100 palestras

Olá! Meu nome é Zeno Rocha. Ao longo dos últimos anos, aprendi muito sobre dar palestras e agora eu tô aqui para compartilhar essas lições.

Pesquisa – Como se tornar um desenvolvedor melhor

Pesquisa com alguns dos profissionais mais influentes no mercado.

GitHub Game Off

O 5º prémio anual do jogo GitHub começa em poucos dias - envolva-se e confira nossos recursos Phaser.

Atlassian libera documentação da sua biblioteca visual

A Atlassian liberou para uso público seu guideline visual.

Criando uma aplicação Ember.js em 2 minutos

“Mas Ember parou no tempo”... Será?!

Monitorando o ElasticSearch em Produção

Como criar de maneira fácil e rápida um monitoramento abrangente em seu cluster de ElasticSearch de Produção com o open-source Cérebro e com o New Relic.

A síndrome de Gabriela

Se você nunca ouviu essa modinha

Compilando sua aplicação Elm

Como fazer a compilação de uma aplicação escrita Elm para JavaScript e assim poder utilizar no browser.

O kit do desenvolvedor Front-end

Precisamos falar de código bom.

Como criar um time de Dados eficiente dentro da sua organização

Como definir seus pilares para tratar Big Data com eficiência, extraindo o máximo de valor de seus dados para aplicação eficiente de Data Science e Business Intelligence nos seus produtos.

Tudo sobre Favicon e como instalar ele em seu site 

Você tem um favicon personalizado para o seu site? Se ainda não, realmente deveria ter um. Ele dá o toque final ao branding e ao design do seu site.

Hackathon em São Carlos em Outubro

Quer alavancar seu conhecimento de um dia pro outro? Faça um Hackathon

Desenvolvendo sua primeira aplicação com Elm

Como escrever aplicações dinâmicas, fazer requisições HTTP e interpretar JSON.

ReactConf Brasil 2017

A conferência Brasileira sobre ReactJS.

Livro Introdução à Web Semântica

A inteligência da Informação.

Uma maneira divertida para aumentar suas skills em programação

Sites divertidos para aumentar suas habilidades em programação, ou aprender uma nova linguagem.

Introdução ao GraphQL com Node.js

GraphQL é uma linguagem de consulta de dados desenvolvida e usada pelo Facebook, saiba como utilizá-la com Node.js

Web para Todos quer acabar com as barreiras de navegação na Internet no Brasil

Iniciativa nasce com um movimento apoiado por diversas entidades, empresas, influenciadores e indivíduos que querem sites acessíveis para qualquer pessoa.

Entendendo Programação Funcional em JavaScript de uma vez

Você já percebeu que cada vez mais o termo Programação Funcional vem sendo usado pela comunidade?

A comoditização do desenvolvimento web

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

Seu primeiro Hello World em Elm

Guia de como instalar o Elm e fazer seu primeiro Hello World.

Algoritmos de ordenação e o seu JavaScript

Insert sort, selection sort, quick sort, etc. Legal, mas onde esses algoritmos são aplicados de fato no seu JavaScript?

Entendendo RxJS Observable com Angular

Uma forma simples de utilizar RxJS para aplicar conceitos de programação reativa com Angular

Front in BH chega a sua sexta edição

Evento voltado para desenvolvedores apresenta tendências do mercado e capacita profissionais mineiros

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.

Websites para as massas

Todo mundo precisa de um website e você precisa escolher a faixa de clientes que você quer trabalhar.

Uma forma simples de criar um bom hábito

O que é um hábito?

Introdução ao Elm - diga adeus aos runtime errors

Uma introdução básica à linguagem Elm.

Você conhece o Google Hacking?

O Google Hacking nada mais é que uma prática para encontrar aquivos e/ou falhas a partir do GoogleEntão vamos entender e conhece-lo na prática!

Tudo o que você sabe sobre produtividade pode estar errado

Um review sobre o Mantra da Produtividade

Como criar seu primeiro Progressive Web App do Zero

Entenda e crie seu Progressive Web App

O que TODO desenvolvedor JavaScript precisa saber

Nos últimos anos o JS passou por uma grande revolução, apesar disso, existe uma parte fundamental da linguagem que todos deveríamos saber.

Ouigo - Pinball em WebGL

Um pinball rodando direto do seu browser.

Seja bem-vindo ao Big Data e Eu serei seu guia — Parte 2 - Enfrentando um Problema

Grandes desafios por traz da contrução de sistemas de bancos de dados de alta disponibilidade e escaláveis.

Seja bem-vindo ao Big Data e Eu serei seu guia — Parte 1 - Cursos

Um guia pra começar bem na sua carreira de Engenheiro de Dados/Especialista Big Data, sem gastar rios de dinheiro.

Começando desenvolver com o PostCSS

Reinvente o modo como você escreve seu CSS.

O Guia Completo do React e o seu Ecossistema

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

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

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

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.

MeetUp Magento e Mercado Pago

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

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.

Front-end Week

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

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

Indo além no Mundo React-Native

Um estudo pessoal sobre as possibilidade do React Native.

Performance do Tableless estático

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

Seu primeiro bot para o Telegram

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

O básico sobre Sparql e Turtle

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

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.

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

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

O novo formato de arquivo do Sketch 43

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

Agora o Tableless é estático

Tableless não é mais no WordPress.

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.

Manipulando arquivos carregados por upload no Laravel

Arquivos grandes carregados por upload no Laravel

Scrum Master e sua essência.

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

Logaster – Fazendo seu logo de forma fácil

Criando logos facilmente com Logaster

Construindo um servidor GraphQL em minutos com a Siler PHP

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

Iniciando projeto com laravel – parte 1

Iniciando um projeto com Laravel

Atribuição múltipla com Destruturing Assignment

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

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

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.

O fim da profissão front-end

O front-end como você conhece vai morrer.

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.

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.

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.

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.

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.

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

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.

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.

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?

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

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.

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.

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.

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.

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.

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.

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: Feito isso, o NGINX já deve estar rodando. Para testar, rode o comando abaixo: Agora entre em localhost:8080 pelo seu navegador. Deve aparecer uma tela mais ou menos igual a essa:

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.

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.

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.

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.

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.

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.

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.

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.

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]2 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 fim iremos criar nosso repositório no GitHub e enviar o nosso projeto local.

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.

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! Muitas pessoas acreditam que podem classificar a informação pelos outros pois acham que sabem como será a melhor forma. Algo muito praticado é alguém do projeto definir uma estrutura, apresentar ao cliente, aprovar e tocar o barco!

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 WHONIXpara 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 PROXYCHAINSe a outra o JONDO: https://anonymous-proxy-servers.net/en/jondo.html

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.

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?

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 que Desenvolvedores/Programadores usam Twitter?

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, Gruntfoi 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 Browserifye Webpack. Como usar um empacotador Os empacotadores resolvem o problema fundamental no desenvolvimento front-end.

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. Neste artigo iremos dar mais informações a respeito destes plugins e também mostrar como eles podem ser utilizados para aumentar conversões.

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 Styluspara os outros pré-processadores que estão sendo utilizados no mercado é que ele já é baseado em NodeJSe não em ruby.

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.

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.

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.

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.

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.

#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 authors: Dani Guerrato paid: true 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:.

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.

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.

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

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.

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

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.

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.

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…

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.

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.

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.

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.

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.

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.

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.

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. Depois de usá-lo algumas vezes você precisa se policiar para não se ver usando esta arquitetura em todos os projetos e virar um pregador da arquitetura.

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

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.

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.

Conversão de tipos em JavaScript

Um dia desses eu recebi um quebra-gelo no Telegram, com o seguinte: 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.

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.

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.

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.

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.

Deixando seu site online com Surge.sh

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

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). Essa autoridade é um calculo matemático baseado em estudos realizados sobre o algoritmo do Google.

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

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.

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.

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!

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.

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.

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.

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.

Você sabe paginar dados no MySQL corretamente?

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

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)

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.

Vulnerabilidades em Sistemas Web

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

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.

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

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.

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.

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.

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.

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.

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.

Paginação com JavaScript e jQuery

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

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.

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

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

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?

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.

Sobre Aaron Swartz

Só um pensamento rápido sobre Aaron Swartz.

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.

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.

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.

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!

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.

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

O básico sobre Expressões Regulares

Desmistificando as Expressões Regulares.

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.

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. Vamos ao que interessa! Quando precisamos realizar uma consulta ao banco do WordPress para trazermos um conteúdo específico sem dar um refresh na página, logo corremos para fazer a tão maravilhosa requisição AJAX. Já vi isso sendo feito de muitas formas diferentes, desde um arquivo na raiz do projeto com uma “query na mão” e sendo chamada diretamente dentro do código da página específica, já vi uns arquivos nos mais variados diretórios com um require_once da vida no wp_load e então fazendo os loops lá dentro e cuspindo o html e etc.

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! <td> <strong>Renan Ranelli da Xerpa</strong> &#8211; mais conhecido como Milhouse &#8211; vai falar sobre como evitar que o sonho de adotar novas tecnologias se torne um pesadolo! </td> <td> <strong>Vinicius Sousa da Microsoft</strong>, falando sobre Vorlon.

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.

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.

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.

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 authors: Dani Guerrato paid: true.

ReactJS 101

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

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.

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.

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.

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.

Testes de Invasão e Análise de Vulnerabilidades

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

Encontro Desenvolvedores Recife – 05/Maio

Encontro Locaweb de Desenvolvimento e profissionais de internet!

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

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

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.

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.

Resultados do Survey 2015

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

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.

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.

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

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.

O básico sobre o automatizador de tarefas Make

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

Anuncie no Tableless

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

Fale conosco

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

Seja um autor

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

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.

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.

EdgeHTML issue tracker

Cadastre e acompanhe bugs do browser da Microsoft Edge.

Introdução ao Redux

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

Escreva código conosco

Contribua escrevendo código para o site Tableless.

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.

Novas features no Safari

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

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.

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.

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.

Criando facebook reactions com css

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

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.

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.

Constant Array no PHP 7

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

Sublime Text está sendo desenvolvido de novo

Até que enfim o Sublime Text voltou!

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.

Trabalho na área de SEO

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

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.

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.

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.

Instalando Laravel 5.2

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

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.

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

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

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 Existem diversas formas de trabalhar com módulos no typeScript, sendo as 3 mais comuns descritas a seguir:

Internet Explorer 8, 9 e 10 foram pro saco

O fim de uma era.

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.

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.

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

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.

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.

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

O novo software que substitui o Flash

Por um bom tempo o Flash ficou no mercado, mas, infelizmentechegou 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.

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

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

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.

Experimentando flexbox hoje: topo alinhado sem muito esforço

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

Detectando navegadores com Bowser

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

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.

ES2015 – Babel 6 com Browserify e Babelify

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

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: https://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.

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.

Como usar variáveis no CSS de forma nativa

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

Introdução ao Electron

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

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

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.

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

Motivações ao desenvolvimento acessível.

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.

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.

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

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.

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:

Use as facilidades do CSS 4 hoje

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

Organizando equipes

Sobre organizar equipes multifuncionais em uma empresa gigante.

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.

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.

Fórum do Tableless está de volta

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

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.

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.

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

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

Centralizando conteúdo na vertical e horizontal com CSS Flexbox

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

Harvest: Boilerplate de Gulp para seus projetos

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

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: 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: E se você usar o mesmo evento deste botão em algum módulo que está em outro arquivo?

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.

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?

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.

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

ícones, ícones, ícones para todos!

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.

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.

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

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.

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.

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

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.

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.

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

Pesquisa nacional para profissionais de web 2015

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

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.

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

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

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.

Copa.Landing.jobs: trabalhe em Lisboa

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

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.

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

Aprenda a criar e entenda como funciona um servidor HTTP

Bootstrap 4 Alpha

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

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.

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. jasmine-node. Instalação global. frisby. Instalação local no projeto. Hello, World! Para o uso devemos instanciar seu módulo: No seu uso mais básico, passamos como parâmetro a url a ser chamada e a resposta esperada.

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.

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.

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.

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.

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.

Introdução ao Meteor

Uma introdução ao Meteor.

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.

Como o Google vai tratar os gTLDs?

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

Entendendo Sistemas de Grid CSS do Zero

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

Processo front-end na Locaweb

Nosso processo e stack de front-end na Locaweb.

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

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

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.

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

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.

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.

Criando Layouts com Susy Framework

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

Desenvolvendo apps para SmartTVs com HTML, CSS e Ajax

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

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.

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.

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!

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.

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.

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.

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.

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.

A luta pelo Leo ainda não acabou

Continue ajudando o Leo à vencer o câncer

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.

Uber é 8 ou 80

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

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

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

Rotas dinâmicas no Silex

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

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.

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.

Parse – Objetos na nuvem

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

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.

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

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

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.

Animações fluídas à 60fps

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

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.

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

WebAssembly – a web compilada

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

Motion UI com estilos: Zeh Fernandes no Meetup CSS SP

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

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.

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.

Aprendendo JavaScript online

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

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.

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!

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.

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.

Dicas úteis e ferramentas para criar logos online

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

Flat design: a nova tendência dos gradientes

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

Desempenho e eventos jQuery: event delegation

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

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.

O nome UX está errado

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

Polymer 1.0 : Pronto para produção

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

Instalando o CAKEPHP 3.0 via Composer

Instalando o CakePHP via Composer.

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.

Como criar um Chrome App com o seu Chromebook

Criando seu primeiro App para Chrome direto do seu Chromebook!

Ícones – SVG Sprites com CSS na prática

Criando um sprites usando ícones SVG.

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.

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.

Flux: Entenda como funciona a arquitetura Flux com React

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

Iniciando com Symfony 2 – Parte 09

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

JAVA – Estruturas de Decisão

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

JavaScript: Dicas de bolso – parte 1

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

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.

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.

Collections ES6 – parte 1

Novas estruturas de dados do Javascript

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.

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.

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

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.

HTML: Encode UTF-8

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

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.

JAVA – Como plataforma

Entenda como o Java pode ser executado em qualquer plataforma.

Grid simples com SASS

Criando um grid simples com SCSS.

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.

Comprei um Chromebook. E agora?

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

Iniciando com Symfony 2 – Parte 08

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

Vim: o poder dos macros

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

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.

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.

Evento sobre desenvolvimento em Porto Alegre – #17elw

Ganhe um ingresso para um evento em Porto Alegre.

HTTP2 para Desenvolvedores de Web

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

Email Marketing – Testes e CSS Inliner – Parte 2

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

JAVA – O caminho do aprendizado

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

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.

Otimize a performance do seu site com o Kraken

Usando Kraken para otimizar suas imagens.

Realinhamento ou Redesign

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

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.

Tendências Web 2015 para desenvolvedores

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

JAVA – A ORIGEM

Entendendo um pouco sobre a história do Java.

Email Marketing – O Inferno – Parte 1

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

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

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

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.

Drops 15 – Eu era contra pré-processadores

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

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?

Como fazer integração do CakePHP com Mailchimp

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

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

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

Internet Explorer dá lugar para o sucessor

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

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. Aqui temos uma função que age como um construtor. O objeto tem a responsabilidade de realizar o somatório de um determinado valor do objeto projeto. Ela recebe como parâmetros um array de projetos (linhas) e uma propriedade escolhida para ser somada (coluna).

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?

Migrando do MySQL para Mongo

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

GDG DevFest Extended 2015

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

Iterators ES6

Uma nova forma de interagir com collections no Javascript

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

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

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.

Vida de Home Office

Saiba as vantagens e desvantagens de fazer Home Office.

Front-end United – Leo Kzw

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

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 teme pode te oferecer para resolver problemas banais.

Campanhas de E-mail Marketing

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

Manipulando janelas e arquivos no VIM

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

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.

Monitoramento de eventos com Google Analytics

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

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

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.

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.

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.

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.

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.

O status da conectividade mundial

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

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

Transferindo dados entre o PHP e Javascript do jeito certo.

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.

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.

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.

O que é MVC?

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

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.

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.

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.

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.

Cadastre seu post e seja um autor do Tableless

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

Curadoria do Tableless no Encontro Locaweb 2015

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

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.

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.

Iniciando com Symfony 2 – Parte 02

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

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.

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.

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.

Implementação PSD para HTML + SASS

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

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

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

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.

Entendendo o Outline do HTML

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

Iniciando com Symfony 2

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

Simples modal com CSS responsivo

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

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.

Plugins de GIT para Sublime e Brackets

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

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.

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

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

Comandos iniciais do Git

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

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

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

Destaques responsivos

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

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.

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!

Utilizando navigator.language

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

Sobre o design oco

Sobre design ordinário e argumentos.

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.

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.

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.

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.

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.

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

Web Fundamentals – Dicas do Google

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

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.

EmberJS para iniciantes – Parte 1

Iniciando com Ember.JS

W3C e WHATWG: amor e ódio

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

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

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

Padrões Web para o futuro

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

Não seja o próximo Zeno Rocha

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

Gravação do Tableless Conference 2014

Assista todas as palestras que ocorreram no Tableless Conference 2014.

Humble Mozilla Bundle

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

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.

GDG Tech Talk Salvador

Participe do Grupo de Desenvolvedores do Google em Salvador!

IE8 Countdown – Enforcando o demônio

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

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

Tableless Weekly #5

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

Tableless Conference #3 – 2014

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

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

Entenda o que significa Domain Authority.

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.

Um guia para o elemento ‘time’ do HTML5

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

Web.br 2014 – Bootstrap: Ame ou Odeie

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

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.

Web.br 2014 – Internacionalização na Booking

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

Web.br 2014 – Internet das Coisas

Anotações sobre Internet das Coisas.

Web.br 2014 – Throttle e Debounce

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

Usando seletores aninhados do SASS com cuidado

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

Design Patterns em JavaScript – Observer

Entenda um pouco mais sobre o pattern JavaScript Observer.

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

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

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.

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.

Revista Front-end Magazine

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

Melhores Práticas Web Components

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

Tableless Weekly #4

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

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

Programadores podem se tornar bons escritores?

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

Documentário sobre o Jeffrey Zeldman

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

Os Segredos do Chrome DevTools

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

Saiu o WordPress 4.0: “Benny”

Atualização do Wordpress 4.0.

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

Tableless Weekly #3

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

Cabeçalhos nível 1, sections e acessibilidade

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

Google Web Starter Kit

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

7 Plugins do sublime text que você deveria conhecer

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

BrazilJS 2014

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

Usando condicionais no Sass – Control Directives

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

Tableless Weekly #2

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

Instalando SASS na máquina – video

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

O mercado de desenvolvimento front-end

Temos um novo rockstar no palco.

Tableless Weekly #1

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

Utilizando Map Structure do Sass

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

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.

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.

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.

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.

9 dicas para novos empreendedores

9 dicas valiosas para quem está pensando em empreender.

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.

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.

JavaScript Strict Mode

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

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

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

Web Notifications API

Aprenda o básico da API de Web Notifications.

CSS Filters – Aplicando filtros em imagens com CSS

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

Construindo sua própria biblioteca javascript

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

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.

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?

Upload de arquivos com PHP

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

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.

Sobre desenvolvimento multi-device

Como classificar melhor os dispositivos para um bom desenvolvimento web.

Um pouco sobre OpenType

Como adicionar tipografia à web com recursos OpenType.

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

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

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.

Como publicar aplicação NodeJS no Heroku

Neste artigo vou utilizar uma aplicação single page para demonstrar passo a passo as etapas necessárias para publicar uma aplicação no Heroku.

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.

Quanto custa o seu ego?

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

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.

Dominando o uso de prototype em JavaScript

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

UX: uma Responsabilidade de Todos

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

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.

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.

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.

O futuro chegou: O elemento picture

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

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

PHP Slim Framework

Iniciando com o SLIM Framework.

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

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

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.

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.

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?

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.

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.

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.

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

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.

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.

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…

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!

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.

Web Components: Introdução

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

Em busca do Lean UX – Anotações

Anotações sobre a palestra LEAN UX.

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

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

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.

Cinco tecnologias fantásticas de uso corriqueiro

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

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

An Event Apart Boston 2014

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

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.

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.

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.

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.

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.

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.

Visualizando páginas responsivas em diversos navegadores

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

Palestra sobre como se tornar um dev front-end

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

6 truques básicos do functions.php do WordPress

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

Anotações Palestra 16ELW – Zeno Rocha

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

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

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

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.

Live Coding Online sobre Responsive Web Design

Participe do nosso Micro Workshop Online sobre Responsive Web Design.

Configurando Bower e Polymer

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

BDD na prática – Parte 1

Sinta o gostinho do BDD em um simples hello world

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

Desenhe a web.

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.

Composer – um pouco além do básico

Este post visa explicar algumas funcionalidades mais avançadas do composer.

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.

Imagens Responsivas de Alta Performance

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

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.

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

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

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

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.

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.

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.

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.

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.

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.

Code Guide by @mdo

Tradução do Code Guide do @mdo.

Desafios de um desenvolvedor front-end

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

O futuro do jQuery

Você já pensou no futuro do jQuery?

WebP, hora de brincar?

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

Atom: o novo editor by Github

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

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.

Estilizar e formatar placeholder de inputs

Como formatar o texto do atributo placeholder.

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?

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.

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

Javascript Observe

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

Considere não usar JQuery

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

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.

O Tableless escolheu os palestrantes do 16º Encontro Locaweb

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

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.

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.

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)

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.

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

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

Stack Overflow agora em português

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

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.

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.

Utilizando as metatags de OpenGraph

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

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.

Gulp: O novo automatizador

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

Bower na prática

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

Wintersmith: Outro gerador de conteúdo estático

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

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

Mudar ícones dos Custom Post Types no WordPress 3.8

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

Utilizando Mixins em pré-processadores CSS

Entendendo o básico de mixins do SASS.

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.

Deletando registros duplicados no banco de dados

Fazendo um script para apagar entradas duplicadas no MySQL.

PHPUnit, como iniciar sem dores

Instalando o PHUnit utilizando o gerenciador de pacotes Composer.

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

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.

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.

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?

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

Entenda como melhorar o texto para os sistemas de busca.

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.

Ensine mais

Aprenda ensinando em 2014.

Criando um blog com Octopress e Github Pages

Crie um blog em Octopress, framework baseado em Jekyll.

Introdução ao Selenium 2

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

TDD, por que usar?

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

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.

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

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

Turbinando as Media Queries

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

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.

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?

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?

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.

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.

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.

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.

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?

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 https://premio.w3c.br/finalistas/ A entrada é gratuita, mas somente pré-inscritos poderão assistir a cerimônia.

Live Coding com Diego Eis

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

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.

Conferência W3C Web.br 2013

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

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.

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.

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?

Testando sua app do Firefox OS em seu device

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

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.

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.

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.

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.

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

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 de SEO, umas pagas e outras free, mas que vão ajuda-lo a administrar a sua campanha.

Meddlers – Aprendendo a estruturar equipes

Como construir equipes e estruturas em diversos cenários.

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.

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.

Champfrogs: 10 desejos intrínsecos

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

Como se tornar um dev front-end

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

Dicas do Zeno – Maio

Dicas do Zeno de Maio.

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.

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.

Slides para devs #11 – JSON

Alguns slides sobre JSON e Javascript.

5 dicas para jogar dinheiro no lixo com email marketing

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

Fazendo um slide menu mobile – sem plugin

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

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.

Slides para devs #10 – GIT

Veja algumas apresentações sobre GIT

Redesign e SEO

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

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.

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.

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.

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.

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.

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.

Redução Progressiva

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

Sobre organizar informação

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

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.

Dicas de como fazer seu próprio framework CSS

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

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.

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.

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.

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.

Design para Google Glass

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

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.

Tridiv – Dominando 3D com CSS

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

Como evitar maus clientes

Por que cliente ruim, ninguém quer.

O SEO moderno e o foco no usuário

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

EditorConfig

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

Tabela comparativa de Frameworks CSS

Uma lista com os melhores frameworks de CSS

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.

Menu Retrátil com CSS e jQuery

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

Emmet LiveStyle

Uma nova maneira de editar CSS.

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.

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.

Criando mockups usando o Smarts Object no Photoshop

Criando mockups simples no Photoshop.

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

Entenda como funciona o Github Pages.

JavaScript: entendendo o this

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

Um novo mundo com Big Data

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

Drops 14 – Sou um mero desenvolvedor

Um podcast bem pessoal sobre iniciativa.

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

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

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.

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.

Guia para Iniciantes – Ajude

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

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.

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

Pequenas anotações sobre a palestra do Luli.

Resumo do 15 Encontro Locaweb

Minhas palestras feitas no 15ELW.

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.

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

Drops 13 sobre semântica

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.

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.

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.

Usando o plugin 960gs e o Photoshop

Entenda como funciona o Grid 960. Ideal para iniciantes.

O que é Design Atômico?

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

Contribuindo em projetos open source com o github

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

Survey do mercado web nacional

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

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?

Storytelling

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

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.

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.

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.

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.

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.

Atrás do Front(End)

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

jQuery 2.0

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

Tableless Conference #2 2013

Palestras e fotos do segundo Tableless Conference!

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

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

Desenvolvendo para Firefox OS

Introdução para criar aplicativos para FirefoxOS.

Para Iniciantes

Informações para iniciantes no Tableless.

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.

Slides para Devs #9 – Acessibilidade na web

Slides para Devs sobre Acessibilidade na Web

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.

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.

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!

Slides para Devs #8 – Frameworks JS

Apresentações sobre frameworks Javascript.

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.

IE10 dobra seu MarketShare

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

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

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

Freebies no Dribbble #1

Presentinhos grátis que pegamos no Dribbble.

Slides para Devs #7 – JS em larga escala

Apresentações sobre Javascript em larga escala.

Atender bem para atender sempre

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

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

Está perdido? Geolocalização!

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

Slides para Devs #6 – Javascript

Apresentações sobre Javascript.

CSS Transition e CSS Animation

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

AddThis: analisando as mídias sociais do seu site

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

Prepared Statements no MySQL

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

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.

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.

Criando comandos de atalhos no terminal

Criando comandos de atalhos direto no terminal.

Grunt: você deveria estar usando!

Entenda como automatizar tarefas com GruntJS.

Slides para devs #5 – Design

Slides de apresentações sobre design.

Sobre prazos e produtividade

Um pensamento sobre prazos e produtividade.

Blink: o novo motor do Chrome

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

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.

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.

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.

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.

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.

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.

Slides para Devs #3 – Responsive Web Design

Slides sobre Responsive Web Design.

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.

Webkit to the people

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

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.

Slides para Devs #2

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

Slides para Devs #1

Slides que valem a pena ver. #1.

CSS e acessibilidade na web

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

Grids semânticos com LESS

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

Dicas do Zeno – Fevereiro

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

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.

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.

Tableless Conference 2 – versão 2013

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

Locaweb Style – Como iniciamos

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

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.

Actions do Photoshop

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

Favicons

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

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.

Como se tornar um profissional Top em WordPress

Como se tornar um profissional top em Wordpress.

Locaweb Developer Network

Portal de Desenvolvedores da Locaweb.

Repensando CSS Resets

Como melhorar seu CSS Reset.

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.

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.

Performance front-end – Parte 2

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

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.

Internet Explorer dos anos 90

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

Tudo o que você precisa saber sobre Sitemaps

Saiba como montar e como funciona um sitemap.xml

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.

A tag MAIN

Conheça a nova tag MAIN do HTML.

Maxthon

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

Parallax simples com JQuery e CSS

Faça o efeito parallax com 3 passos simples.

Guia de Estilos

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

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.

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.

E-mail Newsletter Responsivo

Entenda como funciona e como fazer um email marketing responsivo.

Um 2013 cheio de propósito

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

Facebook no Firefox

Converse pelo Facebook Messenger diretamente pelo Firefox.

Mozilla Webmaker

Faça algo maravilhoso com a web.

Capturando erros JS LIKE-A-BOSS

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

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.

Startup e propósito

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

Um recado da MS aos trolls do IE

Uma homenagem da Microsoft aos trolls do IE.

Parallax Scrolling

Entenda como funciona o efeito parallax.

Classes Funcionais

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

Creme de papaia e Geolocalização

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

Imagens em alta resolução utilizando SVG

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

Git com Interface Gráfica

Aplicações visuais para o Git.

Iniciando no GIT – Parte 2

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

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

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.

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!

Iniciando no GIT – Parte 1

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

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.

Passwords em Mobiles

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

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?

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

Esse texto é pra mim – mercado e atitude

Pensando alto.

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.

IE10 no Windows 7

IE10 em Novembro para Windows 7.

Web.br 2012 – Empreendedorismo

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

Web.br 2012 – Abertura

Anotações do primeiro dia do Webbr 2012.

Firefox 17: um firefox mais social

O Firefox vai ser um browser mais social.

Tunando o Developer Tools do Google Chrome

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

Web Platform

Sua web documentada.

WebPlatform.org – Por uma Web documentada!

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

História da Web – Uma timeline

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

Flexbox – Organizando seu layout

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

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

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?

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.

Microdados do HTML5

Microdados dando mais significado à informação.

Adobe Edge

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

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.

10 anos de Firefox

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

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.

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?

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?

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 que eu não gosto do nome startup

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

Drops 12 – Dicas de sobrevivência

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

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.

Web Index

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

Dicas e truques de Sublime Text

Conheça algumas dicas e truques do Sublime Text.

Qual unidade utilizar – Pixel, EM ou REM

Entenda mais sobre as duas unidades prediletas pelos desenvolvedores.

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.

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.

Font icons – Utilizando ícones em formato de font

Aprenda a usar font para fazer elementos com ícones.

Open Web Device

Um celular amigável para os desenvolvedores.

Performance front-end – Parte 1

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

Boas práticas para E-mail Marketing

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

Safer Place – Um game feito pelo W3C

Ajude o W3C a deter cibercriminosos.

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.

Como usar os pseudo elementos :before e o :after

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

Retina.js – Imagens para telas retina

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

Querido usuário: Por favor, atualize seu browser

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

Um novo número 1

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

Identificando os IEs

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

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.

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

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

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?

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

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

Variáveis no CSS – Breve

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

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.

#1 Tableless Conference

Evento sobre front-end em SP.

Entendendend a regra @viewport do HTML

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

Acessibilidade – Podcast #2

Podcast sobre acessibilidade

“HTTP Archive” Ferramenta para performance

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

JavaScript com café, parte 2

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

Documentos poliglotas com XHTML5

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

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

Entendendo e sincronizando as necessidades dos designers e programadores.

Adobe: The Expressive Web

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

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.

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.

O dev front-end – Podcast #1

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

Adobe e os Padrões Web

A Adobe e suas iniciativas para ajudar o desenvolvimento web.

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.

Opera experimentando o -webkit-

Opera suportando o prefixo -webkit-.

Cuidado com invasões no WordPress

O WordPress não é perfeito e possui falhas, tome cuidado com possíveis invasões.

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

O que você sabe?

Sublime Text 2 – Meu novo editor

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

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.

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.

Drops 7 – Você está fazendo errado

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

A Batalha das App Stores – Conheça os Pontos Fortes e Previsões

Veja alguns números referentes a guerra entre as Apps Stores.

Project Glass

Um mundo atrás do seu óculos.

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.

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.

Devs decidem deixar o SVG e adotar o Flash

Devs deixam o SVG em pról do Flash.

Cut the Rope

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

O browser que você amou odiar

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

Acessibilidade, como mudar o Brasil?

O que podemos fazer para mudar a realidade da acessibilidade no desenvolvimento de sites no Brasil? Participe.

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.

Drops 6 – Acessibilidade

Um pouco sobre acessibilidade.

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.

Usando Meta Box em seu tema WordPress

Entenda como funcionam o Meta Box do Wordpress.

Layouts antigos do Tableless

Versões antigas do layout do Tableless...

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.

Seu lugar ao sol

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

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.

Manipulação de classes com JQuery

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

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.

GoMo – Teste seu site mobile

Teste seu site com o Google GoMo.

Princípios para escrever CSS de forma consistente

Pra você que não aguenta mais ver código bagunçado

Prefixos dos browsers: A web precisa de você

Por uma web mais livre.

Google Chrome para Android

Versão do browser Chrome para Android.

Agora é a vez dos desenvolvedores

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

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.

jQuery: métodos desconhecidos

Conheça alguns métodos pouco utilizados mas que podem ser grandes aliados dos desenvolvedores jQuery.

A melhor parte da viagem é o caminho

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

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

Fique por dentro do que acontece de melhor na nossa área!

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.

Aprenda a programar Javascript no Codecademy

Aprenda a programar de um jeito fácil.

Boas práticas de Acessibilidade

Apresentação sobre acessibilidade e desenvolvimento para web.

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.

CSS1K

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

Um pensamento sobre design para web

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

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! https://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.

CSS Sprites

Como fazer de forma moderna e sem chatices

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.

Style Guide para Android

Google lança Style Guide para desenvolvedores Android.

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.

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.

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.

Utilizando APPs em vez de browsers

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

WebIntents – Framework para WebApps

WebIntents: sistemas web falando a mesma língua.

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.

Propriedade background-clip

Entenda como a propriedade background-clip do CSS3 funciona.

Guia de Referência de HTML5

Cheat sheets completos sobre HTML5.

2012

O ano termina e começa outra vez. ♫

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.

Introdução ao CSS 3D – Flip Card

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

Command & Conquer: Tiberium Alliances

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

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.

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.

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.

Convencimento e educação = liberdade

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

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?

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.

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.

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.

Usabilidade de interfaces para dispositivos móveis – parte II

Adequar aplicações ao contexto de dispositivos móveis apresenta determinados vieses de desenvolvimento.

Usabilidade de interfaces para dispositivos móveis – parte I

O que muda nas questões de usabilidade quando estamos falando em dispositivos móveis?

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.

Eu saí da Visie

Singrar novos horizontes.

Formulários e o Metawebdesign – Parte 1

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

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.

Biblioteca CSS ou Framework?

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

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.

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.

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.

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.

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.

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.

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.

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.

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

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.

Tenha o DOM

Entenda o que é o Document Object Model e tenha o DOM.

Entendendo os Reflows

O que são e como os Reflows podem ser otimizados para aplicações ficarem ainda mais rápidas.

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.

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.

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.

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.

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.

CSS3 – Módulo Template Layout

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

Interface Guide para Apps Mobiles

Guias de interface para desenvolvimento mobile.

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.

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?

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.

CSS3 – Animation e regra keyframe

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

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.

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.

Pontuação de especificidade da CSS

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

Drops 5 – Responsabilidade Dev Front-end

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

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.

Manipulando a metatag Viewport

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

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.

Keygen: Certificando suas paginas com HTML

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

Tags Condicionais do WordPress

As Tags Condicionais são usadas para manipular o conteúdo exibido ou especificar informações na página

Ferramentas de diagnóstico

Quando algo de estranho acontece, é bom estar preparado.

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.

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.

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.

Performance do seu CSS

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

Múltiplos backgrounds com CSS

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

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.

Drops 4 – Validar é importante?

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

Convertidos do Tableless

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

CSS3 – Abas com a pseudo-classe :target

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

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.

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.

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.

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.

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.

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!

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.

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

Drops 3 – Duas formas de modular seu CSS

Duas maneiras de modular seu código CSS.

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?

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.

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.

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.

Drops 2 – A palavra Marcação do HTML

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

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.

O básico: O que é HTML?

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

Criando Sidebar Dinâmica no WordPress

Aprenda a adicionar sidebars e adicione os widgets disponíveis dentro do painel de administração.

Shortcodes

Um dos API’s mais importantes do WordPress, fácil de usar e customizar.

Ativando o suporte ao Post Thumbnails em seu tema

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.

Drops 1 – HTML5 já pode ser usado

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

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.

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.

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.

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.

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

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

2011: um grande ano

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

Introdução a Microdata no HTML5

De forma similar aos microformats, microdata do HTML5 permite representar determinadas informações de forma mais semântica.

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.

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.

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.

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.

Desenvolvendo para IE6

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

Bem vindo a Xangri-lá – Parte 1

Progressive Enhancement, Graceful Degradation e um horizonte perdido que precisa ser encontrado no desenvolvimento web

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.

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.

Responsabilidade de um dev client-side

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

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.

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.

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.

Vote no Especialista em Usabilidade para Presidente

A usabilidade é algo muito abrangente e você, profissional front-end, tem muito a ver com isso.

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?

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

Modelos de conteúdo no HTML5

Sobre modelos de conteúdo no HTML5.

HTML5 Diff

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

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.

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.

Propriedade @font-face CSS – Fonts externas na web

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

Codeshow 2010

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

Emuladores para browsers mobiles

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

Processos e Adoção de Padrões

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

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.

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.

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?

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.

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.

Colocar Rodapé fixo no fim da página

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

Convertido – Menu (Livraria Cultura)

Reconstruindo o menu da Livraria Cultura.

Convertidos de volta

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

2010

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

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.

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.

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?

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.

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.

Efeito cascata, herança e especificidade do CSS

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

Digest – Referências de CSS

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

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?

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.

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.

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

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.

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!

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.

Digest 06/09: Javascript, JQuery

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

Digest 05/09: Javascript, JQuery

Links e dicas sobre JQuery e Javascript.

Digest 05/09: Técnicas de CSS

Navigation Menu Navigation Matrix Collapsible Tables Checkbox Customization

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.

Digest 04/09: Javascript, JQuery e Ajax

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

Digest 04/09: CSS, HTML e Layout

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

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.

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.

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.

14º Encontro de Web Design – SP

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

Seletores do CSS: Pseudo-classes

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

Seletores Complexos do CSS

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

Seletores Agrupados e Encadeados

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

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.

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.

Canivetes na web

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

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.

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.

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.

Animando com jQuery

Que tal experimentar fazer uma área onde o usuário clica em um botão de mostrar/ocultar menu?

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?

Implementar XHTML/CSS é grátis

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

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.

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.

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.

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.

Mostrar posts recentes no WordPress

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.

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:

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.

O Chrome não quer dizer muita coisa

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

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:

Bloginfo Template Tag

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.

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. Essas técnicas ilegais são chamadas de Black Hat.

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.

WordPress Include Tags

SEO – Sitemaps

Saiba como funciona o sitemap.xml

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.

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.

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.

Formulário HTML Básico em 8 minutos

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.

Formulários definitivos e problema de lógica

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.

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!

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.

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…

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.

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.

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.

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

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.

10º Encontro Locaweb de Profissionais de Internet

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

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