Компьютерное

Многие люди, впервые задумавшиеся о создании своего сайта, не знают, с чего начать и поэтому начинают работу с самого очевидного: либо с дизайна, либо с доменного имени. Но это не самый удачный подход. Хотя бы потому, что без представления о том, что на сайте должно быть, сколько (хотя бы приблизительно) будет страниц, как между ними будет организована навигация пользователей, трудно продумать одну из основных составляющих дизайна — меню сайта.

Поэтому я решил предолжить небольшой план, которого придерживаюсь сам при работе над сайтами: Читать далее…

UPD: увы, тема уже неактуальна. Пару лет назад боковые вкладки в Chrome убрали окончательно и бесповоротно.

Не раз замечал, что когда в броузере открыто более десятка вкладок, у меня резко падает производительность труда. И дело не в компьютере (его возможностей вполне хватает), а в том, что я начинаю в этих вкладках путаться, больше времени уходит на поиск нужной вкладки и нужно точнее целиться мышкой для переключения (приучить себя к Ctrl+Tab в броузере так и не получилось).

Но недавно узнал, что в последних версиях Chrome есть экспериментальная функция: показ вкладок сбоку, а не сверху. Попробовал... Читать далее…

Наверное, каждый, кто делал несколько сайтов с помощью jQuery или каких-то других больших JavaScript-библиотек, задумывался,  насколько удобнее было бы брать одну и ту же копию библиотеки для всех сайтов и сколько траффика можно было бы сэкономить.

К этой же мысли пришли и в Google, создав Google Loader API. Работает он следующим образом: на сайт подгружается небольшой JavaScript, который может загружать  jQuery, jQuery UI, Google Maps, SFWObject, Prototype и еще несколько известных библиотек прямо с серверов Google.

Это дает целый ряд преимуществ: Читать далее…

Каждый, кто делал сайт с возможностью загрузки фото или хотя бы аватаров, наверное, задумывался о том, что хорошо бы сделать возможность пользователю отмасштабировать или обрезать фото прямо онлайн. Недавно я нашел весьма интересное решение: онлайн-редактор Pixlr, сделанный на Flash. По возможностям он мало уступает ранним версиям Photoshop (есть все те же основные инструменты, поддержка слоев, фильтров, которые были в Photoshop 7). Кроме того, имеется и более простая версия Pixlr Express, которая позволяет применить набор эффектов (изменение размера, обрезка, коррекция красных глаз, изменение баланса белого и т.п.) к изображению. Открывать в редакторе можно изображения как с URL, так и со своего компьютера в форматах JPG,  TIFF, PSD, PNG и других.

Самый простой способ подключить редактор к своему сайту — открывать его в IFRAME. Но в этом случае пользователю  придется сохранять отредактированный файл на свой компьютер, а потом грузить его на сайт. Неудобно. Поэтому лучше использовать Pixlr API для открытия и сохранения файлов прямо на сайт. API очень прост в освоении:

Читать далее…

Давно хотел разобраться, как верстать сайт с блоком, который будет растягиваться по высоте на всю страницу, и наконец-то это сделал. Как выяснилось, все просто: нужно и тегу body, и тегу html указать в стиле высоту 100%, а после этого задать для нужного блока height: 100%, или min-height: 100%, если требуется растягивать блок по вертикали при большом объеме контента.

Но мне требвалось не только сделать такой блок, но и разместить внизу "подвал" так, чтобы он был всегда снизу и имел фиксированную высоту в пикселях. Причем была возможна ситуация, когда в основном блоек контента окажется больше, чем на одну страницу, и в этом случае "подвал" должен оказаться после его окончания (т.е. вариант со стилем position: absolute; bottom: 0 для подвала не подходил).

В итоге я сделал у "подвала" отрицательное поле сверху равным высоте блока, а в основной блок вложил еще один с положительным отступом снизу (тоже равным высоте), чтобы "подвал" не накладывался на контент. В итоге получился примерно такой код: Читать далее…

Сегодня начал осваивать API Google Maps. Потребовалось сделать карту Москвы с метками, при щелчках по которым будет происходить переход на страницы, описывающие находящиеся там объекты. Как выяснилось, все предельно просто. Но расскажу по порядку.

Давно хотел узнать, как отправлять почту через сторонний сервер с помощью стандартной функции mail, так как считаю неправльным использовать всякие классы-надстройки, а держать SMTP-сервер только для этих целей зачастую нежелательно. И вроде бы нашел решение для Linux и FreeBSD: программа msmtp.

Читать далее…

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

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

Читать далее…

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

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

В итоге возникла мысль вести такой список дел на компьютере. Стал искать программу для этих целей, которыя удовлетворяла бы следующим требованиям: Читать далее…

Инструменты Web-мастера

• validator.w3.org — валидатор HTML и CSS.
• Sypex Dumper — полезный скрипт для снятия дампа или загрузки на сервер баз данных большого объема.
• Uppod.ru — конструктор аудио и видеоплееров для сайта со списком проигрывания и гибким дизайном.
• Share42 — удобный генератор кнопок для добавления страницы в соц. сети, в том числе и специфичные для Рунета (My.Mail.ru, Я.Ру). Все кнопки в едином дизайне и загружаются как один PNG-файл.
• Intuit.Ru — интернет-университет, содержащий множество бесплатных IT-курсов, в том числе и по Web.
• JQquery — библиотека jQuery, позволяющая делать множество красивых эффектов на JavaScript и упрощающая работу с DOM и AJAX.
• http://htmlbook.ru — отличный справочник по HTML и CSS.
• TinyPNG.com — преобразование 24-битных PNG в 8-битные с минимальной потерей качества
• GTMetrix.com — сервис оценки времени загрузки сайта и выявления "узких мест". Сразу предлагает оптимизированные версии CSS, JavaScript и картинок.

Инструменты оптимизатора

• http://pr-cy.ru — просмотр показателей сайта (ТИц, число проиндексированных страниц и т.п.), а также обновления выдачи поисковых систем.
• http://sbup.com — еще одна система анализа данных о сайте.
• http://webmaster.yandex.ru — инструмены Web-мастера от Яндекса.
• https://www.google.com/webmasters/tools/ — инструменты Web-мастера от Google.
• http://metrika.yandex.ru/ — сбор статистики для сайта.