WebDesign.Doc: Советы по Web-разработке. Выпуск 244
WEbDESiGN.doc // №244
приглашаем к сотрудничеству:
Рассылка "WebDesign.doc: Советы по Web-разработке" приглашает к сотрудничеству владельцев сайтов и рассылок компьютерной тематики. Рассмотрим любые предложения - обмен ссылками, статьями, рекомендациями, формами подписки, размещение вашей рекламы, обмен рекламой и т.д. У нас более 20.000 подписчиков! Контактный e-mail - webmastersoft@mail.ru
Advego - общайся на форумах и зарабатывай деньги! (подробнее...)
Новинка!
HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов,
2011 г.
Дронов В.
Описаны языки HTML 5 и CSS 3, применяемые, соответственно, для создания содержимого и представления Web-страниц. Даны принципы Web-программирования на языке JavaScript с использованием библиотеки Ext Core. Рассказано о создании интерактивных Web-страниц, приведены примеры интерактивных...
дальше
Новости
Веб-конференция Microsoft HTML 5 Camp
HTML5 стремительно врывается на просторы Интернета, открывая новые возможности для веб-разработчиков, веб-дизайнеров и конечных пользователей. Векторная и растровая графика - статичная и динамичная, - проигрывание аудио и видео без дополнительных плагинов, семантичная разметка, новые стилевые возможности, новые API для JavaScript и многое другое…
Хотя сам по себе HTML5 - это всего лишь один веб-стандарт из числа многих, в сообществе под своей "крышей" он собрал и множество других близких веб-стандартов, включая CSS3, ECMAScript 5, SVG, Canvas, WOFF.
Приходите на конференцию Microsoft "HTML5 Camp", чтобы поговорить о новых веб-стандартах, веяниях и вызовах в развитии интернет-браузеров.
Вы откроете для себя новые возможности для веб-разработки и веб-дизайна!
Конференция бесплатная. Для участия обязательна регистрация на сайте.
Без преувеличения, сейчас сетевая типографика переживает захватывающий период своей жизни. Недавние технологические скачки приблизили нас еще на шаг ближе к типографической нирване в интернете. Шаг, которого все так долго ждали.
Свобода использования веб-шрифтов вне безопасного списка на всех ведущих ОС стала возможной, по большому счету, благодаря трем основным, почти одновременным технологическим факторам: широко распространенной поддержке правила @font-face в браузерах; появлению таких «шрифтохранилищ» как
Typekit и
Fontdeck; создание нового формата шрифтов — архивированного файла шрифта WOFF.
Но, как говорится, имея большую власть, мы несем еще большую ответственность. Поэтому, возможность выбора разнообразных шрифтов из обширной библиотеки, не всегда означает потребность этот самый выбор делать; то же самое можно сказать про рисование в ограниченной палитре цветов. Помимо этого, существует множество альтернативных шрифтов, большинство из которых бесплатные, поэтому широко используются в массах и популярны довольно незаслуженно.
На самом деле, все это является частью гораздо большей проблемы. В сети существует мнение (особенно в сообществах дизайнеров), что за шрифты не стоит платить. Это мнение является ошибочным. Потому что, в результате, наносит ущерб как отдельным талантливым дизайнерам во всём мире, так и дизайнерскому сообществу в целом.
Для создания шрифта, как и любой другой формы дизайна, дизайнер использует весь свой многолетний опыт и талант, да и забирает это занятие достаточно много времени. К преимуществам профессионально разработанного шрифта можно отнести такие его свойства как: возможность выбора начертания и стиля шрифта (помогает сгруппировать полноценное семейство шрифта), аккуратно подобранные кернинги, поддержка нескольких языков с международными символами, выразительные глифы и различные настройки
письма. Все это очень редко встречается в бесплатных версиях шрифтов.
По этой причине почти каждый из двадцати ниже представленных шрифтов имеет свой платный вариант. Также представлены бесплатные версии из так называемого «шрифтохранилища» Typekit.
Добавим, что мы сосредоточили свое внимание исключительно на шрифтах, регулярно используемых в сети. Так что опрокиньтесь на спину и откройте для себя 20 шрифтов, которые вы непременно захотите использовать снова и снова…
20. Avenir
Семейство: Sans serif Дизайнер: Адриан Фрутигер (Adrian Frutiger)
Скачать или купить: Fonts.com
Дизайн Avenir’a разработан на основе вездесущего шрифта Futura (который был задуман как «Die Schrift für die Neue Zeit» — «Шрифт Нового времени»). Однако, по словам дизайнера Адриана Фрутигера, в шрифте Avenir заключено гораздо больше человечности. Несмотря на свою популярность в корпоративных кругах, его округлые геометрические формы и тонкая индивидуальность придадут дружественную улыбку даже самому серьезному содержимому.
Несколько лет спустя Акира Кобаяши завершила Avenir Next, шрифт, который стал усовершенствованной версией оригинала (в новую версию добавили курсив и мелкие заглавные буквы.)
19. FF Kava
Семейство: Sans serif Дизайнер: Янон Кафисатз (Yanone Kaffeesatz)
Скачать или купить: FontShop
Бесплатная версия шрифта вышла в свет во времена, когда поддержка браузерами правила @font-face была широко распространена, чем и заслужила свою популярность среди дизайнеров. В результате чего молодой немецкий дизайнер Янон попал в поле зрения одного из самых крупных в мире производителей цифровых шрифтов — компании FontShop FSI, что позже привело к рождению профессиональной версии данного шрифта.
18. Times New Roman
Семейство: Serif (cистемный шрифт)
Дизайнер: Виктор Лардент (Victor Lardent), Стэнли Морисон (Stanley Morison)
Каждый, кто создает списки на подобие нашего, не забудет об этом шрифте. Вероятно, самый распространенный шрифт. Разработан дизайнерами Стенли Морисоном и Виктором Лардентом.
17. Bree
Семейство: Sans serif Дизайнер: Жозе Скаглионе (José Scaglione), Вероника Буриан (Veronika Burian)
Скачать или купить: Typekit, Fontdeck
Полон индивидуальности, наглый и неряшливый, шрифт Bree может показаться годным лишь для заголовков, т.к. впервые мы увидели его на логотипе компании TypeTogether. Однако практика показывает, что Bree выглядит довольно изящно и в меньших своих размерах.
Bree является одним из немногих шрифтов, которые появились на свет в результате коллективной работы двух человек: Жозе Скаглионе и Вероники Буриан, студентов факультета Полиграфического Дизайна Британского Университета Reading. Который, в свою очередь, считается одним из лучших учебных заведений мира, подготавливающий талантливых полиграфических дизайнеров.
16. FF Trixie
Семейство: Печатная машинка Дизайнер: Эрик ванн Блокланд (Erik van Blokland)
Скачать или купить: FontShop
Trixie — один из первых машинописных шрифтов. Станет незаменим в написании заголовков для грустных событий (аварий, стихийных бедствий и т.п). Автору удалось передать эстетику печати на машинке, что с уверенностью можно назвать достижением.
15. Centro Sans pro
Семейство: Serif Дизайнер: Панос Василио (Panos Vassiliou) Скачать или купить: Fontdeck
Большое количество супер-семейств позволяет дизайнерам создавать смешанные виды шрифтов, где serif переплетается с sans serif. Это делается для улучшения читабельности и внешнего вида букв, одновременно. Шрифт Centro Sans pro и является одним из представителей таких супер-семейств.
14. Fedra Sans
Семейство: Sans serif Дизайнер: Питер Бильяк (Peter Bil'ak)
Скачать или купить: Typotheque
Еще один представитель супер-семейств, который начал свой путь в качестве корпоративного шрифта немецкой страховой компании Bayerische Rück. Разработанный в библиотеке шрифтов Typotheque с целью исправно служить людям, как на экране так и на бумаге.
Стоит заметить, что данный проект приостанавливался и запускался несколько раз: то заказчик решит отменить его, то начнет колебаться, то и вовсе украдут оборудование из офиса разработчика. Но благодаря дизайнеру Питеру Бильяку удалось не только закончить, но и значительно улучшить проект. В результате чего получился во многом универсальный шрифт.
13. Museo Slab
Семейство: Slab serif Дизайнер: Жос Буйвенга (Jos Buivenga)
Скачать или купить: Typekit, Fontdeck,
Font Squirrel
Оригинальная версия Museo крайне популярна среди дизайнеров и является на половину бесплатной. Шрифт принадлежит к формату Opentype. Имеет поддержку большого количества языков.
12. Clarendon URW
Семейство: Slab serif Дизайнер: Роберт Бисли (Robert Besle), Герман Эйденбенз (Hermann Eidenbenz)
Скачать или купить: Typekit, Fontdeck,
Font Squirrel
Классический британский шрифт с засечками (slab serif), без которого не обойдется ни один подобный список. Усовершенствованный Германом Эйденбенцом, он включает в себя несколько типов плотности и начертаний.
11. Proxima Nova
Семейство: Sans serif Дизайнер: Марк Симонсон (Mark Simonson)
Скачать или купить: Typekit, Fontdeck
Невероятно гибкий и читабельный шрифт, является улучшенной версией Proxima Sans, используется во множествах сценариев. Имеет множество начертаний, что увеличивает количество шрифтов данного семейства до сорока двух.
10. FF Unit Slab
Семейство: Slab serif Дизайнер: Эрик Спайкерман (Erik Spiekermann), Кристиан Шварц (Christian Schwartz), Крис Соверсби (Kris Sowersby)
Скачать или купить: FontShop
Шрифт успел полюбиться многим, не исключая меня. Может произвести кардинально противоположные впечатления на пользователя в различных своих плотностях. Что и делает его в каком-то роде уникальным шрифтом.
09. Calluna
Семейство: Serif Дизайнер: Жос Буйвенга (Jos Buivenga)
Скачать или купить: Typekit, Fontdeck,
Font Squirrel
Появился на свет в качестве эксперимента над ранней версией Museo Slab и Calluna и стал первым серьезным шрифтом в карьере дизайнера Жоса Буйвенги.
Как и другие шрифты Жоса, он наделен многими свойствами Opentype формата и имеет бесплатную версию, доступную для пользователей.
08. Ronnia Condensed
Семейство: Sans Serif Дизайнер: Жозе Скаглионе (José Scaglione), Вероника Буриан (Veronika Burian)
Скачать или купить: Typekit
Самое подходящее слово для его описания — это универсальность. Лучше всего смотрится в заголовках. Используется в различных целях, поэтому вы можете увидеть его, как в заголовках новостей, так и в корпоративных отчетах предприятий.
07. Droid Sans
Семейство: Sans Serif Дизайнер: Стив Маттесон (Steve Matteson)
Скачать или купить: Typekit,
FontsLive, Webtype
Семейство шрифтов Droid было разработано дизайнером Стивом Маттесоном осенью 2006 года. Главной задачей дизайнера было создание читабельного и качественного шрифта, в первую очередь, для мобильных телефонов. Позже шрифты этого семейства были оптимизированы под использование в меню различного софта, браузеров и т.п.
06. FF Tisa
Семейство: Serif Дизайнер: Митя Миклавчич (Mitja Miklavcic)
Митя Маклавчич создал шрифт для удовлетворения технологических и эстетических требований современных журналов. Он поставил перед собой цель разработать более мягкую и динамичную версиию шрифта. Благодаря невысокому контрасту своих очертаний Tisa великолепно читается даже в самых малых размерах, будь то на страницах книг, или, напечатанный лазерным принтером с низким разрешением.
05. FF DIN
Семейство: Sans serif Дизайнер: Альберт-Ян Пул (Albert-Jan Pool)
Скачать или купить: Typekit,
FontShop
Современный шрифт, разработанный голландским дизайнером. Аббревиатура «DIN», в переводе с немецкого означает «Немецкий Институт Нормирования». Изначально использовался как текст на дорожных знаках и номерах квартир. Но вот уже на протяжении многих лет его сугубо деловые геометрические формы украшают немецкий веб-дизайн. В 1995 году был обновлен Альбертом-Яном Пулом, обновление включило в себя больше стилистических вариантов, а также новый
формат DIN Rounded.
04. Helvetica
Семейство: Sans Serif Дизайнер: Макс Миедингер (Max Miedinger), Эдуард Хоффман (Eduard Hoffmann)
Скачать или купить: Fonts.com
Кажется, невозможно обсуждать предмет типографии без упоминания Helvetica. Шрифт заслужил статус легенды благодаря тому, что его использует чуть ли не каждый дизайнер в мире. Его имя и стиль известны общественности.
Helvetica был разработан, чтобы создать конкуренцию шрифту Akzidenz-Grotesk, и его первоначальным названием было — Die Neue Haas Grotesk. Шрифт олицетворяет Швейцарский стиль графического дизайна из далеких 1950-ых. Но его широкое применение во всех формах дизайна привело к тому, что он в некоторой степени «приелся», поэтому и было разработано еще несколько его под-форм, таких как Arial. Тем не менее, он остается современной классикой.
03. Alternate Gothic No.1
Семейство: Sans serif
Дизайнер: Морис Фуллер Бентон (Morris Fuller Benton) Скачать или купить: Fontdeck
Фантастический шрифт для написания заголовков. Alternate Gothic и его варианты остаются чрезвычайно популярным выбором для тех, кто нуждается в нелицеприятном, почти наглом шрифте. Четкий при относительно малых размерах. Являясь частицей американского индустриализма, выглядит великолепно и в цифровую эпоху.
Стал чрезвычайно популярен после того как Студия дизайна «The League of Moveable Type» создала его обновленную версию с открытыми исходниками.
02. FF Meta Serif
Семейство: Serif Дизайнер:: Кристиан Шварц (Christian Schwartz), Эрик Спайкерман (Erik Spiekermann), Крис Соверсби (Kris Sowersby)
Скачать или купить: Typekit,
FontShop
Эрик Шпикерман описывает свое семейство Meta как «приближенное к классике», и при этом откровенно скромничает, потому что шрифт Meta действительно является классикой, особенно версия без засечек. Это авторитетный шрифт, который великолепно работает с различными сценариями.
01. Georgia
Семейство: Serif Дизайнер: Мэтью Картер (Matthew Carter)
Скачать или купить: Typekit,
FontShop
Что? Системный шрифт во главе рейтинга? Как бы в это не было сложно поверить — Georgia является любимцем людей, работающих в сети. Возможно ответ кроется в том, что он был разработан в большей мере для «экрана» нежели для печати, а может быть, потому, что сумел воплотить в себе бесконечную красоту и понятность благодаря своей простоте.
Чрезвычайно четкий при малых размерах и величественный в своем курсивном варианте, Georgia подтверждает свою ценность, несмотря на изобилие альтернатив, и напоминает, что иногда, лучшие инструменты находятся прямо у нас под носом.
* Мало что из этих шрифтов есть для кириллицы, поэтому эта подборка больше подойдет для «аутсорсеров». Будем надеятся, что скоро появится хоть часть этих и не только шрифтов для славянских языков на кириллице.
P.S. Для кого интересны только кириллические веб-шрифты, посмотрите вот эту подборку:
lyncis.info/en/post/274
Библиотека веб-мастера
Раскрутка веб-сайта. Практическое руководство, 2011 г.
Евдокимов Н.В., Лебединский И.В.
Эта книга — совершенно уникальное явление в литературе по продвижению веб-сайтов. Нигде больше вы не найдете столь полного и в тоже время простого и понятного изложения как теоретических концепций, так и сугубо практических методов и рекомендаций. Процедура продвижения сайта раскрыта в...
дальше
Эффективная эксплуатация сайта. Практическое пособие, 2011 г.
Веселкова Т.В., Кабанов А.С.
Издание представляет собой небольшое по объему, но полное по содержанию пособие по эффективной эксплуатации различных типов веб-сайтов: промосайтов, информационных, корпоративных и т.д. В пособии рассказывается об основных характеристиках и функциях сайта, классификации сайтов, а также о...
дальше
Как программировать для Internet и WWW, 2011 г.
Дейтел П.Дж., Дейтел Х.М., Нието Т.Р.
Книга является простым и доступным введением в технологии программирования для Интернет и Всемирной паутины. При этом книга уникальна по широте охвата и полноте изложения материала. В ней обсуждаются вопросы создания страниц Web, приложений Web и многозвенных клиент-серверных приложений....
дальше
В системе Advego вам платят за то, что
вы общаетесь! Вы пишете новые сообщения на форумах, комментируете статьи и
новости на сайтах и в блогах, отвечаете на комментарии других пользователей и
получаете за это деньги!
Контроль Advego над гарантированными выплатами за выполненные работы, быстрый вывод средств, удобный и многофункциональный поиск работ - все это делает
Advego прекрасным инструментом для превращения вашего умения общаться, ваших знаний в интересную и оплачиваемую работу со стабильным ежедневным доходом.
В системе Advego вебмастер в кратчайшие сроки наполнит свои сайты необходимым уникальным контентом, получит живой, полный общения форум или дельные комментарии к статьям и новостям в блоге с необходимыми ключевыми словами.
Система Advego максимально автоматизирована, а функции проверки орфографии, проверки наличия ключевых слов, проверки уникальности текста и другие позволяют вебмастерам максимально быстро и точно отслеживать качество контента.
Таким образом, вебмастер получает уникальный качественный контент, что улучшает привлекательность сайта, форума или блога для пользователей, повышает релевантность страниц в поисковых системах, что увеличивает количество посетителей, позволяет увеличить заработки сайта, в том числе, на продаже ссылок и гиперконтекста (контекстных ссылок).
Надеюсь, что вам понравился этот выпуск рассылки и вы узнали что-то новое и полезное для себя. Если у вас есть пожелания или предложения как сделать рассылку лучше, присылайте их на наш e-mail:
webmastersoft@mail.ru
HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов
Раскрутка веб-сайта. Практическое руководство
Эффективная эксплуатация сайта. Практическое пособие
Как программировать для Internet и WWW
