SlideShare a Scribd company logo
1 of 33
Download to read offline
Полезная верстка 
5 маленьких лайфхаков 
Юрий Артюх, 2014
О чем я знаю 
• Как верстать 10 лет подряд 
• Как делать это очень быстро 
• Как получать удовольствие от процесса 
• Куча странных хаков для верстки
1. Пропорции блоков
2. Sass
Классы для HTML
Получим
Адаптивность
Расчеты
http://thesassway.com/advanced/ 
inverse-trigonometric-functions-with-sass
Цвета
Все вместе:
19
3. Анимировать SVG
http://codepen.io/niorad/ 
pen/xmfza
4. Avocode
5.
5.
5.
Автоматизируйте, 
берегите себя 
• Gulp 
• Alfred 
• Avocode 
• Breaktime
Берегите глаза, 
отвлекайтесь
Спасибо! 
Надеюсь пригодится :) 
CSSing.org.ua 
twitter.com/akella 
facebook.com/akella
«Корисна верстка» - Юрій Артюх

More Related Content

More from WebChallenge

«Що буде з індустрією веб-розробки через 5-10 років» - Олекасандр Трегуб
«Що буде з індустрією веб-розробки через 5-10 років» - Олекасандр Трегуб «Що буде з індустрією веб-розробки через 5-10 років» - Олекасандр Трегуб
«Що буде з індустрією веб-розробки через 5-10 років» - Олекасандр Трегуб WebChallenge
 
«Top-5 помилок, які допускають QA інженери» - Олександр Кузняк
«Top-5 помилок, які допускають QA інженери» - Олександр Кузняк «Top-5 помилок, які допускають QA інженери» - Олександр Кузняк
«Top-5 помилок, які допускають QA інженери» - Олександр Кузняк WebChallenge
 
«Розмір ПО як критерій ефективності, надійності на зручності» - Максим Сохацький
«Розмір ПО як критерій ефективності, надійності на зручності» - Максим Сохацький«Розмір ПО як критерій ефективності, надійності на зручності» - Максим Сохацький
«Розмір ПО як критерій ефективності, надійності на зручності» - Максим СохацькийWebChallenge
 
«Minimalist Design» - Макс Ткачук
«Minimalist Design» - Макс Ткачук «Minimalist Design» - Макс Ткачук
«Minimalist Design» - Макс Ткачук WebChallenge
 
«Будуємо команду та процеси тестування з нуля. Best practices» - Мар'ян Цар
«Будуємо команду та процеси тестування з нуля. Best practices» - Мар'ян Цар«Будуємо команду та процеси тестування з нуля. Best practices» - Мар'ян Цар
«Будуємо команду та процеси тестування з нуля. Best practices» - Мар'ян ЦарWebChallenge
 
«Гайд з попередження дефектів у продуктовій компанії» - Людмила Федчук
«Гайд з попередження дефектів у продуктовій компанії» - Людмила Федчук«Гайд з попередження дефектів у продуктовій компанії» - Людмила Федчук
«Гайд з попередження дефектів у продуктовій компанії» - Людмила ФедчукWebChallenge
 
«Сім лайвхаків в управлінні часом для розробника» - Сергій Крушевський, Іван...
«Сім лайвхаків в управлінні часом  для розробника» - Сергій Крушевський, Іван...«Сім лайвхаків в управлінні часом  для розробника» - Сергій Крушевський, Іван...
«Сім лайвхаків в управлінні часом для розробника» - Сергій Крушевський, Іван...WebChallenge
 
«What is new in AngularJS 2.0» - Дмитро Малєєв
«What is new in AngularJS 2.0» - Дмитро Малєєв«What is new in AngularJS 2.0» - Дмитро Малєєв
«What is new in AngularJS 2.0» - Дмитро МалєєвWebChallenge
 
«Место юзабилити в процессе разработки» - Артем Костенко
«Место юзабилити в процессе разработки» - Артем Костенко«Место юзабилити в процессе разработки» - Артем Костенко
«Место юзабилити в процессе разработки» - Артем КостенкоWebChallenge
 
report_Web_Сhallenge_v_281113
report_Web_Сhallenge_v_281113report_Web_Сhallenge_v_281113
report_Web_Сhallenge_v_281113WebChallenge
 

More from WebChallenge (11)

«Що буде з індустрією веб-розробки через 5-10 років» - Олекасандр Трегуб
«Що буде з індустрією веб-розробки через 5-10 років» - Олекасандр Трегуб «Що буде з індустрією веб-розробки через 5-10 років» - Олекасандр Трегуб
«Що буде з індустрією веб-розробки через 5-10 років» - Олекасандр Трегуб
 
«Top-5 помилок, які допускають QA інженери» - Олександр Кузняк
«Top-5 помилок, які допускають QA інженери» - Олександр Кузняк «Top-5 помилок, які допускають QA інженери» - Олександр Кузняк
«Top-5 помилок, які допускають QA інженери» - Олександр Кузняк
 
«Розмір ПО як критерій ефективності, надійності на зручності» - Максим Сохацький
«Розмір ПО як критерій ефективності, надійності на зручності» - Максим Сохацький«Розмір ПО як критерій ефективності, надійності на зручності» - Максим Сохацький
«Розмір ПО як критерій ефективності, надійності на зручності» - Максим Сохацький
 
«Minimalist Design» - Макс Ткачук
«Minimalist Design» - Макс Ткачук «Minimalist Design» - Макс Ткачук
«Minimalist Design» - Макс Ткачук
 
«Будуємо команду та процеси тестування з нуля. Best practices» - Мар'ян Цар
«Будуємо команду та процеси тестування з нуля. Best practices» - Мар'ян Цар«Будуємо команду та процеси тестування з нуля. Best practices» - Мар'ян Цар
«Будуємо команду та процеси тестування з нуля. Best practices» - Мар'ян Цар
 
«Гайд з попередження дефектів у продуктовій компанії» - Людмила Федчук
«Гайд з попередження дефектів у продуктовій компанії» - Людмила Федчук«Гайд з попередження дефектів у продуктовій компанії» - Людмила Федчук
«Гайд з попередження дефектів у продуктовій компанії» - Людмила Федчук
 
«Сім лайвхаків в управлінні часом для розробника» - Сергій Крушевський, Іван...
«Сім лайвхаків в управлінні часом  для розробника» - Сергій Крушевський, Іван...«Сім лайвхаків в управлінні часом  для розробника» - Сергій Крушевський, Іван...
«Сім лайвхаків в управлінні часом для розробника» - Сергій Крушевський, Іван...
 
«What is new in AngularJS 2.0» - Дмитро Малєєв
«What is new in AngularJS 2.0» - Дмитро Малєєв«What is new in AngularJS 2.0» - Дмитро Малєєв
«What is new in AngularJS 2.0» - Дмитро Малєєв
 
«Место юзабилити в процессе разработки» - Артем Костенко
«Место юзабилити в процессе разработки» - Артем Костенко«Место юзабилити в процессе разработки» - Артем Костенко
«Место юзабилити в процессе разработки» - Артем Костенко
 
report_Web_Сhallenge_v_281113
report_Web_Сhallenge_v_281113report_Web_Сhallenge_v_281113
report_Web_Сhallenge_v_281113
 
Web Challenge IV
Web Challenge IV Web Challenge IV
Web Challenge IV
 

«Корисна верстка» - Юрій Артюх