Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Как верстать быстрее
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
akella
April 14, 2014
Education
0
55
Как верстать быстрее
akella
April 14, 2014
Tweet
Share
Other Decks in Education
See All in Education
10分で学ぶ すてきなモナド
soukouki
1
150
JavaScript - Lecture 6 - Web Technologies (1019888BNR)
signer
PRO
0
3.1k
Introduction - Lecture 1 - Next Generation User Interfaces (4018166FNR)
signer
PRO
2
4.4k
AIで日本はどう進化する? 〜キミが生きる2035年の地図〜
behomazn
0
120
Surviving the surfaceless web
jonoalderson
0
370
IHLヘルスケアリーダーシップ研究会17期説明資料
ihlhealthcareleadership
0
890
いわゆる「ふつう」のキャリアを歩んだ人の割合(若者向け)
hysmrk
0
310
JAPAN AI CUP Prediction Tutorial
upura
2
690
Use Cases and Course Review - Lecture 8 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.4k
MySmartSTEAM 2526
cbtlibrary
0
190
IKIGAI World Fes:program
tsutsumi
1
2.6k
Chapitre_2_-_Partie_2.pdf
bernhardsvt
0
160
Featured
See All Featured
AI: The stuff that nobody shows you
jnunemaker
PRO
2
260
Imperfection Machines: The Place of Print at Facebook
scottboms
269
14k
Evolving SEO for Evolving Search Engines
ryanjones
0
130
My Coaching Mixtape
mlcsv
0
48
Building AI with AI
inesmontani
PRO
1
700
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
940
WCS-LA-2024
lcolladotor
0
450
Building the Perfect Custom Keyboard
takai
2
690
Writing Fast Ruby
sferik
630
62k
Mind Mapping
helmedeiros
PRO
0
88
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.7k
Test your architecture with Archunit
thirion
1
2.2k
Transcript
Добрий вечiр!
Как верстать сайты быстрее чем их рисуют Юрий Артюх
None
None
None
None
Текстовый редактор
None
! Некоторые школы предпочитают сверхдлинные мечи. Это слабые школы. Они
не принимают принципа «рубить врага любыми средствами». Они предпочитают особо длинный меч. Книга пяти колец, XVII век, Миямото Мусаси
Emmet Hayaku
None
None
Emmet-Hayaku
https://gist.github.com/akella/9757676
Photoshop
CSS Hat
None
None
None
PNG Hat
None
None
None
None
None
Препроцессоры
None
None
None
None
None
None
15 иконок в спрайте: (png или base64, что угодно)
Наследование @extend
None
Чем это компилировать
None
None
None
None
None
Кто не использует препроцессор тот…
Тот Андрей Ситник и использует постпроцессор!
Методология верстки • БЭМ • MCSS • UBERCSS • PonyCSS
• WTFCSS • MLP:FIM
плевать какая лишь бы она была
Полезный Grunt
Что там есть • Автоматическое тестирование • Компиляция • Запуск
чего угодно
Полезные мелочи для верстки
HTML инклуды https://github.com/alanshaw/grunt-include-replace
Сохранять только в SVG PNG создавать автоматически https://github.com/filamentgroup/grunticon
Компилировать только новое https://github.com/tschaub/grunt-newer
Вебсервер в любой папке python -m SimpleHTTPServer
Alfred (launchy)
None
None
None
Если вы не автоматизируете Вы работаете больше чем надо
Тратьте меньше времени Делайте больше работы Получайте удовольствие от процесса
Идите и живите жизнь
Дякую! ! Юрiй Артюх coderiver.com.ua cssing.org.ua twitter.com/akella