Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Как верстать быстрее

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for akella akella
April 14, 2014
Education
56
0

Как верстать быстрее

Avatar for akella

akella

April 14, 2014

Other Decks in Education

See All in Education
2026年度秋学期　統計学　第2回　統計資料の収集と読み方 (2026. 10. 6)
Avatar for Akira Asano akiraasano
PRO
0
270
GENERAL PHARMACOLOGY
Avatar for Pawan Kumar Sahu pawan_pharm
0
210
Carbohydrates: Classification, Structure & Chemical Properties
Avatar for Pawan Kumar Sahu pawan_pharm
0
330
An Experiment in "Cross-Cultural Exchange" as a Method for Content Creation
Avatar for 京都精華大学谷口 直嗣 naoji_taniguchi_ksk_0827
0
250
Web Application Frameworks - Lecture 3 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.6k
【ainiチャット操作ガイド】
Avatar for aini school小中等部 ainischool
0
120
Merger Process
Avatar for Dr. Bharath V bvr7352
0
170
TISSUE
Avatar for Pawan Kumar Sahu pawan_pharm
0
280
Modulo : abc
Avatar for Abraham Zamudio robintux
0
240
生成AIとの付き合い方/ How to work with AI
Avatar for kaityo256 kaityo256
PRO
3
890
未踏峰連山 Frontiers: Creating and Conquering Untrodden Peaks
Avatar for Hiroshi Ishii ishii_mit
1
170
Tema 1. El relieve de España: Formación y características
Avatar for Juan Martín Martín juanmartin2026
0
39k

Featured

See All Featured
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
53k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
350
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
890
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
5
820
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.8k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.2k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
12k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
360
Abbi's Birthday
Avatar for Violet Bock coloredviolet
4
10k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.8k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k

Transcript

  1. Добрий вечiр!

  2. Как верстать сайты быстрее чем их рисуют Юрий Артюх

  3. None
  4. None
  5. None
  6. None

  7. Текстовый редактор

  8. None

  9. ! Некоторые школы предпочитают сверхдлинные мечи. Это слабые школы. Они

    не принимают принципа «рубить врага любыми средствами». Они предпочитают особо длинный меч. Книга пяти колец, XVII век, Миямото Мусаси

  10. Emmet Hayaku

  11. None
  12. None

  13. Emmet-Hayaku

  14. https://gist.github.com/akella/9757676

  15. Photoshop

  16. CSS Hat

  17. None
  18. None
  19. None

  20. PNG Hat

  21. None
  22. None
  23. None
  24. None
  25. None

  26. Препроцессоры

  27. None
  28. None
  29. None
  30. None
  31. None
  32. None

  33. 15 иконок в спрайте: (png или base64, что угодно)

  34. Наследование @extend

  35. None

  36. Чем это компилировать

  37. None
  38. None
  39. None
  40. None
  41. None

  42. Кто не использует препроцессор тот…

  43. Тот Андрей Ситник и использует постпроцессор!

  44. Методология верстки • БЭМ • MCSS • UBERCSS • PonyCSS

    • WTFCSS • MLP:FIM

  45. плевать какая лишь бы она была

  46. Полезный Grunt

  47. Что там есть • Автоматическое тестирование • Компиляция • Запуск

    чего угодно

  48. Полезные мелочи для верстки

  49. HTML инклуды https://github.com/alanshaw/grunt-include-replace

  50. Сохранять только в SVG PNG создавать автоматически https://github.com/filamentgroup/grunticon

  51. Компилировать только новое https://github.com/tschaub/grunt-newer

  52. Вебсервер в любой папке python -m SimpleHTTPServer

  53. Alfred (launchy)

  54. None
  55. None
  56. None

  57. Если вы не автоматизируете Вы работаете больше чем надо

  58. Тратьте меньше времени Делайте больше работы Получайте удовольствие от процесса

    Идите и живите жизнь

  59. Дякую! ! Юрiй Артюх coderiver.com.ua cssing.org.ua twitter.com/akella