Минимализм в веб-дизайне и дзен

О том, что такое минимализм, можно почитать в википедии.

О том, как следовать принципам минимализм в веб-дизайне, можно почитать в статье Джейсона Гросса

А у меня можно почитать, что об этом думаю я.

Когда 5 лет назад я надумал забацать себе уютненький бложек, я уже гордо считал себя вебмастером (имея за плечами три с половиной недоделанных сайта-для-людей, штук 100 дорвеев и несколько месяцев почти-ничего-не-делания в DMOZ) и считал, что уважающему себя компьютерщику не пристало заводить блог на какой-то общедоступной платформе типа ЖЖ. Хотел написать тут много философских подробностей, но передумал. Перейду к сути.
Продолжение «Минимализм в веб-дизайне и дзен»

Отзывчивый дизайн

Отзывчивый (или responsive, или адаптивный) дизайн — новый тренд в разработке веб-сайтов. Ему не исполнилось и двух лет. Нет, конечно, и раньше существовали сайты, способные изменять свой внешний вид в зависимости от размеров экрана устройства, на котором их просматривают, но именно сейчас это явление стало просто повальным. По запросу «responsive web design» Гугл выдает от 30 до 40 миллионов ссылок!

Собственно говоря, поводом для написания этого поста (как и многих последующих) стало обновление дизайна моего блога и планируемая «перезагрузка» ПРЕ. И сегодня я хочу рассказать об очень простом инструменте, с помощью которого я сделал дизайн ПРЕ адаптивным. Это простейший CSS-фреймворк Proportional Grids, позволяющий в считанные минуты очертить схему страницы и запрограммировать её изменение в зависимости от размеров экрана.

В числе его особенностей могу отметить отсутствие класса .first и использование свойства box-sizing. Последнее позволило создать сетку с изменяющейся шириной столбцов, но при этом фиксированным расстоянием между ними. В качестве классов колонок используются интуитивно понятные col-full, col-one-half, col-three-quarters и так далее. По аналогии легко создавать классы для колонок шириной в 1/5 (20%), 1/8 (12.5%) или даже 3/20 ширины страницы (15%). Ну и фиксы для IE 7/8 тоже прилагаются.

Как видите, ничего особенного здесь нет, но лично меня этот фреймворк подкупил своей простотой и удобством использования — не люблю я эти тяжелые бутстрапы и блупринты =)

В общем, если кого-то заинтересовало, то здесь можно посмотреть демо-страницу, а на Гитхабе — скачать.
Продолжение «Отзывчивый дизайн»

Как сделать самый плохой сайт?

Еще один список вредных советов.

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

Начиная с того момента, как посетитель попал на Ваш сайт и заканчивая моментом его ухода, у Вас есть куча времени для того, чтобы доставить ему огромную массу удовольствия. В этой статье я дам Вам 28 прекрасных советов, о которых ни в коем случае нельзя забывать в процессе разработки сайта, и которым нужно в точности следовать. Сохраните эту страничку в закладках и возвращайтесь сюда, когда у Вас возникнет желание нагадить своим гостям.

Продолжение «Как сделать самый плохой сайт?»

5 ошибок в дизайне блога

Оригинал статьи Five Blog Design Mistakes that Make You Look Dumb находится на сайте Blog Design.

Законы блогдизайна не высечены на камне, но есть некоторые вещи, которые действительно могут помешать успеху вашего блога. Несмотря на то, что все мы очень хотим верить в то, что контент более важен, нежели дизайн, мы никуда не можем деться от того, что дизайн блога — это то, что посетители видят и используют, пока читают ваши замечательные тексты. Несколько идиотских ошибок — и посетитель даже не будет читать то, что вы написали, никогда на вас не подпишется и ничего у вас не купит.

Итак, вот эти пять ошибок:

Продолжение «5 ошибок в дизайне блога»

Минимализм = ленивый дизайнер.

Переводная статья, опубликованная на сайте Pro Blog Design.

Минимализм становится все более популярным. Задумайтесь на секунду — как много простых, светлых сайтов вы видели сегодня?

Разумеется, это не просто так, за этим стоит определенный принцип, и вы, скорее всего, с ним уже знакомы.

Минимализм = меньше беспорядка = меньше отвлечекается внимания = больше времени уделяется важным вещям.

Но все ли минималистичные дизайны разрабатываются на основе этого принципа? Вам никогда не казалось, что дизайнер просто слепил вместе несколько дивов и решил, что пускай лучше его тема будет минималистичной?

Продолжение «Минимализм = ленивый дизайнер.»

Шесть способов произвести хорошее впечатление.

Перевод (местами вольный) статьи, находящейся на сайте Pro Blog Design

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

Тем не менее, я хочу добавить и свои пять копеек к этому тезису: контент является королем, однако то, во что он обернут — дизайн вебсайта — не менее важен! Я люблю метафоры, потому что они часто помогают разобраться в том, как обстоят дела на самом деле. Поэтому позвольте мне предложить вам следующую метафору.

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