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.

E-book com 10 dicas para montar seu portfolio altamente eficiente e conseguir muito mais clientes e projetos!

Download GRÁTIS