Посмотреть на Яндекс.Фотках
Пишите советы и мнения в комментах. Если понравится, сверстаю на этой неделе.
Archive for category Верстка
Портфолио: попытка #2
Дек 7
Мое портфолио
Дек 3
Наконец-то я собрался с силами и временем и отверстал свое портфолио. Думаю, что вскоре оно появится вместо этого блога, а сам блог можно будет читать в моей жж-шчке. Пока что из запланированного отработан базовый функционал показа работ, в ближайшие дни планируется сделать оформление кратких новостей, страницы с контактами и описание каждой категории портфолио. Следите за обновлениями!)
Сопсна, ниже скрин. Версия сделана на Денвере, до выходных планирую доработать все стили, чтобы все выглядело на профессиональном уровне и просто было приятно глазу.
Piece of Life
Сен 11
Так уж получилось, что я совершенно не представляю как назвать свой пост, чтобы он нес хоть какую-то информацию. Тогда пусть будет так:
Вчера
Доделал полностью верстку по Cafe Harmonie
Сегодня
Фото заката на Воробьевых горах
Искаженная версия
HTML5 Coding[черновик]
Сен 4
![html5[черновик]](http://img-fotki.yandex.ru/get/3702/nikitamakhov.11/0_2a12c_ce235594_XL.jpg)
Нашел интересную статейку с подробным описанием сабжа. Статья на аглицком, как только разберусь с текущими делами, сразу же переведу и выложу на Гровер. Из быстрого просмотра статьи вынес только одно для себя — не все так очевидно, как хотелось бы. Еще в начале, когда HTML5 был только мечтой, одной из основных идей была создавать понятную разметку как для всех устройств считывания, так и для самих кодеров. Станет ли для меня переход на HTML5 таким же как давнишний переход с таблиц на слои? Не знаю, не поверставши, не скажешь...
Кстати:
— Тестовая страница, созданная с помощью разметки HTML5
— Кто-нибудь уже пробовал верстать на HTML5?
Web-grower beta 1.0
июня 22
Запустил-таки САБЖ. Вполне рабочий вариант, без мелкого оформления, основной функционал весь работает. Завтра добью оформление по:
- переходу по страницам
- по страницам
- мелкие доработки по CSS
- воткну наконец-таки обновленный логотип
- да, и вроде как нужно форму ввода комментария доработать...
И начнется самое веселое — доработка шаблона для семейства IE. Если кому интересно, можете посмотреть, выглядит просто ужасно :) Зачем вывесил? Для того, чтобы иметь хотя бы основу для отработки ошибок.
Все вроде бы на сегодня. Пора отдохнуть)
Вкусности: Part 2
мая 31
UPD (0:17) Сверстал листинг комментариев и саму форму. Посмотреть в действии можно тут: http://niks-blog.info/web-grower/comments.html
Дорисовал комментарии и формочку к ним. Достаточно долго выбирал, как же все-таки они будут отображаться, как сделал — показано на картинках ниже.
Комментарий
Целиком такой блок будет выглядеть примерно вот так:
Блок комментариев
Скоро будет сверстано :)
Web-Grower:semi-релиз
мая 19
Я доверстал основной вариант нового дизайна Гровера и готов представить титульную страницу :) Со страницей комментариев разберусь попозже, как только станет побольше времени. Поэтому и semi-релиз =)
Релиз дизайна Web-Grower
Посмотреть живой вариант можно здесь: http://niks-blog.info/web-grower/
Верстка протестирована в Opera 9.64, Firefox 3.0.10, IE7. Просьба выписывать баги, косяки и пожелания в комментариях.
P.S. Наверняка есть баг со шрифтом в сайдбаре — я никак не могу придумать/вспомнить/найти как правильно импортировать шрифт Myriad Pro в css, реализовал вот так:
a.sbar{font-family: url('fonts/MyriadPro-Regular.otf');
В принципе все, ковыряйте)
Мой десктоп) Не мог не похвастаться
Мой десктоп))) Не мог не похвастаться)
Собственно, в сессии образовалась небольшая передышка засчет грядущего «автомата» по ГПИ. Посему решил усмирить свою лень и доделать все детали по дизайну Web-Grower'a. На данный момент уже имеются:
- Полностью сверстанный сайдбар (нужно теперь под WP его скинуть)
- Сверстанная шапка и менюшка
- Сверстанный подвал (все детали находятся на том месте, где им и положено быть)