Совсем недавно Google открыл свою директорию шрифтов Google Font Directory, чтобы помочь веб-разработчикам c использованием посторонних шрифтов на их веб-страничках. Проект работает на основе Google Font API.

Для того чтобы воспользоваться одним из шрифтов, нужно выбрать понравившийся шрифт и затем перейти на вкладку «Get The Code«. Появится две строчки кода. Первый фрагмент (<link href=») необходимо будет разместить  в html-файле Вашей странички. Второй фрагмент (h1 { font-family: …) нужно разместить в css-файле.

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

Новый блог от создателей PSDTuts, одного из моих любимых зарубежных блогов о дизайне, полностью посвященный урокам по Adobe Photoshop. NetTuts – это блог о уроках для веб-мастера, т.е. уроки связанные с html, css , js, php, движками, фреймворками и т.д. Вообщем всем, кому интересна эта тема, рекомендую добавить блог в закладки или в rss-ридеры, ну вы меня поняли =)

Welcome ->

Простой онлайн конструктор горизонтальных менюшек навигации. Множество настроек шрифтов, фона, цвета.Так же присутствует большое количество заготовок/стилей, на основе которых которых можно собрать свое меню.

Попробовать

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

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

Browsershots.org – сервис который создаст скриншоты вашего сайта, в выбранном вами расширений, операционной системе и из разных браузеров.Весь процесс занимает от 5 до 50 минут. Сервис будет полезен для всех вебмастеров, которым не безразличен вид их сайта с разных компьютеров.

Перейти на сайт

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

1. Что такое favicon?

Favourite Icon – это маленькая иконка или скажем маленький значок сайта, который отображается в адресной строке браузера, слева от его адреса. Обычно иконка имеет формат ico и размер 32×32 пикселя, но так же я встречал иконки в png и даже анимированные варианты в формате gif. Вообщем фавикон это мини лицо вашего проекта, которое сопровождает его по всей сети.

2. Где отображаются эти иконки?

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

3. Как самому создать свой фавикон?

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

Итак, перейдем к делу. Опишу только одну из многих возможностей по созданию фавиконки, на мой взгляд самую простую. Воспользуемся сайтом favicon.cc.

Заходим на него и рисуем какой нибудь значок, нарисовали? Тогда жмем «Download favicon» и сохраняем иконку к себе на компьютер.

Загружаем фавикон к себе на хостинг и прописываем на главной странице сайта (index.html) следующим образом:
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
Готово!

Другие полезные ссылки по фавиконам:

- Блогосфера в иконках

- Генератор иконок

- Конвертер картинок в иконки

- Рисуем favicon онлайн

- Фавикон.ру