(Material adaptat i traduït de https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors) Hem vist als materials de l’assignatura selectors de l’estil [atribut], que reprenta els elements que tinguin un atribut amb nom atribut i [atribut=valor], que representen, naturalment, els elements que tenen l’atribut atribut amb valor exactament valor. Disposem, però, d’altres selectors relacionats a través de comprovació de patrons (pattern matching): …
Author Archives: César Córcoles
Connectar-se a l’espai de disc del campus
Els estudiants del Grau en Multimèdia de la UOC tenen accés a un espai de disc del campus accessible des de la web. Aquest document explica com connectar-se a aquest espai de disc usant el client de FTP Filezilla. Filezilla és un programa de codi obert que pot descarregar-se des de http://filezilla-project.org/download.php?type=client i amb versions …
Continue reading “Connectar-se a l’espai de disc del campus”
Tipografia
[Darrera actualització: 27/10/2018] Una excel·lent xerrada introductòria de Jason Santa Maria, de juny de 2012, en el marc de la jornada An Event Apart Boston (no entra en aspectes tècnics): 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, …
Altres eines
Un recurs interessant a l’hora de buscar eines interessants per al procés de disseny i desenvolupament web és webplatformtools.org. LiveReload (Mac, $9.99, hi ha una beta disponible per Windows) monitoritza els canvis que es produeixenn en el sistema de arxius: si canvia un arxiu, el preprocessa si és necessari i refresca el navegador. Si es …
“Cross-browser”
[Darrera actualització: 21/10/2018] Donada la immensa varietat de navegadors que existeixen en el mercat, és extremadament complicat que una pàgina es vegi igual en tots ells. En ocasions, això és desitjable: en general no voldrem que una pàgina es vegi igual en un navegador ‘d’escriptori’ que en la pantalla d’un mòbil, però en general voldrem, …
Per a saber més sobre accessibilitat
[Darrera edició: 25/11/2018] Conceptes bàsics Conceptes bàsics d’accessibilitat. Proves d’accessibilitat. The Accessibility Project: A community-driven effort to make web accessibility easier. Guies i estàndards Què hi ha de nou a la WCAG 2.1 (Web Content Accessibility Guidelines), W3C (2018) WCAG 2.1 (Recomanació del W3C, 5 de juny 2018) Accessible Rich Internet Applications (WAI-ARIA 1.1) from …
Temes avançats de CSS
[Darrera modificació: 3/8/2014] Transicions All you need to know about CSS Transitions (3 de gener, 2013) Using CSS3 transitions: A comprehensive guide (Adobe Developer Connection, 5 de setembre, 2012) Manipulating content with CSS3 transforms (WebPlatform.org) Animate.css és una biblioteca d’animacions CSS empaquetades “per endur”. Arquitectura Un recurs interessant és el llibre Scalable and Modular Architecture …
Frameworks CSS
[Darrera actualització: 21/10/2018] Un framework és, en termes informàtics, un conjunt de biblioteques o classes, reutilitzable, que ens permet economitzar recursos a l’hora de desenvolupar aplicacions. Quan parlem de CSS, un framework és un conjunt d’arxius CSS amb una sèrie de classes predefinides i estils aplicats tant als elements estàndard d’HTML com a aquestes classes. …
Optimitzadors de CSS
CSSTidy és un ‘parser’ i optimitzador de CSS, disponible en forma d’arxiu executable (Windows, Linux i OSX). DirtyMarkup és una eina de neteja de codi HTML, CSS i JavaScript. CSS LINT és una eina d’anàlisi de CSS que suggereix millores al nostre codi.
Resets i normalitzacions CSS
Resets Per poder visualitzar sense problemes qualsevol pàgina, tots els navegadors tenen un full d’estils per defecte que apliquen quan un element no té definit un estil (sigui perquè el maquetador no l’ha definit, sigui perquè no hi ha estils definits a la pàgina). Tot i que els fulls d’estil per defecte dels diferents navegadors …