• jQuery in Action. Глава 2

      Как я и обещал, вторая глава из книги «jQuery in Action» (авторы Bear Bibeault и Yehuda Katz). Как и из первой главы, выбрал все самое вкусное и интересное ;-)

      Напоминаю, что первую главу можно прочесть здесь.

      Читать дальше →
    • Управление потоком в CSS: создаём контекст форматирования

        Управлять потоком можно не только свойствами clear или overflow. Возможно, вы найдёте полезным для себя использование display:inline-block или display:table-cell, способных полностью заменить вам упомянутый overflow, избавляя вас от опасности указания размеров элемента, а также предоставляя дополнительные возможности.

        Статья не содержит универсальных решений, но открывает вашему взору дополнительный инструментарий для управления потоком.
        Читать дальше →
      • Штрихи, штришки и штришочки

          Практика показывает, что если тире или кавычки — это первое, что изучают при появлении интереса к «типографике» (а на самом деле — к грамотному набору текста), то правильное употребление апостро́фа, знаков минут и секунд, знака ударения вызывает почему-то бо́льшие затруднения. На самом деле, всё очень просто, и статья будет довольно короткой. Всё, о чём будет сказано ниже, относится к современной русской традиции типографики.
          Поехали!
        • Побит рекорд самого короткого кода по определению IE

            Без малого год назад, я уже писал (http://habrahabr.ru/blogs/javascript/50544/) о самом коротком способе определение браузера Internet Explorer, но вот некто Aleko нашел еще более короткий вариант:

            -[1,]

            Всего 5 байт. Пример использования:
            if(-[1,]){
            alert("Not IE!");
            }
          • 7+ превосходных инструментов для оптимизации изображений

            • Перевод
            Перевод статьи 8 Excellent Tools for Optimizing Your Images
            К сожалению на момент перевода один из сервисов перестал работать. Но хабровчане предложили еще много хороших решений!

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

            Есть несколько бесплатных инструментов помогающих уменьшить и оптимизировать изображения. В этой статье вы найдете удобные инструменты для создания картинок для веба настолько маленьких по весу, насколько это возможно.
            Обзор инструментов — под катом.
            Читать дальше →
          • Настраиваем Debian/Ubuntu как Mac хранилище

              Уже давно являюсь пользователем продукции Apple. Старенький макбук полностью справляется с теми задачами, что на него возлагаются. В основном конечно развлекательные. Но в последнее время стало не хватать места на 40 гиговом жестком диске. И вот наконец у меня зачесались руки настроить свой домашний сервер, как хранилище. Некоторое время работал по ftp, но это было не удобно. Было принято решение настроить наконец Appletalk, не зря же он есть и заодно приручить к нему TimeMachine:-)
              Читать дальше →
            • 10 способов побороть проблемы в IE6

              • Перевод

              1. Используйте DOCTYPE


              Лучше всегда прописывать доктайп в заголовке каждой html-страницы, причем, строгий режим рекомендуется:

              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

              для XHTML:

              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

              от себя добавлю, что недопускайте никаких сторонних символов перед доктайпом. Ни пробелов, ни переносов строки — иначе появятся странные поля у body и html
              Читать дальше →
            • Поиск по сайту на основе Yandex.XML

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

                Чаще всего прибегают к готовому решению от Google, с помощью которого можно еще и подзаработать на контекстной рекламе. Но для рунета я бы посоветовал сделать поиск при помощи сервиса Yandex.XML, потому что такой поиск больше адаптирован под морфологию русского языка. К тому же вы можете получить шанс получить самые жирные биды для контекста, если будете использовать поисковый директ.

                В этом посте я хочу подробно показать вам, что подобный поиск организовать совсем не сложно. Это займет всего несколько минут и выльется в десяток строк на PHP.
                Читать дальше →
              • Верстка повторяющихся блоков

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


                  Читать дальше →
                • Создаём правильный «мокрый пол» c перспективой изображения на Javascript

                    В контексте одного из моих текущих проектов была поставлена задача сделать «мокрый пол». Картинок на пол планировалось класть огромное количество (но всего по паре на страницу, с заменой). В перспективе. В перспективе, кстати, временной и пространственной.

                    Не найдя ничего стоящего, я взялся написать свой велосипед. И, по-сидев два с лишним вечера, сочинилась небольшая js-библиотека с generic-названием iWet.

                    UPD: Версия 0.2
                    • Добавил белую маску. См. Демо.
                    • Выложил исходик маски в .psd
                    • Вылечил баг с мельканием картинки при загрузке страницы
                    • Добавил readme.txt и licence.txt
                    • Минимальные косметические изменения кода

                    Плюсы, минусы и примеры следуют