Day, 51
Jon Snow
19 September 2017, 14:27

Нашёл сегодня интересную презентацию о Progressive Enhancement. Познавательно :)

Что касается кроссбраузерности - добил вчерашие баги. (хотя, очень может быть, парочка осталась :) )

Теперь верстка (частично) устойчива ещё и к переполнению контентом, что гуд. Осталось только доделать устойчивость (сегодня вечером, сегодня сильно много работы было), сделать тянущуюся вёрстку (фиксированный вариант уже готов) и интерактивность (планирую "оживить" макет путём интерактивных слайдеров, анимаций (где это возможно), всплывающего окна логина ( :) ) и реальных ссылок на материалы UX Energy вместо заглушек).

Результат

Я вот ещё о чём подумал. Если размещать вёрстку в портфолио, можно там поместить не только сам результат, но и размышления, решения задач в нём. Допустим, некие "комментарии разработчика" вроде "сложное фоновое изображение в блоке promo обычно делается с помощью вспомогательных элементов и псевдоэлементов, поскольку в случае множественного фона градиент может перекрывать картинки, а сами картинки - неправильно позиционируются в тянущейся вёрстке. Но я нашёл решение, где достаточно регулировать порядок слоёв в background-image, и в нём можно обойтись одним элементом". ВОПРОС: НАСКОЛЬКО ТАКАЯ ПРАКТИКА ЧАСТА И, ГЛАВНОЕ, ЭФФЕКТИВНА, ЧТОБЫ ПРЕДСТАВИТЬ СВОИ ЗНАНИЯ?

Я много чужих резюме смотрел, там работы и about-информация в основном - и мне кажется, могут возникнуть сомнения в том, что эти работы реально сделаны владельцем портфолио. Любой дурак может копипастнуть код, поместить его у себя на гитхабе (даже не форк, а чистый копипаст! :) ) и просмотреть его, чтобы его понимать, а на собеседовании скажет, что это всё он сам сделал (и фиг проверишь, ибо человек в чужом коде разобрался и всё может объяснить и даже воспроизвести, если хорошо разобрался). Для такой работы достаточно "уметь в теги" и уметь читать чужой код, но совсем не обязательно реально делать свои работы и, как итог, иметь реальный опыт. А если подлинность работ "подтверждается" отзывом - отзыв можно тупо купить или попросить друга зарегиться как "заказчик" и написать (ну, так бы я делал, если бы хотел кого-то обмануть :) ). Таким образом, если портфолио содержит чисто работы (или вообще их скрины, без "живой" работы) - смысл в нём только как в "анкете" для hr-a, который, сами понимаете, часто ни бум-бум в реальной работе, и такое портфолио нельзя считать реальным отражением моего навыка как верстальщика. Значит, надо как-то по-другому действовать.

Реализовать комментарии можно, я вижу, четырьмя способами:

  1. Сделать некий "debug mode" вроде чекбокса на странице с работой, чтобы по его переключению показывались попапами комментарии. Если чекбокс не отмечен, данные попапы не отображаются. (тот же недостаток, что и в пункте 2, плюс вопрос удобства размещения чекбокса: как всплывающее окно, как модальное окно, как менюшка сверху? + дополнительная работа над макетами).
  2. Сделать то же самое, но без чекбокса (то есть, при наведении или тесте работы для блоков просто показывается комментарий, как я сделал данный блок и почему именно так сделал, если техника исполнения была для меня новой или интересной) (не айс, когда в макете в принципе есть попапы. Два попапа для одного блока? :) )
  3. Сделать "лист эволюции" в резюме как отдельную страницу - список реализованных "мини-задач" со ссылками на их решения в работах. Допустим, я сделал блок интересным способом - и делаю дополнительную запись в листе эволюции с якорной ссылкой на данный блок! (хотя лист эволюции тоже немного лень смотреть, особенно если он длинный :) )
  4. Давать ссылки на личный блог "пути верстальщика", вроде данной цели. Всё равно я тут веду дневник, как, когда и что сделал! :) (хотя недостаток - много листать и, в частности смарта, листать с конца. И проблематично найти раздел, в котором я занимаюсь именно макетом А, а не всеми остальными, если, как на смарте, не предусмотрен поиск и/или сортировка постов. А если постов на странице много и браузер от этого "подвисает" (пробовали когда-нибудь долистать до 800-х позиций в "списке достигаторов"? :) ), то вообще :) ).

Какой из способов, на ваш взгляд, самый выгодный? Есть ли у вас иные хорошие способы демонстрировать ваши рабочие качества в резюме? :)

Like it? Share with friends!
Наталья09/19/2017

А зачем? Вас всё равно пригласят на техническое интервью и попросят продемонстрировать свои умения.

Reply
Наталья09/19/2017

В общем я видела несколько сайтов дизайнеров или верстальщиков, где они рассказывали как и почему они так сделали. В последствии они это всё убрали, оставив только голое портфолио. Предполагаю, что вас замучают новички с просьбами "а как сделать то-то и то-то". Я также очень сомневаюсь, что работодатель будет читать какие-то блоги или дневник здесь.

Reply
Andreйка09/19/2017

А почему полосы прокрутки нету? Какоето оно обрезанное не в тему получилось на моем мониторе.

Reply
Jon Snow09/19/2017

Наталья, хм. Спорно. Я лично ничего плохого не вижу в помощи новичкам (может, потому, что пока не чувствую, может ли это задолбать со временем). А вообще данная идея у меня появилась, чтобы, так сказать, "в архив" заносить не только работы как таковые, но и полезные идеи/техники, которые пришли на ум во время вёрстки.

Хотя да, быть может, я тупо не так идею портфолио себе представляю: я понимаю это отчасти как "дневник", а только "обложка" сего дневника и есть то, что может видеть работодатель.

AndreMih, что вы имеете в виду под "полосой прокрутки"? Горизонтального скролла нет, и это пока нормально.

Reply
Jon Snow09/19/2017

AndreMih, а вы на каком разрешении, с какого устройства и каким браузером смотрите, если не секрет? :)

Reply
Andreйка09/19/2017

1280-1024, хром

и если уменьшить размер окна браузера, тоже горизонтальной полосы прокрутки нету. К примеру во второй вкладке другой сайт, то там горизонтальная прокрутка есть.

Reply
Jon Snow09/19/2017

AndreMih, предыдущий коммент. Горизонтального скролла нет, и это пока нормально (экспериментировал с overflow, прикидывая, как потом я резиновую верстку буду делать и в каком диапазоне).

Reply
Andreйка09/19/2017

В опере тоже самое.

Reply
Наталья09/19/2017

Джон Сноу, конечно же помощь новичкам — хорошее дело, если у вас есть на это время и желание.

Если вам не лень, то можно создать блог с полезными материалами своего или переводного происхождения. Польза очевидна — можно дополнительно заработать на рекламе, а также потенциальные заказчики будут вас находить через поиск. Сайт из одной страницы для этого подходит плохо.

Reply
Jon Snow09/20/2017

Наталья, да, мне кажется, такой вариант лучше всего.

Reply
Add comment
See in dairy
Goal

You can publish
your goal here

We can help you achieve it!

310 000

like-minded

tools

for an exciting achievement

Join us!
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?