• Подборка плагинов к jQuery

      Вдогонку к этому посту, решил выложить еще одну неплохую и достаточно свежую подборку.

      jReject — jQuery Browser Rejection

      jReject

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

      Еще плагины
    • Пункт «Properties» будет убран из контекстного меню браузера Firefox (но можно использовать расширение)

        Многие пользователи Файерфокса давно знают о том, что из контекстного меню (то есть из того, которое появляется, если правой клавишею мыши жмякнуть по странице) можно выбрать пункт «Properties» — и тем вызвать список свойств элемента страницы, жмякнутого мышою.

        Например, если жмякнутый элемент — это картинка-гиперссылка, то можно вызвать примерно вот какое окошко:

        [окошко свойств картинки-гиперссылки]

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

        Так что, некоторое время подумавши, программисты Фонда Мозиллы вообще убрали этот пункт напрочь (и из Firefox 3.6, и из Firefox 3.7).

        Для тех же пользователей, которым будет всерьёз недоставать этого пункта (а я уверен, что среди веборазработчиков на Хабрахабре таких много!..), предназначается новое расширение — «Element Properties», которое возвращает в Firefox желаемый подпункт контекстного меню и соответствующее ему диалоговое окошко.

        Будьте готовы.
      • 1001-ый способ вертикального выравнивания

          О вертикальном выравнивании блока неизвестной высоты по центру или низу родителя сказано много. Есть способы, основанные на display:table-cell для хороших браузеров (без кавычек) и expression для IE, способы, основанные на относительном позиционировании (могут плохо работать при переполнении). В этой заметке будет описан способ, работающий на особенностях такого мощного отображения, как встроенный блок (display:inline-block).
          Читать дальше →
        • jQueryPad — мечта разработчика jQuery

            Доступен для бесплатной загрузки инструмент jQueryPad, который может значительно облегчить жизнь разработчикам использующим jQuery. Этот инструмент предлагает работу с целевым html, запросами jQuery и результатом запросов в одном окне:



            Здесь, нижняя часть с текстом — это встроенный компонент Internet Explorer с результатом работы jQuery и возможностью посмотреть исходный код. jQueryPad так же находит другие установленные браузеры для организации просмотра результата в них. Пример найденных браузеров на скриншоте в блоге автора.

            jQueryPad написан на WPF и требует для работы .NET Framework 3.5 Service Pack 1

            Почитать анонс jQueryPad можно в блоге автора.
            Прямая ссылка на архив с программой.
          • Почему важен DOCTYPE и как его правильно использовать

              Решил проводить регулярные лекции и практические занятия со своими сотрудниками по программированию на PHP, MySQL, Javascript. А также другим технологиям необходимым для выпуска качественных сайтов. Начать решил с самого «верха», с HTML тэгов. Буду рад, любым комментариям :)
              Сразу оговорюсь, что бОльшая часть информации я нашел в интернете, внизу статьи будут приведены ссылки на источники. Часть информации была переведена совместно с google translate.
              Итак:

              Почему так важен DOCTYPE



              Вроде бы вы сделали все правильно, но ваш сайт почему-то не выглядит или не работает, как ожидалось, в последних версиях броузеров.
              Вы написали правильный стандартный XHTML код и стандартный CSS. Вы воспользовались стандартной спецификацией для работы с DOM (Document Object Model), чтобы управлять динамическими элементами на странице. И все-таки, в броузерах, которые казалось бы сделаны с соблюдением именно этих стандартов, ваш сайт не работает. Скорей всего, ошибка кроется в неправильном заголовке DOCTYPE.
              Эта небольшая статья расскажет вам о заголовках DOCTYPE, которые работают, а также объяснит практическое и теоретическое значение этого, казалось бы отвлеченного от реальности, тега.
              Читать дальше
            • Азбука WEB-разработчика

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

              AA List Apart




              A List Apart содержит лучшие советы и мнения от лидирующих умов индустрии.
              Читать дальше →
            • Список полезных инструментов для CSS разработчика

              • Перевод
              Это не попытка создать список всех существующих инструментов для CSS разработки. Только некоторые, наиболее полезные были отобраны и размещены в соответствующих категориях.


              Чтобы инструмент был по-настоящему полезен, у него должна быть хорошая документация и дружелюбный интерфейс. К сожалению, некоторые инструменты в списке не полностью попадают под данные критерии. Если кто-то знает лучшие альтернативы с более дружелюбным интерфейсом и большей функциональностью, пишите в комментариях.
              Читать дальше →
              • +161
              • 67,1k
              • 65
            • Сверхплавное передвижение объектов

                Иногда у веб-разработчиков возникает задача, которая требует плавного движения объекта по экрану. Это может быть строка загрузки, какой-то спрайт (например, машинки на клавогонках) или что-то ещё. Проблема возникает, когда сдвиг даже на одну точку кажется слишком резким и портит общее ощущение от происходящего. Как этого избежать? Использовать приёмы антиалиасинга.

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

                Как это сделано?
                Читать дальше →
              • Мощный лазер своими руками за один вечер

                  image

                  Кратко.


                  Здравствуйте дамы и господа. Сегодня я открываю серию статей, посвященных мощным лазерам, ибо хабрапоиск говорит, что люди ищут подобные статьи. Хочу рассказать, как можно в домашних условиях сделать довольно мощный лазер, а также научить вас использовать эту мощь не просто ради «посветить на облака».

                  Предупреждение!


                  В статье описано изготовление мощного лазера (300мВт ~ мощность 500 китайских указок), который может нанести вред вашему здоровью и здоровью окружающих! Будьте предельно осторожны! Используйте специальные защитные очки и не направляйте луч лазера на людей и животных!
                  Читать дальше →
                • CSS Sticky Footer / Прилипающий футер

                  • Перевод

                  Как использовать прилипающий футер


                  Введение


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

                  Решения Райана Фэйта хорошо известно и работает, но требует лишний пустой <div>. Приверженцы чистого HTML-кода могут найти это богохульство несемантичным. В нашем решении лишнего <div> нет.
                  далее
                • Говнокод.ру 2.0

                    Логотип
                    Говнокод.ру — небольшой проект, посвященный плохому коду.
                     
                    Прошло уже порядка девяти месяцев со дня запуска первой версии говнокода и сегодня я рад представить вам новую версию, так сказать «Говнокод» 2.0!
                     
                     
                    Читать дальше →
                  • Как открыть интернет-магазин с голой жопой

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

                      Не буду растекаться по древу насчет «до 5-7 тыс. у.е. в месяц в качестве физлица вы никому в упор не интересны».

                      Допустим без юрлица ну никак нельзя, да еще и на сайт с рекламой денег нет.  Что делать? 

                      По шагам:
                      1. Изучаете товары (Я.Маркет, запросы в Директ, ближайший рынок) на предмет «что бы такого не слишком приевшегося и конкурентного, но при этом простого в доставке, и чтобы геморроя с гарантиями/лицензиями поменьше.
                      Хинт: сувениры, игрушки, коллекционеры всех мастей. Берете одну/несколько специфических ниш для отработки.
                      Не надо брать строительство, окна, бытовую технику/электронику. Там, где кокурентов дофига.

                      2. Идем на ближайший рынок, торговый комплекс, а лучше отраслевую выставку(там народ крупнее и плотнее).

                      Читать дальше →
                    • Про резиновую верстку

                        Навеяно этим.

                        Для тех, кто, возможно, не знает как сделать так, чтоб всё было хорошо.
                        Сайт должен тянуться только до определённой величины, и сужаться тоже только до некоторого значения. Я обычно беру 1500 и 980 пикселей соответственно.

                        Как сделать? min-width и min-height.

                        #site {
                          margin: 0 auto; /*это чтоб центрировать контент при превышении max-width*/
                          min-width: 980px;
                          max-width: 1500px;
                        }


                        Но ведь IE их не поодерживает. А expression слишком нагружает браузер… Спокойно, други! Я выведу вас к свету из тьмы!
                        Пишем далее.



                        А в ie.js помещаем

                        window.attachEvent('onload', mkwidth);
                        window.attachEvent('onresize', mkwidth);

                        var minwidth = document.getElementById("site").currentStyle['min-width'].replace('px', '');
                        var maxwidth = document.getElementById("site").currentStyle['max-width'].replace('px', '');
                        function mkwidth(){
                            document.getElementById("site").style.width = document.documentElement.clientWidth < minwidth ? minwidth+"px" : (document.documentElement.clientWidth > maxwidth ? maxwidth+"px" : "100%");
                        };


                        В чём особенная вкусность приведённого метода? А в том, что минимальное и максимальное значение нужно задавать только в одном месте, ну и вообще.

                        Пользуйтесь, короче, на здоровье!