Favicon для блога на WordPress

WordPress, Интересное

Теги : , , ,

Недавно захотелось мне сделать для своего блога фавикон. Кто не в курсе, фавикон (favicon) — это маленькая иконка с логотипом сайта, которая появляется в адресной строке, если зайти на сайт. Также фавикон выводится слева от названия сайта в результатах поиска в поисковиках и при использовании закладок.

Как выглядит favicon моего блога можно увидеть в адресной строке браузера… ну или на строку ниже: 🙂

Как выглядит фавикон

Значит теперь… как сделать favicon для своего блога. Рылся в интернете и наткнулся на отличный сервис favicon.cc, который позволяет самому рисовать иконки.

Читать дальше »

Правильное использование padding

HTML, Интересное

Теги : , , , ,

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

В этом посте попробую разобраться с этой проблемой.

Разберем пример. Нам необходимо получить блок размером 400px на 50px. Для этого пишем следующий HTML-код:

<div style=»width: 400px; height: 50px;»>Содержимое блока</div>

Читать дальше »

Коды символов кириллицы и латиницы

HTML, Интересное

Теги : , ,

Недавно столкнулся с проблемой. Захотел перевести на русский язык установленный у себя плагин для WordPress Peter’s Custom Anti-Spam Image (анти-спам защита комментариев).

Перевел, что называется… вместо русского текста квадратики 🙂 Ну все, в принципе, ясно, блог работает в кодировке UTF-8, а плагин отдает текст в кодировке windows-1251. Долго за решением ходить не стал, к тому же мне всего-то надо было перевести фразу «Anti-spam word (required)».

Нашел в интернете коды русских символов и просто написал фразу, которая мне нужна этими кодами. Нужно было «Введите слово на картинке (обязательно)», получилось…

Читать дальше »

Тестируем верстку под разными браузерами

Интересное

Теги : , ,

После того как макет дизайна был сверстан, необходимо протестировать как он работает в разных браузерах, и, если это необходимо, устранить ошибки и недочеты. Лично у меня для этих целей установлены IE, FireFox и Opera. Но иногда заказчики просят, чтобы верстка выглядела идентично не только в этих браузерах, но еще к примеру и в Safari. А иногда бывает и так, что проблемы возникают для одного браузера разных версий.

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

Читать дальше »

Что делать с футером

CSS, HTML, Интересное

Теги : , , ,

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

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

Читать дальше »

Портфолио и фотогаллерея на CSS

Интересное, Фичи css

Теги : , , ,

  • Верстка по заказу компании Xpromt

В этом посте хочу рассказать (показать, научить, описать, объяснить) как устроено мое портфолио.

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

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

Читать дальше »