-
Прогрессивное улучшение в JavaScript
Всем привет из армии, а точнее с военных сборов ;-)Сегодня мы продолжим наш давний разговор про прогрессивное улучшение. Напомню, что до этого мы рассматривали теорию прогрессивного улучшения и ее приложение к HTML и CSS. В этой статье мы будем говорить о JavaScript, а точнее рассматривать фреймворк jQuery.
Дело в том, что я очень часто наблюдаю совершенно страшные конструкции скриптов (год назад я писал так же), которые, во-первых, тормозят сайты, а во-вторых, очень неудобны в использовании и работе. В этой статье я хочу показать, как делать не нужно и почему, а заодно привести примеры хорошего грамотного кода.
-
Полезные сниппеты на jQuery
Привет!Помните, когда-то давно мы делали подборки сниппетов jQuery? Так вот, тогда мы закончили их выпускать, так как не могли придумывать 3-5 сниппетов в неделю, а публиковать всякий треш не хотелось.
Недавно Саша подкинул мне идею для пары сниппетов. Они будут особенно полезны тем, кто либо пока плохо знает jQuery, либо не знает его совсем. В любом случае это полезные штуки, которые довольно часто используются на сайтах.
-
Каллиграфия и типографика, выпуск девятый, в котором логотип почти доделывается, а автор глубже проникает в смысл жизни
Эгегей! Наконец-то добрался до продолжения статьи про логотип. Работа то и дело отвлекает от написания статей. Ах, как неправильно устроен это мир. Хотя, бесплатный шрифтик у меня все же для вас найдется.Кстати, это, наверное, рекорд по длине заголовка :-)
-
Инструменты для оптимизации графики
Всем привет, это снова я ;-)Сегодня у меня для вас подборка программ и веб-сервисов для уменьшения веса картинок, которые вы используете на сайте. Если у вас есть ФаерБаг или что-то подобное, то вы можете посмотреть, какой процент трафика вашего сайта составляют картинки. Много, да? А ведь их, скорее всего, можно здорово уменьшить в размерах, проверяя какой формат для данной картинки даст наилучшее сжатие при минимальной потере качества.
Кстати, я надеюсь вы сохраняете картинки в Фотошопе не путем «Файл → Сохранить как... → Нужный_мне_формат»? Да, конечно вы делаете «Файл → Сохранить для веб и устройств» и потом еще экспериментируете с форматами и количеством цветов. Это я на всякий случай спросил ;-)
-
Как увеличить CTR на 10 сантиметров
Всем привет.Мы уже говорили о том, как можно извлекать прибыль из своего сайта. Сегодня мы более подробно рассмотрим контекстную рекламу и методы увеличения CTR (англ. click through rate— отношение кликов к показам).
Многие начинающие вебмастера ставят себе первые попавшиеся настройки и сразу же ожидают громадные прибыли и высокий CTR, но для этого еще нужно повозиться с настройками объявлений и прочей мутью.
Рассказывая теорию, мы будем приводить примеры оптимизации контекстной рекламы ДПП Бегуна Зорьки на сайте карты точек Wi-Fi. Всех интересующихся прошу пройти за мной ;-)
-
Создаем jQuery плагин на примере поискового поля
Привет!Сегодня я расскажу о том, как сделать jQuery плагин. А чтобы не делать что-то абстрактное, давайте сделаем вот такой плагин для текстового поля: есть текст по умолчанию и какой-то класс. При фокусе в это поле убирается класс и дефолтный текст, при блюре на нем — если ничего не введено, то текст и класс возвращаются домой. Такие штуки модные парни обычно используют для полей поиска, но они могут пригодиться нам и для других полей.
В программе урока: как делать плагин к jQuery, реализация простого плагина и аналог такого скрипта под Mootools (не все же одно jQuery).
-
Создание букмарклетов с помощью jQuery
Привет. Поздравляю всех с началом рабочей недели! Я вот на работу не иду, потому что остался без нее. Но это не страшно. Страшно на самом деле то, что я здесь уже давно ничего не писал.Уважаемые читатели, пользовались ли вы когда-нибудь букмарклетами? Или, может быть, даже не знаете что это такое? Я теперь пользуюсь. И разрешите вам рассказать почему.
-
Создание паттернов в «Фотошопе» и «Иллюстраторе»
-
«Хлебные крошки» на jQuery
Привет!Знаете что называют «хлебными крошками»? Это вид вспомогательной навигации, которая показывает вложенность текущего документа. Она очень удобна, если на вашем сайте есть глубокая вложенность страниц. Но такой вид навигации встречается не только на сайтах, но и в операционных системах (на картинке слева изображена маковская версия).
Так вот, сегодня мы рассмотрим плагин BreadCrumbs для jQuery, которые позволит нам сделать эти крошки более компактными (в случае, когда у вас более 5 вложенных страниц с длинными заголовками это очень актуально). Думаю, что разработчики плагина взяли идею как раз из Мак ОСи.
-
Прототипирование, основные позы
Салют. Кажется, пора вернутся к нашему разговору о прототипировании. Тема явно интересная, раз комментарии на первую статью приходят до сих пор.Вот собирался я уже писать нормальный такой практический тьюториал, но сообразил, что начинать нужно не с инструментов. Начать следует с разговора о том, каковы особенности прототипирования сайтов как метода, каковы стратегии. Из понимания сути прототипирования сами собой вытекут наши требования к методике проектирования, а значит, и к инструменту.



