(Material adaptado y traducido de https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors) Hemos visto en los materiales de la asignatura selectores del estilo [atributo], que reprenta los elementos con un atributo de nombre atributo y [atributo=valor], que representan, naturalmente, los elementos con atributo atributo con valor exactamente valor. Pero disponemos de otros selectores relacionados a través de correspondencia de patrones (pattern …
Archivos del autor:César Córcoles
Conectarse al espacio de disco del campus
Los estudiantes del Grado en Multimedia de la UOC tienen acceso a un espacio de disco del campus accesible desde la web. Este documento explica como conectarse a dicho espacio de disco usando el cliente de FTP FileZilla. FileZilla es un programa de código abierto que puede descargarse desde http://filezilla-project.org/download.php?type=client y con versiones para Mac …
Tipografía
[Última actualización: 27/10/2018] Una excelente charla introductoria dada por Jason Santa Maria en junio de 2012 en el marco del evento An Event Apart Boston (no entra en aspectos técnicos): Recursos What the font Variable fonts Tools and resources for a more meaningful web typography The Elements of Typographic Style Applied to the Web Typedia, …
Otras herramientas
Un recurso interesante para buscar herramientas interesantes para el proceso de diseño y desarrollo web es webplatformtools.org. LiveReload (Mac, $9.99, hay una beta disponible para Windows) monitoriza los cambios que se producen en el sistema de archivos: al cambiar un archivo, lo preprocesa si es necesario y refresca el navegador. Si se hacen cambios en …
«Cross-browser»
[Última actualización: 21/10/2018] Dada la inmensa variedad de navegadores que existen en el mercado, es extremadamente complicado que una página se vea igual en todos ellos. En ocasiones, eso es deseable: en general no querremos que una página se vea igual en un navegador ‘de escritorio’ que en la pantalla de un móvil, pero en …
Para saber más sobre accesibilidad
[Última edición: 25/11/2018] Conceptos básicos Conceptos básicos de accesibilidad Pruebas de accesibilidad The Accessibility Project: A community-driven effort to make web accessibility easier. Guías y estándares What’s new in WCAG 2.1 (Web Content Accessibility Guidelines), W3C (2018) WCAG 2.1 (Recomanación del W3C, 5 de junio 2018) Accessible Rich Internet Applications (WAI-ARIA 1.1) from W3C Easy …
Temas avanzados de CSS
[Última modificación: 3/8/2014] Transiciones All you need to know about CSS Transitions (3 de enero, 2013) Using CSS3 transitions: A comprehensive guide (Adobe Developer Connection, 5 de septiembre, 2012) Manipulating content with CSS3 transforms (WebPlatform.org) Animate.css es una biblioteca de animaciones CSS empaquetadas «para llevar». Arquitectura Un recurso interesante es el libro Scalable and Modular …
Frameworks CSS
[Última actualización: 21/10/2018] Un framework es, en términos informáticos, un conjunto de bibliotecas o clases, reutilizable, que nos permite economizar recursos a la hora de desarrollar aplicaciones. Cuando hablamos de CSS, un framework es un conjunto de archivos CSS con una serie de clases predefinidas y estilos aplicados tanto a los elementos estándar de HTML …
Optimizadores de CSS
[Última edición: 13/9/2013] CSSTidy es un ‘parser’ y optimizador de CSS, disponible como archivo ejecutable (Windows, Linux y OSX). DirtyMarkup es una herramienta de limpieza de código HTML, CSS y JavaScript. CSS LINT es una herramienta de análisis de CSS que sugiere mejoras a nuestro código.
Resets y normalizaciones CSS
Resets Para poder visualizar sin problema cualquier página, todos los navegadores tienen una hoja de estilos por defecto que aplican cuando un elemento no tiene definido un estilo (sea porque el maquetador no lo ha definido, sea porque no hay estilos definidos en la página). A pesar de que las hojas de estilo por defecto …