Els qui us vau endinsar en el món web fa una pila d’anys segur que recordareu que era difícil formar-se, perquè hi havia pocs llocs webs destinats a aprendre programació web i calia comprar-se llibres cars i que només es trobaven en llocs especialitzats. Afortunadament, tot això ha canviat moltíssim. Ara, la Xarxa és plena …
Category Archives: CSS
Unitats en CSS
Gairebé des dels seus inicis, en el món del desenvolupament web s’ha treballat per trobar les millors maneres de definir les mides de les fonts i també la de tots els elements que configuren un document web. Amb la presència de diferents navegadors i de diferents dispositius —amb diferents característiques, mides i resolucions— s’ha fet …
Flexbox vs CSS Grid
En els darrers temps s’ha discutit molt sobre si, per a maquetar i utilitzar graelles (grids) en un document web és millor utilitzar Flexbox o CSS Grid, però, de fet, són dos sistemes que es complementen. També és interessant i aclaridor llegir aquest apunt de Rachel Andrew Should I use Grid or Flexbox? (març del …
Altres selectors CSS
(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): …
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, …
“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, …
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 …