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.

SVG inline… Com cache!

Todos sabemos que não é possível cachear ícones SVG inline… Ou será que é? Veja neste artigo como usar ícones SVG inline com cache!

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.

Dominando o “this” em JavaScript

A palavra-chave “this” em JavaScript confunde desenvolvedores novos e experientes. Leia este artigo e domine o “this” em JavaScript!

6 truques de ECMAScript 6

Confira 6 truques de ECMAScript 6 que podem ser bastante úteis em projetos front-end.

map(), filter() e reduce() em JavaScript

Saiba mais sobre map(), filter() e reduce() e como usar estas importantes funções de programação funcional em JavaScript.

Delegação de Evento (Event Delegation) em JavaScript puro

Delegação de Eventos (Events Delegation) em JavaScript puro: mais informações e exemplos de como usar corretamente.

JavaScript Module Pattern (Padrão de Módulo)

Conheça JavaScript Module Pattern (Padrão de Módulo) e aprenda casos de uso e técnicas básicas e avançadas que permitirão a evolução de seu código!

Prevenindo “layout thrashing” com FastDom

Saiba o que é “layout thrashing”, suas consequências e como é possível evitar usando a biblioteca FastDom.

JavaScript IIFE como contêiner de códigos

Entenda sobre IIFE (Expressão de Função Imediatamente Invocada ou Immediately-Invoked Function Expression) em JavaScript e porque você deve usar já!

Gulp

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

Eventos JavaScript

Introdução a eventos JavaScript: saiba mais sobre eventos, event handlers, tipos de eventos, eventos JavaSript comuns e mais.

Conhecimentos essenciais de JavaScript para quem já usa jQuery

JavaScript puro e suas funções, métodos e maneiras de trabalhar estão ficando cada vez mais simples e eficientes. Veja uma série de comparações de funções e métodos em JavaScript nativo comparados com jQuery.

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.

Equivalentes nativos de JavaScript para funções jQuery

Conheça equivalentes nativos de JavaScript para funções jQuery e saiba como aumentar o desempenho de seus projetos web.

Como loading de JavaScript funciona: DOMContentLoaded e OnLoad

Aprenda como o loading de JavaScript funciona e saiba mais sobre os eventos DOMContentLoaded e OnLoad e como posicionar e usar apropriadamente seus códigos JS.

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!

Webshims Lib: Polyfills de recursos de HTML5 e CSS3

Conheça a Webshims Lib e saiba como ter polyfills de recursos de HTML5 e CSS3 carregados sob demanda!

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.

Como usar .ready() antes de incluir a jQuery

Aprenda como usar o .ready() da jQuery até mesmo antes de incluir a própria jQuery, que permite executar códigos inline que dependem da bilbioteca mesmo antes de ela ser incluída! Saiba mais!

Como otimizar códigos jQuery e aumentar a performance do front-end

Dicas simples de como otimizar códigos jQuery e aumentar a performance do front-end

JSON: JavaScript Object Notation

JSON – JavaScript Object Notation – é uma das principais notações para intercâmbio de dados entre aplicativos. Saiba mais e veja exemplos e ferramentas.

Melhorando a interação em formulários de busca

Aprenda a melhorar a interação em formulários de busca com poucas linhas de código e aumente a usabilidade de seu form de busca

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!

Diferenças entre IDs e Classes

Aprenda a diferença entre IDs e classes, usados em XHTML, CSS e javascript. Saber a diferença entre classes e IDs evita erros básicos e permite desenvolver sites melhores