Рубрики: Дизайн
Тэги: inspiration, Дизайн, дизайнерские ресурсы

Давненько что-то я ничего не писал о дизайне. А ведь вторым заявленным пунктом в описании Вебсовета как раз и значится дизайн как таковой. Срочно исправляем данный недостаток.

Итак. Что можно и нужно (или не нужно) сказать за дизайн? Вы таки не поверите, но ровным счетом ничего! Дизайн, и в частности веб-дизайн — штука настолько неоднозначная и субъективная, что спорить о нем нет ровным счетом никакого смысла. Как, впрочем, и научить дизайну тоже невозможно. Талант — он есть или его нет. Другого не дано.

Однако иное дело — навыки. Или иначе — ремесло. Этому научить можно. Для этого и существуют тысячи всевозможных правил, уроков, тестов и пр. Такой подход с незапамятных времен применяется в любом виде прикладных творческих занятий. Будь то рисование, музыка и пр. И, само собой разумеется, что даже талант необходимо развивать. А что нужно для правильного развития? Верно! Вдохновение. Или, говоря по-буржуйски, inspiration.

Объектами вдохновения могут быть кто и что угодно: музыка, фотография, картинки, инсталляции и прочие такие фишки, которые заряжают креативом и вдохновляют на творчество. В этом я на все 200 согласен с Настей Манно. А по сему с ее легкой руки (читай — дружеского совета) решил я тоже выложить на Вебсовете подборку веб-дизайнерских ресурсов, где можно вдохновиться по самое не хочу. Ресурсы все как на подбор буржуйские. И в этом есть свой резон. Русскоязычных сайтов или блогов подобного качества пока сущие единицы. Вот когда их наберется хотя бы с десяток, то я с удовольствием сделаю такую же подборочку.

Все представленные ресурсы взяты не с потолка, а из бережно сохраняемых закладок моего браузера. Сам пользуюсь и вам рекомендую. Enjoy! (все картинки кликабельны):

Читать полностью →

Рубрики: WordPress
Тэги: css, WordPress, тэг more

За идею поста спасибо читателю блога Вебсовет Михаилу. Тема на самом деле довольно интересная. Когда-то я тоже застрял на этом моменте и долго искал внятный способ решения. Речь идет о визуальном оформлении ссылки типа “читать далее…” в блоге на движке Wordpress. Данная ссылка появляется внизу анонса поста, если автор решил убрать под кат основное содержимое статьи.

Зачастую эта самая ссылка не слишком заметна. Специально ее искать будет лишь тот, кто сообразит, что статья не закончилась на втором-третьем абзаце, и есть там что-то еще. Чтобы как-то выделить данную ссыль, нужно ее соответствующим образом оформить. Но как это грамотно сделать? Ведь если заглянуть в код большинства шаблонов Wordpress, то можно обнаружить, что текст данной ссылки как бы “зашит” в php-код вывода статьи. Вот в таком, например, виде:

<?php the_content('Читать далее... »'); ?>

Читать полностью →

Рубрики: Верстка
Тэги: tabs, Верстка, табы

Меню в виде закладок, или выражаясь по буржуйски — табы (tabs), обычно изготавливают с применением различных фоновых картинок. Однако можно вполне обойтись и обычным набором правил в файле CSS. Особенно данный способ понравится любителям минимализма. Как говорится — дешево и сердито просто и со вкусом!

Принцип построения такого меню также достаточно прост. Идея в следующем: всему блоку меню задается нижний бордер толщиной в 1 пиксель какого-либо цвета. Далее каждому пункту списка задается таким же цветом верхний и оба боковых бордера. А нижнему задаем цвет, совпадающий с цветом фона. В нашем случае белый.

#menu {
list-style-type: none;
border-bottom: 1px solid #999;
}
#menu li {
display: inline;
padding: 5px 5px 0;
margin: 0 10px 0 0;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #fff;
}

В результате получаем как бы ряд визуальных закладок, сформированных одним лишь бордером.

Не забывайте только в правилах прописывать отсутствие маркеров у списка (list-style-type: none;) и сами пункты вытягивать в линию, а не в столбик (display: inline;)

Смотреть пример