Smashing Magazine совместно с дизайнером Neurovit предлагают для скачки бесплатный набор иконок Simplicio:



Все иконки доступны в форматах 32*32, 64*64, 128*128, 16*16 (ICO). Также в комплекте есть исходники (.ai) всех иконок.

Кстати, интересна модель предоставления таких качественных иконок бесплатно. Все просто: Smashing Magazine объявил, что пропиарит (100000 подписчиков, регулярные выходы тем на digg.com) любого, кто пришлет им достаточно качественный бесплатный материал. Как вы понимаете, такой человек без работы на ближайший год не останется. Схема работает, при чем довольны все, больше всех — мы, потребители :)

Smashing Magazine совместно с дизайн-студией DryIcons предлагают для скачки бесплатный набор иконок Practika:

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

1. Логотип

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

От меня: поскольку сейчас передо мной стоит задача, непосредственно освещаемая в данной статье, то решил помимо изучения и перевести статью, поскольку считаю её полезной и грамотной. Хотелось заодно и получить Ваши замечания по переводу, язык тоже надо совершенствовать. Пожелания принимаются.

Таблицы с тарифными планами важны каждой компании, предлагающей товары или услуги. Они должны объединить в себе и дизайн, и юзабилити. Они должны быть простыми, но в то же время давать четкие отличия возможностей и цен между товарами или услугами.

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

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

О том, что такое хуки в Wordpress и как их там использовать. Статья молодого Wordpress-специалиста, владельца сайта www.wprecipes.com, из Бельгии.

Спешу поделиться своей радостью: вчера забрал из почтового отделения посылку с долгожданной книгой (точнее — двумя, т.к. заказал сразу два экземпляра). Книга от известного околоинтернетдизайнерского блога www.smashingmagazine.com

Очень меня порадовало, что получил чтиво перед новогодними праздниками, хотя SM (Smashing Magazine) задержали поставку на пару месяцев (но присылали слезные письма с извинениями, за что им плюс).

Книга напечатана на очень качественной толстой бумаге с отличными цветами и иллюстрациями. Верстка очень приятная. Возможно немного мелковат шрифт…
Главная проблема — переплет! Жалко мять книгу об коленку, но читать, не принимив силу, практически невозможно: очень уж глубокая и плотная склейка.

По содержанию книга логично продолжает и местами раскрывает тематику SM.
Весь материал полностью на английском языке
Основные разделы книги:

• Дизайн пользовательских интерфейсов.
• CSS.
• Типографика.
• Юзабилити.
• Колористика.
• Оптимизация сайтов.
• Дизайн для продаж.
• Как превратить сайт в бренд.
• Мнения экспертов.
• История SM.

Я заказывал книгу еще до начала продаж — поэтому была скидка.
Сейчас издание стоит 30$ + 5$ за доставку.

Итог: очень хорошая книга для домашней и корпоративной библиотеки, однако, за такие деньги я бы желал твердого переплета.

Купить и почитать подробно про кигу можно тут.
А тут можно скачать первую часть книги бесплатно.

Вот и подходит к концу весенний месяц апрель. За этот месяц в «Smashing Magazine» появились две небезынтересные статьи, полные истин более или менее азбучных. И так как иногда хочется перечитывать и азы, чтобы не упустить из вида и сознания ничего существенного, то я вам эти статьи порекомендую.

«Seven JavaScript Things I Wish I Knew Much Earlier In My Career» — статья о том, как сочинять код джаваскриптов, чтобы как можно менее утруждать себя. Вместо конструкторов Object() и Array() использовать краткую запись, вместо условий записывать тернарный оператор «a? b: c», по возможности пользоваться встроенной сортировкою и обработкою вместо своей самописной, применять JSON и делегировать события, и так далее. Всё это — с примерами кода.

«Maps In Modern Web Design: Showcase and Examples» — статья об употреблении географических карт на сайтах. Никакого кода, зато масса красивых иллюстраций картографического и геоинформационного характера с подтекстом: делайте так, и сайт ваш будет красив и удобен.

_{Вы видели когда-нибудь, как выглядит карта покрытия 2G на сайте «Билайна» в Краснодарском крае и Адыгее? Уверен: если бы создатели этого сайта читали «Smashing Magazine», то у них бы получилось чуточку лучше. (Я уж не говорю про их же страницу сети 3G, где вообще нельзя ничего понять о покрытии.)}

В «Smashing Magazine» 12 августа выложили гиперссылки, ведущие к тридцати бесплатным шрифтам, и краткий обзор их.

Но у читателя Хабрахабра всякая западная подборка, начинающаяся с круглого числа, должна вызывать естественное недоверие: не прибавили ли к ней чего-нибудь для одного только ровного счёта?… Пристально взглядываясь в эту тридцатку, трудно не подметить, что недоверие оправданно и даже дважды оправданно.

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

_{1) Piron
2) St Ryde
3) Nobile
4) Mr Jones Book
5) Pigiarniq Inuktitut
6) St Marie
7) Code
8) VAL Stencil
9) akaDora
10) Arcus
11) Crimson Text
12) Acid
13) Real Origami
14) Quadranta
15) Balonez Fantasia
16) Juice
17) Geomancy Typeface
18) Prociono
19) Edelsans
20) Neu Eichmass
21) Ingleby
22) Ibarra
23) Notice 1: Packaging Symbols
24) Notice 2: Navigation symbols
25) Notice 3: Cloth Symbols
26) Glyphyx
27) Free Symbol Signs Collection
28) Rally Character Set
29) Oblik Serif Bold
30) Paranoid
31) 01.BASE}

Как видно, счёт-то не такой уж и ровный. (Хорошо ещё, что обсчитались в нашу пользу.)

Во-вторых, из «тридцати» представленных шрифтов шесть («Notice 1: Packaging Symbols», «Notice 2: Navigation symbols», «Notice 3: Cloth Symbols», «Glyphyx», «Free Symbol Signs Collection», «Rally Character Set») являются попросту сборниками монохромных значков, а не символов какого-нибудь алфавита. Ещё девять шрифтов («01.BASE», «Paranoid», «Oblik Serif Bold», «Neu Eichmass», «Geomancy Typeface», «Balonez Fantasia», «Quadranta», «Real Origami», «VAL Stencil») обладают такими выдающимися декоративными особенностями начертания, которые делают их пригодными только для оформления заголовков, лозунгов и других крупных надписей — да и то не всяких.

Соответственно, настоящий интерес должна вызывать оставшаяся половина шрифтов, их добрая половина; их названия я выделю в списке полужирным шрифтом, а их скриншоты перенесу на Хабрахабр для удобства дальнейшего пристального вглядывания да любования (первый над хабракатом, а остальные под ним, чтобы кому-нибудь сэкономить траффик).



Ingleby — прекрасная антиква (со вкусными очертаниями буквы «a», например), которую разработал David Engelby. Идёт в четырёх начертаниях (обычное, курсивное, полужирное, полужирный курсив). Бесплатно для всех видов использования, но требует упоминания автора шрифта.

_{Шрифт лежит на dafont.com — это, насколько я понял, не очень полезно, потому что сайт не поддерживает многопоточное скачивание шрифтов (а значит, и докачку после обрыва).}

У нас есть отличная новость: выходит в свет вторая часть книги «Smashing». Мы начнем принимать предварительные заказы в январе 2011 года и книга поступит в продажу в феврале 2011 года. Нам осталось всего лишь нанести последние штрихи на бренд новой книги, и мы уверены, что она будет ценной, вечной и доступной книгой для вас, дорогие наши читатели, и всех дизайнеров и разработчиков по всему миру.

Привет, уважаемые Хабралюди.

Зимой я написал тот смело-наивный топик, не подозревая, что так будет тяжело интересно. К сожалению, не услышал мнений большинства и совершил самую грубую ошибку — переоценил свои силы. Как результат — пишу это топик. Напомню, я начал переводить статьи с разных популярных дизайнерских журналов: Smashing Magazine, например. Со временем, мы включили многие другие темы: маркетинг, PR, лайфхак, социальные сети, истории из жизни великих компаний и интересных личностей.

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

Вчера (17 ноября 2011 г.) в «Smashing Magazine» был опубликован комплект бесплатных значков «Aroma», созданный Оливером Твардовским.

Бóльшая часть его — полторы сотни пиктограмм и идеограмм 24×24 пиксела:



Остальные значки (я насчитал их 103) изображают клавиши клавиатуры.

Скачать их можно в ZIP-архиве (≈полтора мегабайта), прямую ссылку на который есть просьба не приводить за пределами «Smashing Magazine» (так сказано в readme.txt ко значкам). Мне кажется, эта просьба автора разумна, так как позволяет ему в случае чего оперативно переменить предлагаемую закачку и пресечь дальнейшее распространение прежних версий архива из разошедшихся по Сети копий и переводов блогозаписи.

09.01.2012 в «Smashing Magazine» была опубликована подборка бесплатных шрифтов.

В подборке представлены такие шрифты как: Homestead, Bree Serif, Levanderia, Valencia, Nomed Font, Carton.

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

P.S. Для того чтобы скачать шрифт установите 0 (ноль) в поле «Amount».

UPD: Smashing Magazine сново онлайн.

Конференция проходила 26-27 апреля в Варшаве, это была вторая конференция (Lea Verou о первой конференции) из серии, и судя по слухам и успешности — не последняя.

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

Сайт конференции, оф. хэштег #FrontTrends, так же организаторы обещали вскоре выложить видео записи презентаций (как появится информация, обязательно обновлю пост).

Популярный англоязычный блог о дизайне Smashing Magazine отказался от кнопки Like, полностью убрав её со своих страниц.

На сайте Smashing Magazine выложены два новых полезных инструмента для мобильных разработчиков. Это набор заготовок для рисования набросков интерфейсов распространённых типов мобильных утсройств Outline и шаблоны для подбора размеров элементов тач-интерфейса с учётом разрешения и физического размера реальных устройств Tapsize. Оба набора предназначены для распечатки на бумаге.

Виталий Фридман о том, как можно заработать на контентном проекте, станет ли профессиональный контент платным и почему он не любит перфекционизм.

Сколько уже было сломано копий о задачу выравнивания элементов на странице. Предлагаю вашему вниманию перевод отличной статьи с решением этой проблемы от Стефана Шоу (Stephen Shaw) для Smashing Magazine — Absolute Horizontal And Vertical Centering In CSS.

Все мы знали о margin: 0 auto; для горизонтального центрирования, но margin: auto; не работало для вертикального. Это можно легко исправить, просто задав высоту и применив следующие стили:

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

Я не первый, кто предложил это решение, однако такой подход редко применяется при вертикальном выравнивании. В комментариях к статье How to Center Anything With CSS Simon ссылается на пример jsFiddle, где приводится отличное решение для вертикального центрирования. Вот еще несколько источников на эту тему.

Рассмотрим способ поближе.

Многие здесь уже знакомы со Smashing Magazine — сайтом для веб-дизайнеров и веб-разработчиков. А ещё они издают книги и проводят конференции Smashing Conference.

С посещаемостью около 5 миллионов в месяц (раз в 10 раз меньше, чем у Хабра, но тем не менее), он является одним из ведущих интернет-изданий по веб-дизайну. Интересная особенность — если зайти на главную страницу сайта, он определяет включенный AdBlock, но не запрещает просматривать страницы — вместо этого скромно намекает, что неплохо бы купить какую-нибудь книгу. Все, кто пропагандировал идею, что популярному сайту не выжить без кучи рекламы, сейчас напряглись :-)

Мы взяли интервью у одного из основателей сайта (и спикера на HolyJS) — Виталия Фридмана. Мы поговорим о предыстории создания сайта, его технологическом стеке и процессе разработки, о чудесах с возможностью невозбранно использовать AdBlock, а также планах на будущее.

Редизайн популярного сайта — всегда большая и сложная задача, где в миллионе вопросов всё может пойти не так. А когда речь о Smashing Magazine, всё становится ещё интереснее: какие решения приняли создатели сайта, который рассказывает миллионам читателей как раз о возможных веб-решениях?

Сооснователь Smashing Magazine Виталий Фридман рассказал об этом на нашей конференции HolyJS подробнейшим образом, начав с общего дизайнерского подхода, продолжив деталями реализации фронтенда и в итоге дойдя до бэкенда. А теперь в ожидании следующей HolyJS, где Виталий выступит с новыми темами, мы сделали для вас текстовую версию этого доклада, переведя всё с английского на русский.

Получился подробнейший текст с 70 иллюстрациями (осторожно, трафик). А на случай, если вы предпочитаете смотреть англоязычный оригинал или если в нашем переводе какие-то места окажутся неясными, прикладываем и видеозапись:

Wrike Tech Club позвал в гости на открытую встречу Виталия Фридмана, знаковую фигуру в области веб-разработки и UX-дизайна, основателя и шеф-редактора журнала Smashing Magazine. Помимо лекции Виталия мы организовали круглый стол с Егором Гилевым (UX-директор Wrike) и другими приглашенными экспертами на темы современного фронтенда, UX-дизайна и UI-разработки.

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