Screencasts de vídeo 2025, Janeiro

04: Por que SVG? Pequena. - CSS-Tricks

04: Por que SVG? Pequena. - CSS-Tricks

O tamanho de um arquivo SVG depende de quão complexo ele é, não de quão "grande" ele é. Lembre-se de que os SVGs não se importam com o tamanho em que são renderizados, eles são "

08: Usando SVG: iframe / object / embed - CSS-Tricks

08: Usando SVG: iframe / object / embed - CSS-Tricks

Perdoe-me se estou um pouco deprimido com esses métodos. Nunca encontrei um caso de uso em que eles sejam definitivamente o caminho a seguir. Houve um tempo em que o "

03: Por que SVG? Flexível. - CSS-Tricks

03: Por que SVG? Flexível. - CSS-Tricks

Acabamos de saber que os SVGs parecem visualmente nítidos. SVGs também são flexíveis. Isso não é realmente exclusivo dos elementos da web, mas o que é único é que eles "

06: Usando SVG - SVG como imagem de fundo - CSS-Tricks

06: Usando SVG - SVG como imagem de fundo - CSS-Tricks

As imagens SVG também podem ser usadas como imagem de fundo em CSS, assim como PNG, JPG.webp ou GIF. .element (background-image: url (/images/image.svg);) Tudo igual "

# 29: Preparando a produção - CSS-Tricks

# 29: Preparando a produção - CSS-Tricks

Vamos trazê-lo de volta para um editor de texto normal neste screencast, assim como começamos. Em uma situação do "mundo real", essas coisas são verdadeiras: Você "

07: Usando SVG - SVG Inline - CSS-Tricks

07: Usando SVG - SVG Inline - CSS-Tricks

Talvez a melhor maneira de usar SVG seja "Inline SVG" - isto é, colocando o código SVG direto em seu HTML. Funciona muito bem! Veja a caneta gpcDi de Chris Coyier "

02: Por que SVG? Nitidez. - CSS-Tricks

02: Por que SVG? Nitidez. - CSS-Tricks

Eu gostaria de enfatizar, à medida que começamos este curso, por que o SVG é tão atraente para usar. Talvez a razão mais convincente para os designers: eles parecem "

# 30: Conclusão da série - CSS-Tricks

# 30: Conclusão da série - CSS-Tricks

Você conseguiu! Muito obrigado por fazer o curso. Espero que você tenha aprendido o suficiente sobre jQuery e JavaScript para que seu nível de confiança nele tenha aumentado e "

# 28: Construindo um plug-in mais complexo - CSS-Tricks

# 28: Construindo um plug-in mais complexo - CSS-Tricks

Agora que entendemos os fundamentos do desenvolvimento de plug-ins, podemos nos aprofundar um pouco mais. Porque, em última análise, um plugin é uma função, ele nos fornece o escopo "

# 27: Construindo um plugin jQuery simples - CSS-Tricks

# 27: Construindo um plugin jQuery simples - CSS-Tricks

Agora que vimos como usar os plug-ins jQuery, vale a pena entender como criá-los também. Já tocamos brevemente no fato de que "

# 26: Usando um plugin jQuery da natureza - CSS-Tricks

# 26: Usando um plugin jQuery da natureza - CSS-Tricks

Todo mundo viu um plugin jQuery super legal por aí na internet selvagem, certo? Talvez você só tenha se interessado em aprender mais "

Nº 25: Organizando-se! - CSS-Tricks

Nº 25: Organizando-se! - CSS-Tricks

Fizemos um bom trabalho até agora na organização. Obter nosso HTML dividido em um modelo foi um grande passo. Estamos mais turvando as águas para "

# 24: Templando com sublinhado - CSS-Tricks

# 24: Templando com sublinhado - CSS-Tricks

Cobrimos a modelagem com guiador no último vídeo. Mas o Handlebars não é a única solução de template no bloco. Neste vídeo, usaremos o "

# 23: Modelagem com guiador - CSS-Tricks

# 23: Modelagem com guiador - CSS-Tricks

Paramos no último vídeo com um pouco de confusão. Tudo em um bloco de JavaScript, estávamos misturando recuperação de dados, exibição e lógica de negócios, e "

Nº 21: Basta mudar de classe! - CSS-Tricks

Nº 21: Basta mudar de classe! - CSS-Tricks

Se você aprender alguma parte importante da filosofia de arquitetura de front end com esta série, aprenda esta. Basta mudar de classe. Neste screencast começamos "

# 22: A necessidade de modelagem - CSS-Tricks

# 22: A necessidade de modelagem - CSS-Tricks

A modelagem é uma parte importante do trabalho com aplicativos JavaScript. É bastante comum que os dados estejam disponíveis para você, mas não em um formato que seja "

Nº 19: É apenas JavaScript - CSS-Tricks

Nº 19: É apenas JavaScript - CSS-Tricks

Uma coisa que quero deixar absolutamente claro nesta série é que nenhum de nós deve ser anti-JavaScript vanilla. "Vanilla" significa "cru" ou "nativo" "

# 17: POSTAGEM com Ajax - CSS-Tricks

# 17: POSTAGEM com Ajax - CSS-Tricks

Falamos sobre GET no último vídeo, mas não demos atenção suficiente ao POST. Então pensei em fazer isso aqui. A grande diferença com o POST é que você "

# 15: Encadeamento - CSS-Tricks

# 15: Encadeamento - CSS-Tricks

Já falamos várias vezes sobre pequenos toques na API jQuery que são realmente muito bons. Tudo é bem pensado e refinado. Encadeando "

# 18: Ajax e JSON - CSS-Tricks

# 18: Ajax e JSON - CSS-Tricks

Há uma boa chance de que, no "mundo real", você use o Ajax número 1 para enviar e receber dados JSON. E por um bom motivo. JSON não "

# 16: Introdução ao Ajax - CSS-Tricks

# 16: Introdução ao Ajax - CSS-Tricks

O Ajax está bem classificado nos principais motivos para usar jQuery. O jQuery não apenas corrige os problemas entre navegadores, mas torna a sintaxe muito fácil de "

Nº 20: Dados! dados-*! .dados()! .attr (data- *)! - CSS-Tricks

Nº 20: Dados! dados-*! .dados()! .attr (data- *)! - CSS-Tricks

Dados. No mundo do jQuery, trata-se de bits de informação que são anexados diretamente aos elementos (em vez de, digamos, uma variável com ônus apenas para "

# 14: Eventos personalizados - CSS-Tricks

# 14: Eventos personalizados - CSS-Tricks

Como acabamos de falar sobre eventos, agora é um bom momento para mencionar eventos personalizados. Todos os eventos sobre os quais falamos até agora são eventos "reais", portanto "

# 13: Introdução aos eventos - CSS-Tricks

# 13: Introdução aos eventos - CSS-Tricks

Manipular eventos é outro dos grandes motivos para usar jQuery. Existem algumas diferenças entre navegadores em como fazer, que o jQuery normaliza em um "

# 11: Animando com jQuery - CSS-Tricks

# 11: Animando com jQuery - CSS-Tricks

Se você se envolveu pela primeira vez com jQuery há muitos anos, pode ter sido sua capacidade de fazer animação. Esse foi talvez um dos primeiros grandes atrativos do jQuery. Esses"

# 12: Funções de retorno de chamada - CSS-Tricks

# 12: Funções de retorno de chamada - CSS-Tricks

O favorito de todos: tempo de vídeo conceitual! Callbacks são um conceito importante em JavaScript. São funções chamadas quando uma ação tem "

# 09: Getters e Setters - CSS-Tricks

# 09: Getters e Setters - CSS-Tricks

O conceito de getters e setters em JavaScript é apenas uma daquelas coisas que você deve entender. Eles são bons em jQuery porque a API é muito "

# 10: Iteração explícita x implícita - CSS-Tricks

# 10: Iteração explícita x implícita - CSS-Tricks

Outro vídeo conceitual! Isso é "apenas uma daquelas coisas" que você precisa entender em jQuery. Na verdade, é um pouco exclusivo do jQuery, naquele outro "

# 07: Faça! - CSS-Tricks

# 07: Faça! - CSS-Tricks

Como já falamos, o jQuery pode ser considerado uma biblioteca "selecione e faça". Já falamos sobre como selecionar um pouco, então agora vamos falar sobre alguns "