.post-content a {font-weight:100;}
Сделала небольшую (зато какую!) подборочку ссылок на очень полезные ресурсы для вебмастеров. Пополняйте свои закладки :)
Дизайнеру:
Подбор цветовой гаммы, готовые цветовые решения, "смешивание" цветов
Векторные изображения – фоны, открытки, предметы элементы дизайна и т.п.
Плагин для Photoshop, позволяющий сохранять файлы в формате .ICO
Коллекция оригинальных кистей для Photoshop
Верстальщику:
Проверка отображения сайта в более чем 40 браузерах и на разных ОС
Прижать футер к низу? Легко! Готовый пример и код
Rollover меню без JS и мигания фона
100 великолепных шаблонов для WordPress
"Всплывающие подсказки" для текста на CSS
Программисту
Быстро и просто создать .htaccess
Изменяем стили отображения форм input, radio, select и др.
Лучшие AJAX скрипты …

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

Это вообще можно реализовать без JS ?
Как избежать эффект пропадающего фона при наведении на кнопку?
Сколько картинок мне нужно для 1 кнопки?
Можно ли сделать кнопку не фиксированной ширины?
Можно ли обойтись без CSS-фильтров?

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

Заканчивая "причесывать" свой блог, мне оставалось лишь приделать форму подписки на RSS. В итоге это затянулось на несколько часов :) Нет, вы не подумайте, что мне не хватило ума вставить простой код от FeedBurner :) Просто, мне вдруг до безобразия захотелось сделать для этой формы какой-то эффектный дизайн..
Сначала хотелось сделать форму как можно компактнее, без лишних кнопок, заголовков и т.д.
В итоге получилось такое:

Но и этого мне было мало :)

И снова Smashingmagazine решил порадовать нас коллекцией великолепных иконок высокого качества. Такое просто нельзя проспустить!
 

Месяц назад, уникальный по содержанию сайт smashingmagazine.com опубликовал предложение для своих пользователей. Предлагалось разработать новые дизаны для блогов (а конкретнее оформление шапки) на самые различные тематики.
Сегодня все дизайны шапок были выложены на сайте и их можно бесплатно скачать в psd.
Победителей объявят в течение суток. А пока, можно порадовать глаза прекрасными работами молодых и креативных ребят :)

Цель данной статьи заключается в том, чтобы реализовать возможность создания превью для изображения, размеры которого можно устанавливать самостоятельно. Бывает так, что у нас нет свободного места на странице, чтобы показать превью картинки полностью. Но и делать из картинок обрезки не хочется. Трюк, приведенный в статье, позволит создать нужные нам размеры превью и отображать полный его размер при наведении курсора на превью.

Большинство дизайнов ориентировано на использование фиксированных значений при верстке: ширина и высота блоков, размер шрифта. Это позволяет сверстанному шаблону «не разваливаться» при изменении масштабов просмотра и сохранять свойство кроссбраузерности. Однако в этом есть один большой минус – при большом разрешении экрана маленькие фиксированные блоки теряются на большой площади и остаются незамеченными. Тут даже не спасет «резиновая» верстка, т.к. сайт будет выглядеть еще более нечитабельным, например на 19” мониторах при разрешении большем 1280 по ширине. Для меня это актуально, т.к. на ноутбуке 17” с разрешением 1400х800 просматривать «резиновый» сайт очень неудобно. …

Блуждая по сети, я не раз видела самые удивительные решения, основанные на применении CSS. И с каждым разом все больше верится, что возможности CSS безграничны :)
Сегодня я увидела вот такую картинку:

Правда интересный эффект? Давайте попробуем раскрыть секрет его реализации.