Screencasts de video 2025, Enero

04: ¿Por qué SVG? Pequeño. - Trucos CSS

04: ¿Por qué SVG? Pequeño. - Trucos CSS

El tamaño de un archivo SVG depende de lo complejo que sea, no de lo "grande" que sea. Recuerde que a los SVG no les importa el tamaño en el que se renderizan, son "

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

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

Perdóname si estoy un poco deprimido con estos métodos. Nunca me he encontrado con un caso de uso en el que definitivamente sean el camino a seguir. Hubo un tiempo en el que "

03: ¿Por qué SVG? Flexible. - Trucos CSS

03: ¿Por qué SVG? Flexible. - Trucos CSS

Acabamos de enterarnos de que los SVG se ven visualmente nítidos. Los SVG también son flexibles. Eso no es exclusivo de los elementos en la web, pero lo que sí es único es que "

06: Usando SVG - SVG como imagen de fondo - Trucos CSS

06: Usando SVG - SVG como imagen de fondo - Trucos CSS

Las imágenes SVG también se pueden usar como imagen de fondo en CSS, al igual que PNG, JPG.webp o GIF. .element (background-image: url (/images/image.svg);) De todos modos "

# 29: Preparando la producción - Trucos CSS

# 29: Preparando la producción - Trucos CSS

Vamos a traerlo de vuelta a un editor de texto normal en este screencast, tal como comenzamos. En una situación del "mundo real", estas cosas son ciertas: usted "

07: Uso de SVG - SVG en línea - Trucos CSS

07: Uso de SVG - SVG en línea - Trucos CSS

Quizás la mejor forma de usar SVG es "Inline SVG", es decir, poner código SVG directamente en su HTML. ¡Funciona muy bien! Ver el lápiz gpcDi de Chris Coyier "

02: ¿Por qué SVG? Nitidez. - Trucos CSS

02: ¿Por qué SVG? Nitidez. - Trucos CSS

Al comenzar este curso, me gustaría enfatizar por qué SVG es tan atractivo de usar. Quizás la razón más convincente para los diseñadores: buscan "

# 30: Resumen de la serie - Trucos CSS

# 30: Resumen de la serie - Trucos CSS

¡Lo hiciste! Muchas gracias por realizar el curso. Espero que haya aprendido lo suficiente sobre jQuery y JavaScript como para que su nivel de confianza haya aumentado y "

# 28: Creación de un complemento más complejo - Trucos CSS

# 28: Creación de un complemento más complejo - Trucos CSS

Ahora que entendemos los conceptos básicos del desarrollo de complementos, podemos profundizar un poco más. Dado que, en última instancia, un complemento es una función, nos proporciona el alcance "

# 27: Creación de un complemento jQuery simple - Trucos CSS

# 27: Creación de un complemento jQuery simple - Trucos CSS

Ahora que hemos analizado el uso de complementos de jQuery, también vale la pena comprender cómo construirlos. Ya mencionamos brevemente el hecho de que "

# 26: Uso de un complemento jQuery de Wild - Trucos CSS

# 26: Uso de un complemento jQuery de Wild - Trucos CSS

Todo el mundo ha visto un complemento de jQuery genial en Internet salvaje, ¿verdad? Quizás solo te interesó saber más "

# 25: ¡Organizándose! - Trucos CSS

# 25: ¡Organizándose! - Trucos CSS

Hemos hecho un buen trabajo organizándonos hasta ahora. Obtener nuestro HTML dividido en una plantilla fue un gran paso. Ya estamos enturbiando las aguas para "

# 24: Creación de plantillas con subrayado - Trucos CSS

# 24: Creación de plantillas con subrayado - Trucos CSS

Cubrimos la creación de plantillas con manubrios en el último video. Pero Handlebars no es la única solución de plantillas en el bloque. En este video usaremos el "

# 23: Plantillas con manillares - Trucos CSS

# 23: Plantillas con manillares - Trucos CSS

Lo dejamos en el último video con un poco de lío. Todo en un bloque de JavaScript mezclamos recuperación de datos, visualización y lógica comercial, y "

# 21: ¡Simplemente cambie de clase! - Trucos CSS

# 21: ¡Simplemente cambie de clase! - Trucos CSS

Si aprende alguna parte importante de la filosofía de la arquitectura front-end de esta serie, aprenda esta. Solo cambia de clases. En este screencast empezamos a "

# 22: La necesidad de crear plantillas - Trucos CSS

# 22: La necesidad de crear plantillas - Trucos CSS

La creación de plantillas es una parte importante del trabajo con aplicaciones JavaScript. Es bastante común que los datos estén disponibles para usted, pero no en un formato que sea "

# 19: Es solo JavaScript - Trucos CSS

# 19: Es solo JavaScript - Trucos CSS

Una cosa que quiero dejar absolutamente claro en esta serie es que ninguno de nosotros debería ser anti-JavaScript vanilla. "Vainilla" que significa "crudo" o "nativo" "

# 17: PUBLICAR con Ajax - Trucos CSS

# 17: PUBLICAR con Ajax - Trucos CSS

Hablamos de GET en el último video, pero no le prestamos suficiente atención a POST. Así que pensé que haríamos eso aquí. La gran diferencia con POST es que "

# 15: Encadenamiento - Trucos CSS

# 15: Encadenamiento - Trucos CSS

Hemos hablado varias veces sobre pequeños toques en la API de jQuery que son realmente agradables. Todo está bien considerado y refinado. Encadenando "

# 18: Ajax y JSON - Trucos CSS

# 18: Ajax y JSON - Trucos CSS

Existe una buena posibilidad de que en el "mundo real", la cosa # 1 para la que usa Ajax sea para enviar y recibir datos JSON. Y por una buena razón. JSON no "

# 16: Introducción a Ajax - Trucos CSS

# 16: Introducción a Ajax - Trucos CSS

Ajax ocupa un lugar bastante alto en las principales razones para usar jQuery. JQuery no solo soluciona los problemas entre navegadores, sino que hace que la sintaxis sea muy fácil de "

# 20: ¡Datos! datos-*! .datos()! .attr (datos- *)! - Trucos CSS

# 20: ¡Datos! datos-*! .datos()! .attr (datos- *)! - Trucos CSS

Datos. En el mundo de jQuery, se trata de bits de información que se adjuntan directamente a los elementos (en lugar de, digamos, una variable con la responsabilidad de "

# 14: Eventos personalizados - Trucos CSS

# 14: Eventos personalizados - Trucos CSS

Como acabamos de hablar de eventos, ahora es un buen momento para mencionar eventos personalizados. Todos los eventos de los que hemos hablado hasta ahora son eventos "reales", así que "

# 13: Introducción a los eventos - Trucos CSS

# 13: Introducción a los eventos - Trucos CSS

El manejo de eventos es otra de esas grandes razones para usar jQuery. Existen algunas diferencias entre navegadores en cuanto a cómo hacerlo, que jQuery normaliza en una "

# 11: Animando con jQuery - Trucos CSS

# 11: Animando con jQuery - Trucos CSS

Si primero incursionó en jQuery hace muchos años, podría haber sido su capacidad para hacer animación. Ese fue quizás uno de los primeros grandes atractivos de jQuery. Estos"

# 12: Funciones de devolución de llamada - Trucos CSS

# 12: Funciones de devolución de llamada - Trucos CSS

El favorito de todos: ¡la hora del video conceptual! Las devoluciones de llamada son un concepto importante en JavaScript. Son funciones que se llaman cuando una acción tiene "

# 09: Getters y Setters - Trucos CSS

# 09: Getters y Setters - Trucos CSS

El concepto de captadores y definidores en JavaScript es solo una de esas cosas que debe comprender. Son agradables en jQuery porque la API es tan "

# 10: Iteración explícita vs implícita - Trucos CSS

# 10: Iteración explícita vs implícita - Trucos CSS

¡Otro video conceptual! Esta es "solo una de esas cosas" que debe comprender en jQuery. En realidad, es un poco exclusivo de jQuery, en ese otro popular "

# 07: ¡Hazlo! - Trucos CSS

# 07: ¡Hazlo! - Trucos CSS

Como hemos comentado, jQuery puede considerarse como una biblioteca de "seleccionar y hacer". Hemos hablado bastante sobre la selección, así que ahora hablemos de algunos "