Multimedia Universitat Oberta de Catalunya
  • Juegos para aprender desarrollo web

    Los que os adentrasteis en el mundo web hace un montón de años, seguro que recordaréis como de difícil era formarse, porque había pocos sitos web destinados al aprendizaje de la programación web y hacía falta comprarse libros caros y que solo se encontraban en lugares especializados. Afortunadamente, todo esto ha cambiado muchísimo. Ahora, la […]

  • Unidades en CSS

    Casi desde su inicio, en el mundo del desarrollo web se ha trabajado para encontrar las mejores formas de definir los tamaños de las fuentes y también la de todos los elementos que configuran un documento web. Con la presencia de diferentes navegadores y de diferentes dispositivos —con diferentes características, tamaños y resoluciones— se ha […]

  • Flexbox vs CSS Grid

    Últimamente se ha discutido mucho sobre si, para maquetar y utilizar parrillas (grids) en un documento web es mejor utilizar Flexbox o CSS Grid, pero, en realidad, son dos sistemas que se complementan. También es interesante y clarificador leer este apunte de Rachel Andrew Should I use Grid or Flexbox? (marzo 2016), para ver cuando […]

  • Otros selectores CSS

    (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 […]

  • 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, […]

  • «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 […]

  • 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 […]