La letra con píxel entra

0fe2973fa8d27d96547e43322341183a?s=47 Swwweet
April 20, 2013
Design
0
770

La letra con píxel entra

Presentación de Marta Armada en Entretipos el 20/04/13

0fe2973fa8d27d96547e43322341183a?s=128

Swwweet

April 20, 2013
Tweet

More Decks by Swwweet

See All by Swwweet
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
0
90
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
4
280
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
4
300
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
203
6.6k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
12
610
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
2
460
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
24
1.3k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
4
270
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
5
290

Other Decks in Design

See All in Design
2b43718b2765276034a6fc98eedb7cd9?s=48 toi_toi_y
0
300
99de77666ff40dbf0988652899cc92ef?s=48 kamihira
0
180
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
0
14k
6715312320f3bd88463ad96db1f13866?s=48 ryusukekogetsu
2
3k
9f5f8d89c1c298beb2e5d3b1e41941e2?s=48 codingconduct
0
390
91e7aee9769836f448a9f1ce91255749?s=48 mathatelle
1
770
608638a6cfefbf0c2294a30e55634f6d?s=48 mihozono
4
1.9k
32b869eccead66531b4749ea9f146aed?s=48 yuinamiki
0
360
6957dcf9e6e3d9243fa0a06228bfb7c0?s=48 coppelux
1
350
Ed946da673ee07c8b3b41b7aa8268e13?s=48 bookslope
1
1.3k
5bce9e09e585aed42d646c47c7da38e0?s=48 ivettetwin
1
110
3dfed36dc1543f0007b5fd46fcb41a47?s=48 yunoda
0
430

Featured

See All Featured
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
4
61
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
69
1.2k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
296
30k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
60
2.4k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
65
250k
79acae287842acf29084005533a7fb3b?s=48 hursman
103
9k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
308
21k
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
7
1.1k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
366
42k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
218
110k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
330
29k
78b475797a14c84799063c7cd073962f?s=48 holman
287
130k

Transcript

  1. MARTA ARMADA @MARTUISHERE #ENTRETIPOS la letra con píxel entra

  2. ¡hola!

  3. ¡hola! me llamo Marta y diseño webs en swwweet.com

  4. ¿y tú?

  5. informationarchitects.net/blog/the-web-is-all-about-typography-period

  6. Optimizar la tipogra a es optimizar la legibilidad, la accesibilad,

    la usabilidad, el equilibrio gráfico general. [...] Entonces, ¿por qué se descuida tanto este tema? “ ” Oliver Reichenstein

  7. flickr.com/photos/alexanderwolf/2452809327

  8. None

  9. diepresse.com

  10. meneame.net

  11. None

  12. ¿por qué?

  13. arial georgia verdana courier new times new roman

  14. None

  15. colly.com/journal/

  16. seedconference.com/seed

  17. ¡cuida la web! ♥ ♥ ♥ ♥ ♥ ♥ ♥

    ♥ ♥ ♥
  18. None
  19. None

  20. .mi-texto{ width: 30em; }

  21. informationarchitects.net/blog/100e2r revista vs. pantalla

  22. bit.ly/16pixelstype

  23. None
  24. None

  25. contrastrebellion.com

  26. D ET ALLES

  27. DETALLES

  28. rufián coliflor

  29. ru án coli or

  30. h1{ text-rendering: optimizeLegibility; }

  31. "t'estimo"

  32. “t’estimo”

  33. “t’estimo” “ ’ ” “ ” '

  34. «t’estimo» « » « »

  35. – — − × … & – — - ×

    … &

  36. Llegó en el AVE de las 13:46.

  37. Llegó en el AVE de las 13:46.

  38. abbr{ font-variant: small-caps; }

  39. ve ido de có el

  40. h1{ font-feature-settings: “dlig”1; }

  41. h1{ -webkit-font-feature-settings: “dlig”1; -moz-font-feature-settings: “dlig=1”; font-feature-settings: “dlig”1; }

  42. webcatbcn.com

  43. ie.microsoft.com/testdrive/Graphics/opentype/opentype-fontbureau/index.html

  44. web fonts

  45. web fonts

  46. WEBFONTS

  47. bfonts

  48. @font-face{ font-family: “Adelle”; src: url(fonts/Adelle.woff); } body{ font-family: Adelle, Georgia,

    serif; }

  49. @font-face{ font-family: “Adelle”; src: url(fonts/AdelleBold.woff); font-weight: bold; } h1{ font-family:

    Adelle, Georgia, serif; font-weight: bold; }

  50. woff svg otf ttf eot

  51. woff svg otf ttf eot IE4 IE9 Safari 3.1 Safari

    3.1 Safari 3.1 Safari 5 Safari 5 Firefox 3.1 Firefox 3.1 Firefox 3.6 Chrome 4 Chrome 4 Chrome 6 iOS 3.2 Android 3 iOS 5 iOS 4.2 Android 2.2 Android 2.2

  52. @font-face{ font-family: “Adelle”; src: url(Adelle.eot) format(‘embedded-opentype’); src: url(Adelle.eot#iefix) format(‘embedded-opentype’), url(Adelle.woff)

    format(‘woff’), url(Adelle.ttf) format(‘truetype’), url(Adelle.svg#svgAdelle) format(‘svg’); }
  53. None

  54. fontsquirrel.com/tools/webfont-generator

  55. typekit.com

  56. myfonts.com

  57. ¿eres tipógrafo?

  58. theharrietseries.com

  59. podemos hacerlo mejor

  60. jasonsantamaria.com

  61. kitchensinkstudios.com

  62. digg.com

  63. hola.jetblue.com

  64. arsenal.com

  65. greygoose.com

  66. @MARTUISHERE marta@swwweet.com ¡gracias!