dpw expo #40 – ApexCharts.js, Sal.js, Moveable, Cropper.js, FilePound
dpw expo 40 é especial, comemorando o fim da 1ª temporada, e apresenta 5 recursos para você explorar um mundo de interatividade e possibilidades!
dpw expo #39 – International Telephone Input, Focus Overlay, JustGage
International Telephone Input, para campos de tel internacionais; Focus Overlay, para ênfase ao foco em elementos; JustGage, que gera gráficos gauge.
dpw expo #38 – Jurassic Ninja, typical, gameController.js
Jurassic Ninja, para ter site WordPress com apenas 1 clique; typical, para efeito de digitar e; gameController.js, para usar gamepad e controles no browser.
dpw expo #37 – roughViz.js, free-for.dev, Swiper
roughViz.js, lib JS para gráficos “à mão”; free-for.dev, lista de recursos free tier e; Swiper, moderno touch slider para mobile.
dpw expo #36 – React Bolt, Butter Cake, Browserhacks
React Bolt, boilerplate para projetos React; Butter Cake, framework CSS moderno com Flexbox; Browserhacks, com listas de hacks CSS para diferentes browsers.
dpw expo #35 – react-spinners-css, SimpleBar, CopyPalette
react-spinners-css, spinner para React; SimpleBar, barras de rolagem personalizadas e; CopyPallete, para criar paletas de cores SVG para Sketch e Figma.
dpw expo #34 – Can I email, clipboard.js, Flawwwless ui
Can I email, para checar features em e-mails; clipboard.js, para copiar texto para a área de transferência e; Flawwwless ui, lib de componentes React.
dpw expo #33 – filesize.js, Radial Menu, UI Interactions
filesize.js, para humanos lerem tamanhos de arquivos; Radial Menu, um menu radial fácil de usar e; UI Interactions, interações de user interface diversas.
dpw expo #32 – Image Map Generator, Divjoy, SVG Artista
Image Map Generator, para mapas de imagem; Divjoy, codebase React (com builder) e; SVG Artista, para animações de fill e stroke com SVGs.
dpw expo #31 – Page Transitions, Hopscotch, Agile CSS Framework
Page Transitions, uma coleção de transições de página; Hopscotch, para fazer tour pelo site e; Agile CSS, framework CSS levíssimo otimizado para SEO.
dpw expo #30 – collectorium, perfundo, npkill
collectorium, para fazer abas com CSS puro; perfundo, para criar lightboxes com CSS puro e; npkill, para deletar diretórios node_modules inúteis.
dpw expo #29 – TypeLighter.js, Codeimg.io, Vuestic Admin
TypeLighter.js, para efeito typewrite; Codeimg.io, para compartilhar snippets de códigos e; Vuestic Admin, solução Vue.js para painéis admin.
dpw expo #28 – simplePARALLAX, Gitfolio, CSS Border Animations
simplePARALLAX, para efeitos parallax variados; Gitfolio, para gerar um portfolio a partir de seu GitHub e; CSS Border Animations, exemplos de animação CSS.
dpw expo #27 – Gradient Magic, Text stripes, git-pending
Gradient Magic, galeria de gradientes CSS únicos; Text stripes, ferramenta para criar stripes e; git-pending, plugin para git para relembrar seus TODO.
dpw expo #26 – Tabulator, react-image-magnifiers, SuperTinyIcons
Tabulator, para tabelas interativas; react-image-magnifiers, componentes React para image magnifying e; SuperTinyIcons, versões SVG minúsculas de ícones.
dpw expo #25 – List.js, 26 recursos VS Code 2019, Color Thief
List.js, adiciona busca, filtro e ordenação em listas e tabelas; 26 recursos JS para VSCode em 2019; Color Thief, gera paleta de cores a partir de imagem.
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.
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.