dpw expo #24 – Animista, Static Site Boilerplate, Humanize Duration

Animista, para animações CSS; Static Site Boilerplate, workflow completo para sites estáticos e; Humanize Duration, JS que converte para milissegundos.

dpw expo #23 – Frappe Charts, Darkmode.js, Eva Design System

Frappe Charts, para gráficos modernos SVG; Darkmode.js, para adicionar dark mode no seu site/app; Eva Design System, gerador de cores que usa deep learning.

dpw expo #22 – Shape.so, MoveTo.js, uiGradients

Shape.so, ferramenta que disponbiliza ícones personalizáveis; MoveTo.js, lib para scroll animado JavaScript e; uiGradients, galeria de degradês com opções.

dpw expo #21 – freezeframe.js, Spotlight.js, Microjs

freezeframe.js, que controla gifs animados; Spotlight.js, um novo modal/galeria que está chegando nas webs e; Microjs, buscador de recursos JavaScript.

dpw expo #20 – Transfonter, Specificity Calculator, ms

Transfonter, conversor de fonte para @font-face; Specificity Calculator, para cálculo de especificidade CSS e; ms, que converte tempo para milissegundos.

dpw expo #19 – Scene.js, Pressure.js, pixelmatch

Scene.js, lib de animações JS; Pressure.js, para controlar interações com clicks e touchs e; pixelmatch, para comparação da similaridade entre imagens.

dpw expo #18 – Zdog, Pickr, CSS Grid Generator

Zdog, para pseudo-3D em canvas e SVG; Pickr, seletor de cores minimalista-poderoso e; CSS Grid Generator, interface web para se trabalhar com CSS Grid.

dpw expo #17 – micron.js, Tailwind CSS, Tornis

micron.js, lib de microinterações CSS com JavaScript; Tailwind, framework CSS para prototipagem rápida e; Tornis, listener de infos de mouse e viewport.

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.

Como resolver problemas em desenvolvimento web: saiba onde procurar ajuda

Diariamente nos deparamos com problemas. Veja como resolver problemas em desenvolvimento web através de nossas sugestões de onde procurar por ajuda.

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.

10+ melhores extensões Visual Studio Code para JavaScript em 2019

Conheça as 10+ melhores extensões Visual Studio Code para JavaScript em 2019 e veja quais plugins JS você deve usar para melhorar sua experiência no VSCode.

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.

Curso “Flexbox: o guia completo”

Aprenda Flexbox e domine uma das melhores tecnologias CSS para criação de layouts modernos e elementos de UI responsivos!

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.

Minicurso grátis “Sass placeholders: o jeito certo”

Saiba mais sobre o minicurso grátis para aprender a usar placeholder selectors do jeito certo e construir uma biblioteca de utilitários CSS.

Curso “CSS Grid: o sistema definitivo de layouts”

Aprenda CSS Grid Layout e desenvolva layouts de maneira surpreendente!

Curso “CSS: um passo adiante”

Eleve seu CSS ao próximo nível com CSSOO, SMACSS, BEM, Pré-processadores CSS, Namespaces CSS e Task Runners!

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!

Escolha uma Licença

escolhaumalicenca.com.br, site para ajudar a escolher conscientemente licenças para projetos open source!

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

Alloy UI: componentes, informações e opiniões

Alloy UI, um UI framework feito com YUI3, é um projeto com bons componentes para desenvolvimento front-end e já é usado por grandes empresas pelo mundo.

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

Baixar ícones de alta definição e qualidade

Para quem sempre procura sites onde baixar ícones de alta qualidade e definição, veja uma compilação com bons sites que disponibilizam ícones de excelente nível! Os melhores ícones da internet!

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!