Заноза в п'ятницю. Інтерв'ю з Юрієм Артюхом

Сьогодні у нас в гостях до біса чарівний і талановитий чоловік - головний верстальник країни Юрій Артюх. В інтерв'ю він повідав нам про тонкощі роботи над сайтом Президента РФ, про любов до сальси, і ще про багато-багато іншого. Загалом, приємного читання!

Привіт, Юро! Дякую, що погодився поспілкуватися. Весь наш відділ розробників натхненно брав участь у підготовці запитань :-)

Почнемо з витоків: відомо, що оптимізація верстки сайту ukr.net стала для тебе свого роду кар'єрним стартом і путівкою у світ верстки по-крупному. Скажи, чому ти вирішив переверстати саме цей сайт? Вибрав спонтанно чи, подібно до Шерлока Холмса, продумав усе наперед?

Усе зовсім просто. Я зайшов у рейтинг на bigmir.net і вибрав найвідвідуваніший сайт :-) Через якийсь час за такою ж логікою я зверстав і "Українську Правду", і точно так само вийшло її реалізувати наживо.

У відповідь на запитання "як став верстальником?" ти завжди розповідаєш історію про виселення з гуртожитку і книжку з html. Скажи, ти її на вулиці, чи що, знайшов? У твоїй історії явно є пропущена ланка :-)

Мені б, звісно, дуже хотілося розповісти якусь цікаву історію, пов'язану з італійською мафією, відомою моделлю і партією наркотиків, але книжка просто була в моїх сусідів по гуртожитку.

Яка роль твого блогу в твоєму професійному розвитку?

З самого початку я вів блог просто щоб записувати туди те, чого я встиг навчитися сам. Однак, пізніше, завдяки йому я познайомився з величезною кількістю колег, організував конференцію і зверстав ukr.net. Та й те, що ви, ось зараз, ставите мені ці запитання, в основному саме тому, що я вів блог. Він усьому причина :-)

Як ти його розвивав? Чи застосовував методи розкрутки, чи все вийшло само собою?

Ні, я навіть не думав про таке, у мене взагалі алергія на слово "SEO". Звісно, я там намагався писати все дуже гарним HTML, але я лише намагався написати щось, що могло б стати в пригоді комусь, ось і вся моя методологія розкрутки. Здається, комусь таки згодилося. Я писав завжди в порожнечу, знайдуть у пошуку - чудово.

Розкажи, як ти отримав замовлення на розробку сайту Президента РФ?

Потрібно було знайти фахівця, який би взяв на себе верстку проєкту в студії, що виграла тендер. Мене їм порекомендувало багато людей. Карма спрацювала.

Цікаво дізнатися подробиці роботи над цим проєктом: скільки людей було задіяно, які виникали труднощі, чи були кумедні казуси?

Думаю, загалом у проєкті було задіяно десь 10-15 осіб, це не рахуючи журналістів, які й зараз продовжують працювати над проєктом. Складнощі, мабуть, очевидні для всіх, хто стикався з такими проєктами: довгі перипетії зі змінами і прийняттями дизайну, тому що важливий сайт і багато відповідальних за нього. З технічного погляду - просто величина сайту, всього там було близько сотні .psd файлів, у деяких близько 10 версій.

Можеш дати кілька порад щодо оптимізації спільної роботи програмістів і fronted розробників над одним великим проектом?

Зараз є вже багато компаній з успішним досвідом подібної командної роботи. Яндекс постійно розповідає про БЕМ, у mail.ru теж використовується БЕМ у якомусь вигляді. У Yahoo свій фреймворк. Немає панацеї, насправді запорука хорошої паралельної роботи верстальників - це просто хоч якісь правила у верстці, чи то БЕМ, чи то CSSOOP, чи то будь-що - це краще, ніж просто робота без правил. А конкретні правила більше вже залежать від конкретного проєкту, той же БЕМ, зрозуміло, підійде далеко не всім компаніям. Хоча те, як це влаштовано в Яндексі, викликає захоплення. Користуючись нагодою, передаю привіт Віталію Харісову.

Розкажи про свій інструментарій, фреймверки, якими ти користуєшся зараз?

Я користуюся Textmate і Photoshop, це загалом і весь інструментарій. Жодних фреймворків я не використовую, зазвичай, проєкти занадто різні для них. Основний робочий комп'ютер ось уже три роки як Macbook Pro. Але я плавно думаю про iMac, знову боюся за поставу й очі.

Чи доводилося тобі писати мобільний застосунок на html5? Якщо так, то який інструментарій ти використовував?

Доводилося кілька разів, інструментарій був усе той самий - текстовий редактор. Якщо ж говорити про технології, то зазвичай були задіяні такі модулі HTML5 як: Application Cache, Local Storage, Web Database.

Які можеш виокремити тенденції та техніки під час розробки проєкту з адаптивним дизайном?

Моє ставлення до адаптивності - це сильно роздута кумедна фігня. Про неї знає людей більше, ніж потрібно. Так само, як і про HTML5. Але раз це все допомагає продавати більше і дорожче за верстку - чудово. Решта виграшів у юзабіліті та читабельності сайтів мені видаються ілюзорними. Але це моя особиста думка. Зі мною можна сперечатися, я можу переконатися, але поки так.

Якщо ж говорити про технології, то там начебто все досить просто. Уся ця карусель з "responsive web design" пов'язана з CSS Media Queries. Звісно, залежно від спрямованості сайтів, комусь доводиться сильніше оптимізувати сайти під мобільні та ускладнювати технологію, супутню їй. Але, загалом, тисячі статей і книжок на тему адаптивних сайтів укладаються в один рядок:

@media screen and (max-width: XXXpx){.blabla{float:none}}

Верстка під мобільні додатки набирає обертів. Чи не думав ти почати займатися виключно нею?

Ні, мені і так нуднувато стає верстати одне й те саме, а якщо верстати тільки мобільні додатки, я ж збожеволію від нудьги. Тож не думав, ні. Але це не означає, що цим не варто займатися.

Як вважаєш, де золота середина у використанні префіксів css: -moz, -webkit, -o?

Золота середина в тому, щоб завжди залишати останнім правило без префікса. Адже всі ці префікси мають тимчасовий характер, дуже важливо всім це розуміти. Рано чи пізно властивості з префіксами перестануть працювати. І якщо вже говорити про те, які префікси писати, а які ні, то тут все залежить від вашої аудиторії і підтримки браузерами конкретної CSS властивості.

Куди рости верстальщику, у якого за плечима великий досвід роботи з html/css і js, у професійному плані (не йдучи водночас у програмування або веб-дизайн)?

Туди ж, куди і програмістам і дизайнерам. Тобто - незрозуміло куди. Що, насправді, чудово :-) Хтось може піти в стартап, хтось - зробити свою агенцію, стати високооплачуваним елітним консультантом чи тренером, або просто хорошим фахівцем. А хтось - проджект менеджером, чому ні? Якось так. Плюс, завжди можна напитися рому і нічого не робити. Я все частіше всерйоз розглядаю це як кар'єрну перспективу.

Зараз ти активно займаєшся проектом SmartMe. Звідки прийшла ідея, хто допомагав на старті? Чи швидко знайшлися однодумці?

Зараз я вже активно займаюся Coderiver :-)

Ідея SmartMe прийшла після конференції UAWEB 2008, яку я організовував із Женею Некозом. Ми з ним вирішили, що варто спробувати більш дрібні та профільні заходи. І ось, спробували. На старті не допомагав ніхто, ми все робили самі.

Як плануєте розвивати цей проєкт?

Наразі я вже займаюся більше іншим проєктом, а SmartMe продовжують розвивати разом з нами наші однодумці та друзі. З планів: інші міста, вебінари, курси.

Чи приносить проєкт прибуток або все робиться на голому ентузіазмі?

Проєкт приносить прибуток, щоправда, не можна сказати, що він такий уже й великий, що дав би змогу кинути все і займатися тільки ним. Але він не збитковий.

Чи існує якийсь кастинг серед лекторів? Наскільки суворі вимоги до виступаючих?

Зазвичай ми намагаємося орієнтуватися на визнаних професіоналів у своїх галузях. Наші вимоги не дуже суворі :-) Але як організаторів нас часто турбує питання: чи буде той чи інший лектор з певною темою цікавий слухачам. Уже не з пустої цікавості, а тому що нам потрібно за щось оплачувати зал.

Коли найближчим часом можна буде відвідати твої майстер-класи?

Моїх запланованих майстер-класів поки що немає, зрідка я даю невеликі тренінги в компаніях, куди мене запрошують, але великих майстер-класів поки що не планується. Те, що я розповідав на минулих, уже не хочеться повторювати, а новий матеріал я ніяк не оберну красиво.

Ти згадав, що зараз активно займаєшся розвитком проекту Coderiver.com.ua. Цікаво дізнатися детальніше про проєкт: ідея, розвиток, цілі, досягнення, плани на майбутнє?

Я вже довго займаюся версткою, і давно помітив, що компаніям зазвичай не вигідно тримати верстальника на повний день, він і ледарює, і не росте професійно. Тому, всім зручно, коли верстку хтось зробить якісно за них, це завдання і покликаний вирішити проект Coderiver. Послуги з якісної верстки. Поки рано говорити про досягнення, але я сподіваюся, вийде колектив профі, і нас будуть асоціювати зі словосполученням "якісна верстка".

Як стати досвідченим верстальником?

Потрібно просто любити свою справу. Жодні книжки, майстер-класи та досвід нічого не значать порівняно з цим. А коли ти її любиш, то абсолютно все розглядається як джерело знань. Я ось сторінки чужі розглядав докладно, вчився так.

Порекомендуй корисні книжки з веб-розробки.

Веб-розробка вже занадто широке поняття, одразу придумати, які книжки корисні я не можу, вони корисні майже всі. Їх занадто багато. Одне я знаю точно - зазвичай книжки лише відображення нотаток у блогах річної давності. Тож краще читайте блоги хороших фахівців.

Чим ти займаєшся, коли не верстаєш?

Коли не верстаю я танцюю сальсу, вже два роки, і мені це продовжує подобатися. Утім, я також танцюю сальсу і коли верстаю, що іноді дратує замовників, я можу їх зрозуміти. Терміни і все таке. Пікантності всій ситуації додає те, що я зайнявся ще й свінгом.

Де ти бачиш себе через 5 років?

Географічно? Все одно де. Морально - щасливим :-)