Screencasts de video 2024, Diciembre
¡Sean Larkin se une a mí para hablar sobre Webpack! Dudo que esté solo en estar un poco confundido acerca de qué diablos es y hace Webpack. Incluso si estás activamente "
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 "
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 "
¡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 "
¡Bienvenida!"
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 "
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 "
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 "
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 "
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 "
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 "
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 "
The Noun Project es un lugar (muy) fantástico para obtener SVG. Vamos a contar las formas Literalmente todo en SVG y de hecho viene de esa forma Son los "
Recuerde que cualquier vector puede ingresar a SVG. El software de Adobe es excelente en esto. Puede haber elementos vectoriales en un PDF; simplemente abra el PDF y "
Hemos cubierto "SVG en línea", que consiste en colocar la sintaxis SVG directamente en HTML. También puede usar ese mismo SVG integrado en otros lugares, como en un o "
SVG tiene un elemento muy interesante y poderoso llamado. Es bastante simple en concepto. Encuentra otro bit de código SVG, referenciado por ID, y lo clona "
Poner ese bloque de definición de SVG en la parte superior del documento definitivamente funciona. También tiene algunas ventajas, como el hecho de que no es necesario realizar ninguna solicitud HTTP "
El elemento está aferrado a toda esta idea de un sistema de iconos SVG en línea. Aprendimos que una forma limpia de hacerlo es poner todo lo que pretendes dibujar después "
Una vez que tenemos lo que llamamos nuestro "bloque defs" de SVG, ese trozo de SVG que define todas las cosas que queremos dibujar más tarde, ¿dónde lo ponemos? Asi que"
Definitivamente podemos volvernos un poco más nerd con nuestras herramientas de construcción. En el momento de publicar esto, el ejemplo secundario de las herramientas de construcción es Grunt. Hay competidores "
Hemos aprendido que las herramientas de compilación son particularmente increíbles para tareas como convertir una carpeta llena de SVG en un bloque de defs de SVG. Como es siempre el caso en "
Los sitios de fotografías de archivo siempre tienen una forma de filtrar los resultados de búsqueda por "vector". Y recuerda, no importa el formato que obtengas cuando descargas algo "
SVG en línea se puede "diseñar" en el sentido de que ya tiene rellenos y trazos y todo eso en el momento en que lo colocas en la página. Eso es increíble y totalmente "
El término "herramienta de construcción" puede dar miedo. Me trae a la mente elegantes herramientas de línea de comandos que requieren configuración y dependencias extrañas del sistema que se rompen cuando
Aprendimos que una limitación de usar para insertar un poco de SVG es que no se pueden escribir selectores CSS compuestos que afecten allí. Por ejemplo: Eso "
Cuando usa SVG en línea, todo ese código SVG está directamente en el HTML y, por lo tanto, en el DOM. Puede diseñarlos como lo haría con, o cualquier otro HTML "
Aunque animar SVG con CSS puede ser más cómodo para la persona promedio de interfaz, SVG tiene otra forma de hacer la animación incorporada en el SVG "
Este consejo solo se aplica si tiene Adobe Illustrator CC (Creative Cloud). Confirmé que funciona en eso, o incluso en el CC 2014 más nuevo. Es tan simple como se puede "
El video fue eliminado en este. Lo volveré a disparar algún día pronto. Si estás leyendo esto y todavía no lo he hecho, no dudes en contactarme y molestarme "
Esto es un poco esotérico, solo necesitaba hacerlo yo mismo una vez y lo encontré confuso, así que pensé en hacer un video completo al respecto. La cosa es,"