Когда хуже - лучшеWednesday, April 27, 2011
парам-пам-пам!Wednesday, April 27, 2011
Wednesday, April 27, 2011
CSS3                              CSS3Wednesday, April 27, 2011
Еще бы                 • Практически все возможно в CSS3                 • И так просто, как никогдаWednesday, April 27, 2...
Wednesday, April 27, 2011
тень для блока                                             Круглые уголкиWednesday, April 27, 2011
Помните? Или еще делаете? ;-)                                                              Text                           ...
A+BWednesday, April 27, 2011
border-radius:10pxWednesday, April 27, 2011
Но не всё так гладкоWednesday, April 27, 2011
CSS3 - черновикWednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
SafariWednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
VMLWednesday, April 27, 2011
VML                            ExpressionsWednesday, April 27, 2011
VML                   filter                            ExpressionsWednesday, April 27, 2011
IE9Wednesday, April 27, 2011
Должны ли сайты выглядеть                                везде одинаково?Wednesday, April 27, 2011
Не-аWednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Сайты должны быть доступны и                      нормально выглядеть у                       максимального кол-ва        ...
Как?!Wednesday, April 27, 2011
1. Осознать что воможноWednesday, April 27, 2011
http://caniuse.com/Wednesday, April 27, 2011
Статистика в Украине                              Статистика в СНГ                                       ~70% CSS3Wednesda...
Например                 1. border-radius        5. gradient                 2. @font-face           6. box-shadow        ...
2. правильная записьWednesday, April 27, 2011
box-shadow?                        -moz-box-shadow: 0px 0px 4px #ffffff;                     -webkit-box-shadow: 0px 0px 4...
box-shadow?                        -moz-box-shadow: 0px 0px 4px #ffffff;                     -webkit-box-shadow: 0px 0px 4...
3. fallbackWednesday, April 27, 2011
Градиенты с fallbackWednesday, April 27, 2011
RGBA с fallbackWednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
sass!                        @mixin gradient($color1,$color2) {                          ....                        }    ...
квадратные сайты лучше                            смотрятся в интерфейсе ие6!                                и работают бы...
Можно:                 1. border-radius       5. gradient                 2. @font-face          6. box-shadow            ...
Groupon.ru                 • Все было сделано на умном CSS3                 • В IE6 выглядело идентичноWednesday, April 27...
и ие6 не заработалWednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
Wednesday, April 27, 2011
это работаетWednesday, April 27, 2011
Продать деградацию                 • Скорость разработки (деньги)                 • Поддержка (деньги)                 • С...
Продать деградацию                 • youtube.com                 • twitter.com                 • yandex.ruWednesday, April...
Образовывать дизайнеров                            образовывать заказчиков                 • Рассказывать дизайнерам, что ...
[счастье]Wednesday, April 27, 2011
Wednesday, April 27, 2011
You ARE butterfly!Wednesday, April 27, 2011
Спасибо!               Юрий Артюх,               http://cssing.org.ua,               twitter.com/akellaWednesday, April 27...
Upcoming SlideShare
Loading in …5
×

Когда хуже - лучше

1,509 views

Published on

Graceful degradation helps us to forget about ie7 headache.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,509
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Когда хуже - лучше

  1. 1. Когда хуже - лучшеWednesday, April 27, 2011
  2. 2. парам-пам-пам!Wednesday, April 27, 2011
  3. 3. Wednesday, April 27, 2011
  4. 4. CSS3 CSS3Wednesday, April 27, 2011
  5. 5. Еще бы • Практически все возможно в CSS3 • И так просто, как никогдаWednesday, April 27, 2011
  6. 6. Wednesday, April 27, 2011
  7. 7. тень для блока Круглые уголкиWednesday, April 27, 2011
  8. 8. Помните? Или еще делаете? ;-) Text http://cssing.org.ua/2008/06/23/rounded-corners-unusual-approach/Wednesday, April 27, 2011
  9. 9. A+BWednesday, April 27, 2011
  10. 10. border-radius:10pxWednesday, April 27, 2011
  11. 11. Но не всё так гладкоWednesday, April 27, 2011
  12. 12. CSS3 - черновикWednesday, April 27, 2011
  13. 13. Wednesday, April 27, 2011
  14. 14. Wednesday, April 27, 2011
  15. 15. Wednesday, April 27, 2011
  16. 16. Wednesday, April 27, 2011
  17. 17. SafariWednesday, April 27, 2011
  18. 18. Wednesday, April 27, 2011
  19. 19. Wednesday, April 27, 2011
  20. 20. Wednesday, April 27, 2011
  21. 21. Wednesday, April 27, 2011
  22. 22. Wednesday, April 27, 2011
  23. 23. Wednesday, April 27, 2011
  24. 24. VMLWednesday, April 27, 2011
  25. 25. VML ExpressionsWednesday, April 27, 2011
  26. 26. VML filter ExpressionsWednesday, April 27, 2011
  27. 27. IE9Wednesday, April 27, 2011
  28. 28. Должны ли сайты выглядеть везде одинаково?Wednesday, April 27, 2011
  29. 29. Не-аWednesday, April 27, 2011
  30. 30. Wednesday, April 27, 2011
  31. 31. Wednesday, April 27, 2011
  32. 32. Wednesday, April 27, 2011
  33. 33. Сайты должны быть доступны и нормально выглядеть у максимального кол-ва пользователейWednesday, April 27, 2011
  34. 34. Как?!Wednesday, April 27, 2011
  35. 35. 1. Осознать что воможноWednesday, April 27, 2011
  36. 36. http://caniuse.com/Wednesday, April 27, 2011
  37. 37. Статистика в Украине Статистика в СНГ ~70% CSS3Wednesday, April 27, 2011
  38. 38. Например 1. border-radius 5. gradient 2. @font-face 6. box-shadow 3. transform 7. text-shadow 4. transition 8. rgbaWednesday, April 27, 2011
  39. 39. 2. правильная записьWednesday, April 27, 2011
  40. 40. box-shadow? -moz-box-shadow: 0px 0px 4px #ffffff; -webkit-box-shadow: 0px 0px 4px #ffffff; box-shadow: 0px 0px 4px #ffffff;Wednesday, April 27, 2011
  41. 41. box-shadow? -moz-box-shadow: 0px 0px 4px #ffffff; -webkit-box-shadow: 0px 0px 4px #ffffff; box-shadow: 0px 0px 4px #ffffff; стандартное свойство - последнееWednesday, April 27, 2011
  42. 42. 3. fallbackWednesday, April 27, 2011
  43. 43. Градиенты с fallbackWednesday, April 27, 2011
  44. 44. RGBA с fallbackWednesday, April 27, 2011
  45. 45. Wednesday, April 27, 2011
  46. 46. Wednesday, April 27, 2011
  47. 47. Wednesday, April 27, 2011
  48. 48. Wednesday, April 27, 2011
  49. 49. sass! @mixin gradient($color1,$color2) { .... } В коде (sass): .bla{ @include gradient(#ffffff,#000000); }Wednesday, April 27, 2011
  50. 50. квадратные сайты лучше смотрятся в интерфейсе ие6! и работают быстрееWednesday, April 27, 2011
  51. 51. Можно: 1. border-radius 5. gradient 2. @font-face 6. box-shadow 3. transform 7. text-shadow 4. transition 8. rgbaWednesday, April 27, 2011
  52. 52. Groupon.ru • Все было сделано на умном CSS3 • В IE6 выглядело идентичноWednesday, April 27, 2011
  53. 53. и ие6 не заработалWednesday, April 27, 2011
  54. 54. Wednesday, April 27, 2011
  55. 55. Wednesday, April 27, 2011
  56. 56. Wednesday, April 27, 2011
  57. 57. Wednesday, April 27, 2011
  58. 58. Wednesday, April 27, 2011
  59. 59. Wednesday, April 27, 2011
  60. 60. Wednesday, April 27, 2011
  61. 61. это работаетWednesday, April 27, 2011
  62. 62. Продать деградацию • Скорость разработки (деньги) • Поддержка (деньги) • Скорость загрузки и работы сайта (качество) • Богатство фич, анимаций (качество)Wednesday, April 27, 2011
  63. 63. Продать деградацию • youtube.com • twitter.com • yandex.ruWednesday, April 27, 2011
  64. 64. Образовывать дизайнеров образовывать заказчиков • Рассказывать дизайнерам, что такое graceful degradation и что нового в CSS3 • Рассказывать заказчикамWednesday, April 27, 2011
  65. 65. [счастье]Wednesday, April 27, 2011
  66. 66. Wednesday, April 27, 2011
  67. 67. You ARE butterfly!Wednesday, April 27, 2011
  68. 68. Спасибо! Юрий Артюх, http://cssing.org.ua, twitter.com/akellaWednesday, April 27, 2011

×