Your SlideShare is downloading. ×
  • Like
Vadim Pacev
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply
Published

CSS3 в руках дизайнера

CSS3 в руках дизайнера

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
373
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
2
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. CSS3 в руках дизайнера Вадим Пацев Легкий и быстрый Я.Субботник, Киев, 28 мая 2011 годапонедельник, 30 мая 2011 г.
  • 2. HTML-прототип снимает наибольшую часть вопросовпонедельник, 30 мая 2011 г.
  • 3. А как же кнопки, подложки и градиенты? 3понедельник, 30 мая 2011 г.
  • 4. понедельник, 30 мая 2011 г.
  • 5. Какая из кнопок нарисована в редакторе? 5понедельник, 30 мая 2011 г.
  • 6. 6понедельник, 30 мая 2011 г.
  • 7. http://www.webstuffshare.com/2010/04/photoshop-effect-vs-css3-properties/ 7понедельник, 30 мая 2011 г.
  • 8. 8понедельник, 30 мая 2011 г.
  • 9. CSS3 для работы с графикой: — multiple Backgrounds; — gradients; — drop shadows; — rounded Corners; — RGBA. 8понедельник, 30 мая 2011 г.
  • 10. http://desandro.comпонедельник, 30 мая 2011 г.
  • 11. Как в CSS: — Несколько раз text-shadow http://desandro.comпонедельник, 30 мая 2011 г.
  • 12. http://shakenandstirredweb.com/playground/blur/понедельник, 30 мая 2011 г.
  • 13. Как в CSS: — text-shadow — transition — transform http://shakenandstirredweb.com/playground/blur/понедельник, 30 мая 2011 г.
  • 14. http://shakenandstirredweb.com/playground/depth-of- eld-2/понедельник, 30 мая 2011 г.
  • 15. Как в CSS: — text-shadow — transform — box-shadow — transitions — border-radius http://shakenandstirredweb.com/playground/depth-of- eld-2/понедельник, 30 мая 2011 г.
  • 16. http://dl.dropbox.com/u/921159/Keyboard/page.html 12понедельник, 30 мая 2011 г.
  • 17. http://lab.jeffbatterton.com/iphone-css3/ 13понедельник, 30 мая 2011 г.
  • 18. http://graphicpeel.com/cssiosiconsпонедельник, 30 мая 2011 г.
  • 19. понедельник, 30 мая 2011 г.
  • 20. “Cascading Style Sheets can create a great deal of artwork now, without reliance on bitmap graphics.”   John Nack, Principal Product Manager at Adobeпонедельник, 30 мая 2011 г.
  • 21. Сейчас с использованием CSS можно создавать в том числе и достаточно сложные графические объекты, не используя растровую графику. John Nack, Principal Product Manager at Adobeпонедельник, 30 мая 2011 г.
  • 22. Но у меня уже есть инструмент. Зачем мне еще один? 17понедельник, 30 мая 2011 г.
  • 23. 18понедельник, 30 мая 2011 г.
  • 24. Все хорошо, но... 18понедельник, 30 мая 2011 г.
  • 25. 19понедельник, 30 мая 2011 г.
  • 26. А давай попробуем перекрасить все ссылки в черный 19понедельник, 30 мая 2011 г.
  • 27. 20понедельник, 30 мая 2011 г.
  • 28. А как выглядит если будет 100 писем? 20понедельник, 30 мая 2011 г.
  • 29. 21понедельник, 30 мая 2011 г.
  • 30. еще Ад авай их ч ерез одкр асим п стр очку 21понедельник, 30 мая 2011 г.
  • 31. 22понедельник, 30 мая 2011 г.
  • 32. А мо жет отст сдел уп м аем пись ежд мам у и 22понедельник, 30 мая 2011 г.
  • 33. 23понедельник, 30 мая 2011 г.
  • 34. ыдви гается А к ак в лька? пане вот эта 23понедельник, 30 мая 2011 г.
  • 35. 24понедельник, 30 мая 2011 г.
  • 36. А в телефоне как оно будет ? 24понедельник, 30 мая 2011 г.
  • 37. 25понедельник, 30 мая 2011 г.
  • 38. А теперь давай во всех вариантах поменяем иконки 25понедельник, 30 мая 2011 г.
  • 39. 26понедельник, 30 мая 2011 г.
  • 40. CSS3 для прототипирования: — pseudo classes; — media Queries; — transitions; — animation. 26понедельник, 30 мая 2011 г.
  • 41. Зебра на CSS3 27понедельник, 30 мая 2011 г.
  • 42. Какой следующий шаг? 28понедельник, 30 мая 2011 г.
  • 43. 29понедельник, 30 мая 2011 г.
  • 44. Печеньки: — можно кликать; — текст как в браузере; — в одном прототипе все варианты и экраны; — в одном прототипе интерфейсы под разные устройства; — легко редактировать; — анимация, переходы, эффекты; — над прототипом можно работать совместно; — можно использовать в производстве. 29понедельник, 30 мая 2011 г.
  • 45. Спасибо 30понедельник, 30 мая 2011 г.
  • 46. Вадим Пацев Легкий и быстрый basvasilich@yandex-team.ru @basvasilichпонедельник, 30 мая 2011 г.