{"id":542,"date":"2015-03-19T13:11:14","date_gmt":"2015-03-19T12:11:14","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/?page_id=542"},"modified":"2015-03-19T13:26:12","modified_gmt":"2015-03-19T12:26:12","slug":"especificacions-tecniques-de-disseny-per-a-web","status":"publish","type":"page","link":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/disseny\/especificacions-tecniques-de-disseny\/especificacions-tecniques-de-disseny-per-a-web\/","title":{"rendered":"Especificacions t\u00e8cniques de disseny per a web"},"content":{"rendered":"<p><\/p>\n<h3>WebFonts<\/h3>\n<p>El format web <em>open font<\/em> (WOFF) \u00e9s un format de fonts tipogr\u00e0fiques, orientat a utilitzar-lo en llocs web. Es va desenvolupar el 2009, com a resultat d&#8217;un proc\u00e9s d&#8217;estandarditzaci\u00f3 de l&#8217;\u00fas de fonts, seguint una <a href=\"http:\/\/www.w3.org\/TR\/WOFF\/\" target=\"_blank\">recomanaci\u00f3 del World Wide Web Consortium (W3C)<\/a>. L&#8217;objectiu del W3C \u00e9s que WOFF es converteixi en el format \u00fanic i interoperatiu per a tots els navegadors web.<\/p>\n<p>El format WOFF tamb\u00e9 es coneix popularment com a\u00a0<strong>WebFonts<\/strong>.<\/p>\n<p>La <a href=\"http:\/\/www.fontshop.com\/blog\/newsletters\/\" target=\"_blank\">p\u00e0gina de FontShop dedicada a les WebFonts<\/a> explica molt clarament les caracter\u00edstiques d&#8217;aquest format. A continuaci\u00f3 s&#8217;ofereix un extracte del contingut, encara que es recomana llegir-lo tot:<\/p>\n<blockquote><p>La majoria de fonts s&#8217;havien dissenyat fins al moment per a entorns d&#8217;impressi\u00f3, o per a incloure-les en una imatge o en un PDF. Les WebFonts, en canvi, estan optimitzades per a usar-les en p\u00e0gines web, utilitzant la regla CSS @ font-face. Mitjan\u00e7ant aquesta regla, les fonts s\u00f3n enlla\u00e7ades a la p\u00e0gina web i s\u00f3n descarregades pels navegadors, de manera que qualsevol que visita la p\u00e0gina pot veure les fonts declarades pel dissenyador de la p\u00e0gina. Aix\u00f2 significa que el lloc web pot mostrar text indexable, editable, escalable i din\u00e0mic, en una font diferent de les web segures en qu\u00e8 els dissenyadors webs han hagut de basar-se durant anys.<\/p><\/blockquote>\n<p><strong>Lectures recomanades:<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/www.w3.org\/TR\/WOFF\/\" target=\"_blank\">P\u00e0gina del W3C dedicada al format WOFF.<\/a><\/li>\n<li><a href=\"http:\/\/www.fonts.com\/web-fonts\" target=\"_blank\"> The Web Font Awards<\/a>: lloc web dedicat a premiar els dissenys web m\u00e9s brillants basats en WebFonts.<\/li>\n<li><a href=\"http:\/\/webfonts.info\/fonts-available-font-face-embedding\" target=\"_blank\">Cat\u00e0legs de WebFonts gratu\u00eftes<\/a>.<\/li>\n<li>Prove\u00efdors comercials de WebFonts: entre d&#8217;altres, <a href=\"http:\/\/www.fontshop.com\/blog\/newsletters\/\" target=\"_blank\">FontShop<\/a> i <a href=\"http:\/\/www.fonts.com\/web-fonts\" target=\"_blank\">Fonts.com<\/a> tenen un ampli cat\u00e0leg de WebFonts comercials.<\/li>\n<\/ul>\n<hr \/>\n<h3>CSS3<\/h3>\n<p>Els fulls d&#8217;estil en cascada (<em>cascading style sheets<\/em>&#8211; CSS) s\u00f3n un format aprovat pel <a href=\"http:\/\/www.w3c.es\/\" target=\"_blank\">World Wide Web Consortium (W3C)<\/a>, que treballa amb documents HTML utilitzant una sintaxi senzilla i diverses propietats d&#8217;estil.<\/p>\n<p>Fins ara, s&#8217;havien desenvolupat les versions CSS1 i CSS2, per\u00f2 al principi del 2010 apareix CSS3, que permet incorporar propietats de format m\u00e9s sofisticades que les anteriors i que el dissenyador web disposi de m\u00e9s flexibilitat en preparar la interf\u00edcie gr\u00e0fica d&#8217;un lloc web.<\/p>\n<p>Algunes de les <strong>caracter\u00edstiques m\u00e9s destacades de CSS3<\/strong> s\u00f3n les seg\u00fcents:<\/p>\n<ul>\n<li>Cantonades arrodonides.<\/li>\n<li>Fons amb nous atributs (per exemple, amb degradats).<\/li>\n<li>Generaci\u00f3 d&#8217;efectes d&#8217;ombra.<\/li>\n<li>M\u00e0scares per a imatges, directament especificades des de CSS.<\/li>\n<li>P\u00e0gines amb m\u00faltiples columnes de contingut.<\/li>\n<li>Configuraci\u00f3 m\u00e9s detallada de les caracter\u00edstiques del text.<\/li>\n<li>Control del grau d&#8217;opacitat dels elements.<\/li>\n<\/ul>\n<p>La majoria de navegadors suporten CSS3.<\/p>\n<p><strong>Lectures recomanades:<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/www.exforsys.com\/tutorials\/css3.html\" target=\"_blank\">Tutorial CSS3<\/a><\/li>\n<li><a href=\"http:\/\/www.css3.info\/\" target=\"_blank\">Blog dedicat a CSS3<\/a><\/li>\n<li><a href=\"http:\/\/www.maestrosdelweb.com\/editorial\/css-3-mas-social-que-nunca\/\" target=\"_blank\">CSS3: m\u00e9s social que mai<\/a><\/li>\n<li><a href=\"http:\/\/www.maestrosdelweb.com\/editorial\/css-3-las-nuevas-propiedades\/\" target=\"_blank\">CSS3: les noves propietats<\/a><\/li>\n<\/ul>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>WebFonts El format web open font (WOFF) \u00e9s un format de fonts tipogr\u00e0fiques, orientat a utilitzar-lo en llocs web. Es va desenvolupar el 2009, com a resultat d&#8217;un proc\u00e9s d&#8217;estandarditzaci\u00f3 de l&#8217;\u00fas de fonts, seguint una recomanaci\u00f3 del World Wide Web Consortium (W3C). L&#8217;objectiu del W3C \u00e9s que WOFF es converteixi en el format \u00fanic &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/dii\/disseny\/especificacions-tecniques-de-disseny\/especificacions-tecniques-de-disseny-per-a-web\/\" class=\"more-link\">Continua llegint <span class=\"screen-reader-text\">\u00abEspecificacions t\u00e8cniques de disseny per a web\u00bb<\/span><\/a><\/p>\n","protected":false},"author":65,"featured_media":0,"parent":550,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"plantilla-pagina.php","meta":{"footnotes":""},"tags":[],"class_list":["post-542","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/542","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/comments?post=542"}],"version-history":[{"count":1,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/542\/revisions"}],"predecessor-version":[{"id":543,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/542\/revisions\/543"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/550"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/media?parent=542"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/tags?post=542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}