11
12
Favicon для блога на WordPress
Категория: WordPress, Интересное
Теги : WordPress, в помощь, полезное, фавикон
Недавно захотелось мне сделать для своего блога фавикон. Кто не в курсе, фавикон (favicon) — это маленькая иконка с логотипом сайта, которая появляется в адресной строке, если зайти на сайт. Также фавикон выводится слева от названия сайта в результатах поиска в поисковиках и при использовании закладок.
Как выглядит favicon моего блога можно увидеть в адресной строке браузера… ну или на строку ниже: 🙂
Значит теперь… как сделать favicon для своего блога. Рылся в интернете и наткнулся на отличный сервис favicon.cc, который позволяет самому рисовать иконки.
04
Как обещал, в этом посте расскажу о том как встроить Compare It! в TotalCommander. Очень удобно… кликнул в левой панели TC на файл, который необходимо сравнить, кликнул в правой панели на файл с которым надо сравнить, нажал на иконку Compare It!.. и все.. можно сравнивать. Во всяком случае, считаю, что это гораздо удобнее, чем открыв программу, бегать по папкам в поисках нужных файлов для сравнения.
03
Как-то так нехорошо получилось, целый месяц ничего в блог не писал… надеюсь в этом месяце будет получше. К тому же весь ноябрь работал над одним весьма интересным масштабным проектом, вот и не было времени.
Сегодня, продолжая делать обзоры софта, которым пользуюсь, и который, на мой взгляд, является весьма полезным, решил написать еще об одной замечательной программке… Compare It!
04
Правильное использование padding
Категория: HTML, Интересное
Теги : doctype, HTML, в помощь, код, полезное
Я думаю многие встречались с проблемой использования внутренних отступов в верстке. Связано это с тем, что разные браузеры по-разному реагируют на padding и соответственно по-разному считают размеры блоков.
В этом посте попробую разобраться с этой проблемой.
Разберем пример. Нам необходимо получить блок размером 400px на 50px. Для этого пишем следующий HTML-код:
<div style=»width: 400px; height: 50px;»>Содержимое блока</div>
31
Недавно столкнулся с проблемой. Захотел перевести на русский язык установленный у себя плагин для WordPress Peter’s Custom Anti-Spam Image (анти-спам защита комментариев).
Перевел, что называется… вместо русского текста квадратики 🙂 Ну все, в принципе, ясно, блог работает в кодировке UTF-8, а плагин отдает текст в кодировке windows-1251. Долго за решением ходить не стал, к тому же мне всего-то надо было перевести фразу «Anti-spam word (required)».
Нашел в интернете коды русских символов и просто написал фразу, которая мне нужна этими кодами. Нужно было «Введите слово на картинке (обязательно)», получилось…
29
Устраняем ошибки верстки… FireBug
Категория: Обзор софта
Теги : CSS, HTML, javascript, в помощь, верстка, плагины, софт
Иногда в процессе верстки возникают, так называемые «баги» отображения под разными браузерами. Если код, в котором необходимо разобраться, чужой, то возникают некоторые проблемы с его пониманием… так сходу ошибку и не увидишь. Да и, признаться, в своём коде частенько баги исправить оказывается не так просто. На мой взгляд отличным решением для исправления ошибок под FireFox является плагин, который называется FireBug.
Сегодня хочу поговорить об избыточном коде верстки, его источниках, проблемах и устранении.
Появление избыточного кода часто сопряжено с чрезмерным употреблением тегов разметки, их атрибутов, а также неправильным применением css-стилей. Специалистам в области оптимизации и продвижения сайтов известно, что избыточный код является большой проблемой для индексации сайта. Также затрудняется само понимание кода программистами, верстальщиками и, зачастую, самими авторами… да и весит такой код гораздо больше.
Сперва разберемся с источниками избыточного кода. Всем нам известно, что существует множество программ, позволяющих верстать сайты визуально. К ним можно отнести Dreamweaver, FrontPage… что там говорить… даже Word умеет это делать. Приведу простой пример… из любимого Word 🙂 .
28
После того как макет дизайна был сверстан, необходимо протестировать как он работает в разных браузерах, и, если это необходимо, устранить ошибки и недочеты. Лично у меня для этих целей установлены IE, FireFox и Opera. Но иногда заказчики просят, чтобы верстка выглядела идентично не только в этих браузерах, но еще к примеру и в Safari. А иногда бывает и так, что проблемы возникают для одного браузера разных версий.
У меня был один заказчик, который попросил поправить баги верстки под Safari. Поскольку этого браузера у меня под рукой не оказалось, а копаться в интернете, для того, чтобы найти и установить его у меня не было желания, я решил воспользоваться сервисом BrowserShots. Тогда это, кстати, была первая моя встреча с ним, и после этого сервис помогал мне не один раз.
27
Нередко, мне дают задание на верстку дизайна, и в техническом задании указывают, что футер сайта всегда должен быть привязан к низу. Оно и правильно… не очень красиво смотрится, когда на сайте мало контента, и футер съезжает вверх. Не знаю как у кого, но у меня несколько раз возникали с этим проблемы.
В этом посте хочу рассказать о том, как решить эту проблему, чтобы все было красиво, валидно и кроссбраузерно. Сейчас верстаю шаблоны в основном используя описанный метод.