dpw expo #16 – CSSFX, iziModal, Tippy.js

CSSFX, site com diversos efeitos CSS para copiar e colar; iziModal, plugin jQuery para modais elegantes e; Tippy.js, para fazer tooltips animados variados.

dpw expo #15 – iziToast, animate.css, CSS3 Transform

iziToast, lib JavaScript para notifica√ß√Ķes; animate.css, uma das mais tradicionais para anima√ß√Ķes CSS e; CSS3 Transform, para transforma√ß√Ķes em CSS.

dpw expo #14 – Ikonate, SortableJS, TypeIt

Veja Ikonate, para montar kits de ícones vetoriais; SortableJS, para listas reordenáveis via drag&drop e; TypeIt, utilitário JS para animação de digitação.

dpw expo #13 – Buefy, BootboxJS, Uppy

Conheça Bufy, lib UI feita com Vue.js + Bulma; BootboxJS, para modais usando Bootstrap e; Uppy, biblioteca JavaScript para uploads de arquivos.

dpw expo #12 – Medium Zoom, ICONSVG, Choices.js

Medium Zoom, para zoom em imagens; ICONSVG, ferramenta para seleção e personalização de ícones SVG e; Choices.js, biblioteca JS para tags e selects.

dpw expo #11 – Perflink, CrumbJS, iro.js

Conheça Perflink, para benchmark de JavaScript; CrumbJS, para trabalhar com cookies e LocalStorage e; iro.js, color pick responsivo moderno.

dpw expo #10 – DevDocs, Editor.js, RFS

DevDocs, documentação de APIs e tecnologias; Editor.js, WYSIWYG diferenciado e; RFS, possível solução final para tamanhos de fontes em design responsivo.

dpw expo #9 – Micromodal.js, mockAPI, Color.review

Conheça Micromodal.js, lib JavaScript leve e rápida para modais; mockAPI, para criar endpoints mockados e; Color.review, que checa o constraste entre cores.

dpw expo #8 – removebg, Cleave.js, NSFW JS

Conhe√ßa o removebg, que remove backgrounds de imagens; Cleave.js, para formatar campos e; NSFW JS, identificador de conte√ļdo +18 diretamente no front end.

dpw expo #7 – Lozad, PulltoRefresh.js, StackBlitz

Conhe√ßa Lozad, para fazer lazy loading de recursos web; PulltoRefresh.js, para o efeito “pull to refresh” e; StackBlitz, o VS Code online.

dpw expo #6 – Rellax, spacetime, AmplitudeJS

Conheça o Rellax, biblioteca para efeito parallax; spacetime, para lidar com datas, tempo e fuso horários e; AmplitudeJS, audio player HTML5 moderno.

dpw expo #1: k6, CSS Reference, Coolors.co

Conheça uma ferramenta para medir performance de projetos web, uma referência CSS e também uma ferramenta para criação e descoberta de paletas de cores.

Retrospectiva 2018

Retrospectiva com os melhores artigos de 2018 do seu, do meu, do nosso desenvolvimento para web! ;-)

CSS Blocks: introdução à API

Veja neste artigo uma introdução à API de CSS Blocks e comece a entender porque este é um dos melhores compiladores CSS da atualidade.

LinkedIn anuncia CSS Blocks, o novo otimizador de CSS

Saiba mais sobre CSS Blocks, o novo projeto open source da LinkedIn de um otimizador CSS que promete contribuir muito para o desenvolvimento front-end.

Os melhores bancos de imagens (stock images) gr√°tis

Lista com os melhores bancos de imagens grátis (free stock images) em uma compilação sensacional para usar imagens em qualquer projeto web.

Colorblind Web Page Filter: acessibilidade por simulação de deficiências cromáticas

Colorblind Web Page Filter permite simular diferentes tipos de deficiências cromáticas. Saiba mais a respeito da ferramenta para testes de acessibilidade.

5 macetes do Composer

Conheça 5 macetes do Composer para aprimorar seu workflow PHP através de um gerenciamento de dependências mais eficiente.

Web design responsivo com DevTools Device Mode

Conheça as novidades da Device Mode da DevTools e saiba como tirar proveito para desenvolvimento com web design responsivo.

Pré-processadores CSS e Chrome DevTools

Aprenda como usar o potencial máximo da DevTools ao trabalhar com pré-processadores CSS.

WordPress + Composer: aprimore seu workflow

Utilize Composer com WordPress para aprimorar seu workflow e manter as dependências do projeto de uma maneira mais profissional.

Genymotion: emulador de Android

Genymotion é um emulador Android simples e fácil de usar. Veja como o Genymotion emula dispositivos Android para testes de maneira simples e rápida!

Gulp Fiction

Gulp Fiction é uma interface visual para se trabalhar com Gulp. Assista ao screencast e saiba como o Gulp Fiction pode ajudar em seus projetos web!

Gulp

Conhe√ßa o Gulp, melhor automatizador de tarefas de front-end da atualidade, num artigo repleto de informa√ß√Ķes, dicas e exemplos.

UIkit: framework front-end modular responsivo

UIkit √© um framework responsivo modular de front-end projetado para ser leve e simples de se usar. Veja mais informa√ß√Ķes e conhe√ßa seus componentes.

Bower: gerenciador de pacotes front-end

Conheça mais sobre o Bower, gerenciador de pacotes para front-end para um melhor gerenciamento dos recursos de front-end necessários para projetos web

Grunt: build tool para projetos front-end

Conheça o Grunt, um dos melhores executadores de tarefas (task runner), e veja exemplos de uso para que o processo de automatização de tarefas no front-end em seus projetos seja uma realidade!

Como fazer fork de um projeto no GitHub

Aprenda como fazer fork de um projeto no GitHub, incluindo comandos e fluxo necessário, e saiba como ter a sua própria versão de um pedacinho de código que pode mudar o mundo!

Composer: como atualizar

Saiba como atualizar o Composer e ter sempre a vers√£o mais atual do gerenciador de pacotes do PHP.

Começando com Git

Começando com Git: vídeo de 3h para você aprender mais sobre o Git, o sistema de controle de versão responsável pelo termo Codificação Social (Social Coding).

Composer: a evolução PHP

Composer é o gerenciador de dependências (ou pacotes) para PHP. Conheça mais sobre o Composer e saiba o que ele pode fazer por você.

Usando Modernizr para detectar features de HTML5 e CSS3

Conhe√ßa e aprenda a usar Modernizr, biblioteca JavaScript que permite detectar features de HTML5 e CSS3 do navegador e prover solu√ß√Ķes, caso necess√°rio.

Melhores editores WYSIWYG

Conheça os melhores editores WYSIWYG para seu projeto ir para o próximo nível: uma lista de editores WYSIWYG para todos os gostos e necessidades!

Recursos de usabilidade grátis

Recursos de usabilidade grátis para testes de usabilidade e aprimoramento da experiência do usuário em seu site. Leia e saiba mais sobre usabilidade na web!

7 ferramentas para web designs melhores

Conhe√ßa 7 ferramentas para ajud√°-lo a elaborar web designs melhores e a ser mais relevante com os respectivos p√ļblicos-alvo de seus projetos

Como tirar screenshot de um web site inteiro e obter uma imagem completa

Descubra como fazer para ter uma screenshot completo de um site

Identificador de fontes

Quer usar um identificador de fontes para saber qual fonte foi usada em uma imagem ou texto de um site? Quer saber como identificar uma fonte? Leia mais!