dimecres, 28 d’octubre del 2009

Blog2Print

De les tres coses que cal fer a la vida, la d'escriure un llibre ja no és problema, si tens un blog, pots tenir un llibre.

Blog2Print és un servei online que et converteix el teu blog en un llibre imprés.
Pots escollir diferents portades predissenyades o fer la teva pròpia portada. Un cop l'aplicació converteix el blog et mostra una previsualització.
Així ha quedat limitnordest mmm.... 69 pàgines no està malament...

En tapa dura o tova té diferents preus, algú me'l patrocina? :P
Read more ...

dissabte, 24 d’octubre del 2009

Recursos Vol. 29: CSS3

Hola que tal. Benvinguts a una nova edició del recursos, edició especial CSS3

Text multicolumna amb CSS3
Interessant article sobre maquetació text en columnes amb CSS3.
Malauradament amb Explorer no funciona

6 novetats de CSS3 que poden ser implementades, ja que són compatibles amb la majoria de navegadors web:

1. Colors transparents
2. Corners
3. Ombra en el text
4. Ombra en una caixa de text
5. Múltiples backgrounds
6. Rotació d'elements

Guia de referència ràpida de CSS

70 tutorials de CSS3 i HTML5
Read more ...

dimecres, 14 d’octubre del 2009

Curiositats

Les eines noves del Gmail:

Noves funcions:
Heu topat amb el paio equivocat?
No us oblideu del paio
.....
Read more ...

Recursos Vol: 28: Tipografia i CSS

Hola que tal, benvinguts a una nova edició dels recursos.
Edició especial Tipografia i CSS

Com usar el encapçalaments? (Vaja, si era molt fàcil!)

Uns quants exemples d'ús de tipografies per fer-no "bonic"
Tècniques avançades de tipografia i CSS
La mida del text "aquella gran desconeguda"
Interessant article sobre tipografia, CSS i contrast; és a dir, amb quines tècniques comptem per a diferenciar els diferents textos del web
  • Mida (encapçalaments, etc.)
  • Classificació de la font (serif, sans serif)
  • Color: color pla, opacitat
  • Recursos de CSS (uppercase)
  • Estil i decoració
  • Espais (oh, beneïts espais): padding i margin, letter-spacing, line-height, etc.


Per acabar unes quantes fonts que faran el nostre disseny més net (allò que en diuen Clean Design)
Read more ...

dilluns, 12 d’octubre del 2009

Format SVG

El format SVG és una especificació per a desciure gràfics vectorials bidimensionals, tan estàtics com animats en format XML.
Les imatges o textos en format SVG al ser imatges vectorials tenen molta més qualitat, amés les podem escalar sense que aquestes perdin qualitat, a diferència del mapa de bits.
Exemple (extret de Wikipèdia)

Navegadors web:
  • Firefox: implementa SVG en forma nadiua des de la versió 1.5. En un principi el compliment amb aquest estàndard demanava un alt consum de processador. En la nova versió 3.5 de Firefox el render SVG s'ha modificat i millorat.
  • Opera: al igual que Firefox també implementa SVG en forma nadiua, però amb poc consum de processador. La versió 9.5 Beta, incorpora la possibilitat de cridar en forma externa una imatge en format svg.
  • Internet Explorer: No implementa SVG, i cal aconseguir una extensió d'Adobe. Aquest mòdul no permet la coexistencia de SVG amb HTML (XHTML).
  • Safari: La versió 3.1 implementa SVG tan per a imatges com per a text.
  • Chrome: Implementa SVG de forma nadiua des de la seva primera versió.

Per a saber-ne més:

W3C gràfics SVG
Especificació W3C
Read more ...

diumenge, 11 d’octubre del 2009

Taula de compatibilitats entre navegadors

Taula comparativa de navegadors Web amb suport HTML5 CSS3, SVG i altres tecnologies

Via Fyrdility us presento una taula comparativa de navegadors web en el suport de noves tecnologies web.
El que podem extreure de la taula és que cap navegador està encara preparat per les especificacions de HTML5, CSS3, SVG, accessibilitat per AJAX, etc.
Segons aquesta taula podem comprovar que el navegador web més ben preparat de cara al futur, és Google Chrome, seguit de Safari i Firefox.
Read more ...