Недавно захотелось мне сделать для своего блога фавикон. Кто не в курсе, фавикон (favicon) — это маленькая иконка с логотипом сайта, которая появляется в адресной строке, если зайти на сайт. Также фавикон выводится слева от названия сайта в результатах поиска в поисковиках и при использовании закладок.
Как выглядит favicon моего блога можно увидеть в адресной строке браузера… ну или на строку ниже: 🙂
Значит теперь… как сделать favicon для своего блога. Рылся в интернете и наткнулся на отличный сервис favicon.cc, который позволяет самому рисовать иконки.
Читать дальше »
Как обещал, в этом посте расскажу о том как встроить Compare It! в TotalCommander. Очень удобно… кликнул в левой панели TC на файл, который необходимо сравнить, кликнул в правой панели на файл с которым надо сравнить, нажал на иконку Compare It!.. и все.. можно сравнивать. Во всяком случае, считаю, что это гораздо удобнее, чем открыв программу, бегать по папкам в поисках нужных файлов для сравнения.
Читать дальше »
Как-то так нехорошо получилось, целый месяц ничего в блог не писал… надеюсь в этом месяце будет получше. К тому же весь ноябрь работал над одним весьма интересным масштабным проектом, вот и не было времени.
Сегодня, продолжая делать обзоры софта, которым пользуюсь, и который, на мой взгляд, является весьма полезным, решил написать еще об одной замечательной программке… Compare It!
Читать дальше »
Я думаю многие встречались с проблемой использования внутренних отступов в верстке. Связано это с тем, что разные браузеры по-разному реагируют на padding и соответственно по-разному считают размеры блоков.
В этом посте попробую разобраться с этой проблемой.
Разберем пример. Нам необходимо получить блок размером 400px на 50px. Для этого пишем следующий HTML-код:
<div style=»width: 400px; height: 50px;»>Содержимое блока</div>
Читать дальше »
Иногда в процессе верстки возникают, так называемые «баги» отображения под разными браузерами. Если код, в котором необходимо разобраться, чужой, то возникают некоторые проблемы с его пониманием… так сходу ошибку и не увидишь. Да и, признаться, в своём коде частенько баги исправить оказывается не так просто. На мой взгляд отличным решением для исправления ошибок под FireFox является плагин, который называется FireBug.
Читать дальше »
После того как макет дизайна был сверстан, необходимо протестировать как он работает в разных браузерах, и, если это необходимо, устранить ошибки и недочеты. Лично у меня для этих целей установлены IE, FireFox и Opera. Но иногда заказчики просят, чтобы верстка выглядела идентично не только в этих браузерах, но еще к примеру и в Safari. А иногда бывает и так, что проблемы возникают для одного браузера разных версий.
У меня был один заказчик, который попросил поправить баги верстки под Safari. Поскольку этого браузера у меня под рукой не оказалось, а копаться в интернете, для того, чтобы найти и установить его у меня не было желания, я решил воспользоваться сервисом BrowserShots. Тогда это, кстати, была первая моя встреча с ним, и после этого сервис помогал мне не один раз.
Читать дальше »
Я хоть и не дизайнер, но довольно часто в своей работе мне приходится сталкиваться с работой с изображениями. Иногда возникают вопросы по верстке отдельных элементов дизайна (впрочем я думаю, что такое бывает практически у всех). У меня есть знакомые дизайнеры и верстальщики, с которыми я общаюсь и, время от времени, обращаюсь за помощью. И вот, для того, чтобы не мучиться со стандартным принтскрином и посылать им неподъемные файлы, я пользуюсь маленькой, но очень удобной и функциональной программкой, которая называется Fast Stone Capture.
Программка небольшая, сидит в трее, выглядит вот так:
Как по мне, так Fast Stone Capture является отличным инструментом для снятия скриншотов с экрана, с возможностью их дальнейшего редактирования. Программа умеет делать скриншоты активного окна, одного из элементов окна, прямоугольной или произвольно выделенной области, а также полные скриншоты скроллируемой области. Также в программе присутствуют лупа, ColorPicker, который позволяет «снять» любой из цветов рабочего стола в HEX, DEC и RGB и средства редактирования полученных скриншотов (обрезка, изменение цвета и размера, поворот и зеркальное отражение картинки, добавление надписей).
Сам я пользуюсь русской копией версии 4.8, но насколько я знаю есть версии новее.
Версию, которой пользуюсь я скачать можно тут.
