• arcticModal — jQuery-плагин для модальных окон

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

      Недавно SamDark писал о правильных модальных окнах и представил сообществу плагин The Modal. Полностью согласен с его виденьем модальных окон, но в представленном плагине не хватало функционала. У меня уже давно из проекта в проект кочевали наработки по этой же теме, вот решил тоже оформить их в виде плагина.
      Подробнее
    • Sublime Text 2: Как создать сниппет?

      • Перевод
      • Tutorial
      image
      Начав использовать Sublime Text 2, я понял, что хочу немного упростить себе жизнь, создав несколько полезных сниппетов, но столкнулся с тем, что на тот момент в сети не было инструкции на русском языке. Найдя неплохую англоязычную статью я решился на перевод, попутно немного дополнил и узнал пару несколько интересных нюансов, которыми готов поделиться с вами.

      О неточностях, опечатках, ошибках пишите в личку — буду оперативно исправлять.

      Читать дальше
    • Grunt, инструмент для сборки javascript проектов

      • Перевод
      Grunt — это инструмент для сборки javascript проектов из командной строки с использованием задач. Релиз вышел совсем недавно, автор Ben «Cowboy» Alman, проект есть на github. В этой статье я рассмотрю основы Grunt, его установку и использование.
      Читать дальше →
    • Укрощаем 14-го «лиса» заново: правильные настройки по умолчанию

        После обновления на Firefox 14 (Windows) хорошее впечатление от улучшений сменилось недоумением, а затем и осознанием проблемы: файл настроек prefs.js в defaults\pref ранее работавший со всеми версиями от 4й до 13й перестал подгружаться. Ставились самые разные опыты — и всё безуспешно: включен антифишинг, автообновление и прочие признаки дурного тона.
        Читать дальше →
      • JsRender: Новое поколение jQuery Templates

          Буквально пару месяцев назад, мы начали переписывать весьма крупный сайт, с момента прошлого крупного релиза прошёл не один год, конечно, сайт дорабатывался, правились баги и в итоге в настоящее время создаётся новая версия. В ней будет активно использоваться AJAX, поэтому весьма остро стоял вопрос с генерацией контента на клиенте, полученного в формате JSON. Прошлые шаблоны были собственной разработки, так как на то время вариантов было не так много, которые по разным причинам не подходили, базировались наши шаблоны на jquery, с помощью атрибутов происходило заполнение.

          Прежде всего было решено провести тест, при генерации списка из 1500 элементов было получено превосходство в 20 раз, похожие результаты показывает сравнение с jQuery Template (страница с тестами).
          Читать дальше →
        • bash: Бэкап без лишнего ПО

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

          Задача: Бэкап данных в локальную директорию и на отдельный сервер, с использованием минимума стороннего ПО, логированием и оповещением администратора в jabber при сбоях. Все основные функции большинства ПО для автоматического бэкапа, но без установки оного, а следовательно без его багов (что, собственно, и привело к подобной идее).
          Читать дальше →
        • Клавиатурные сокращения с Javascript

            Mousetrap — маленькая библиотека (1.4 KB) для обработки клавиатурных нажатий.

            // single keys
            Mousetrap.bind('4', function() { highlight(2); });
            Mousetrap.bind("$", function() { highlight(3); }, 'keydown');
            Mousetrap.bind('x', function() { highlight(4); }, 'keyup');
            
            // combinations
            Mousetrap.bind('command+shift+K', function() { highlight(7); });
            Mousetrap.bind(['command+k', 'ctrl+k'], function() { highlight(8); });
            
            // gmail style sequences
            Mousetrap.bind('g i', function() { highlight(11); });
            Mousetrap.bind('* a', function() { highlight(12)});
            
            // konami code!
            Mousetrap.bind('up up down down left right left right b a enter', function() {
                highlight([15, 16, 17]);
            });
            

            Как видно, поддерживаются как одиночные нажатия, так и сочетания и клавиатурные комбо.

            Работает в Internet Explorer 6+, Safari, Firefox, Chrome (с включенным Vimium не работает).

            Пробуйте — craig.is/killing/mice
          • Web-разработка на node.js и express. Изучаем node.js на практике

              Предисловие



              Пришла мне в голову смелая мысль, взяться за написание туториала по разработке на node.js (что-то наподобие ruby.railstutorial.org). Так как я первый раз берусь за подобный труд то для для меня очень важен любой фидбэк. Нужно это — не нужно. Что стоит убрать а на чем остановиться подробнее, в общем любая конструктивная критика. Надеюсь что дело пойдет и вам понравится, в этом случае по мере написания буду выкладывать главы на хабр.

              Вступление



              Приветствую, перед вами небольшой учебник по практической разработке на node.js, с использованием фреймворка express. Я с большим энтузиазмом отношусь к node и сопутствующим технологиям. Node.js в первую очередь привлекает свежестью в подходах к разработке, смелостью и драйвом.

              О том, что такое node.js вы можете прочитать на http://nodejs.org/, если коротко — то это серверная платформа, для выполнения javascript. Так же мы будем использовать express, web-фреймворк построеный на концепции middleware (о том, что это такое, поговорим поподробнее чуть позже)

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

              Хочется отметить, что очень большое влияние на меня оказал railstutorial, это лучшее пособие по web-разработке, которое я встречал, и мне очень хотелось бы создать нечто подобное для node.js.
              Читать дальше →
            • Неделя удивительных подарков. Отличные ресурсы с нужной лицензией

                Привет, хочу сказать, что мне очень нравится делать подборки для хабры. Много положительных отзывов, много комментариев, а значит моя работа полезная и я ее делаю не зря. Поэтому сегодня я хочу представить вам собрание различных ресурсов, на которых любой дизайнер сможет найти много полезного и интересного. Кому интересно, прошу под кат.
                Читать дальше →
              • Обновление Cloud9 IDE — автодополнение, совместное редактирование, оффлайн-режим и виртуальный сервер с консолью

                  Вчера обновилась облачная IDE Cloud9. Было сделано несколько существенных нововведений. Первое из них — совместное редактирование. Теперь над одним и тем же кодом могут в реальном времени работать несколько человек. Есть встроенный чат.


                  Читать дальше →
                • VIM — жестокий и беспощадный



                    Если коротко, то это аппаратное расширение для ускорения работы с vim.

                    Когда педаль нажата, vim переходит в Insert Mode. Когда отпущена, происходит нажатие Escape, и вы возвращаетесь в Normal Mode.

                    Автор проекта — Александр Левчук.

                    Всем чудных выходных!
                  • Инструменты командной строки для веб-разработчика

                    • Перевод
                    Жизнь веб-разработчика омрачена сложностями. Особенно неприятно, когда источник этих сложностей неизвестен. То ли это проблема с отправкой запроса, то ли с ответом, то ли со сторонней библиотекой, то ли внешний API глючит? Существует куча различных прилад, способных упростить нам жизнь. Вот некоторые инструменты командной строки, которые лично я считаю бесценными.
                    Читать дальше →
                  • Фотографируемся после каждого коммита (Linux, OSX)

                      Программа imagesnap (OSX) позволяет делать фотографии веб-камерой из командной строки. Например, она может автоматически фотографировать программиста после каждого коммита в репозиторий git, нужно всего лишь добавить следующий код в .git/hooks/post-commit.

                      #!/usr/bin/env ruby
                      file="~/.gitshots/#{Time.now.to_i}.jpg"
                      puts "Taking capture into #{file}!"
                      system "imagesnap -q -w 3 #{file}"
                      exit 0

                      Потом кадры собираются в видеоролик программой tlassemble.
                      Читать дальше →
                    • Когда я говорил…

                        Когда я* говорил, что нужно вкладывать в сообщество и User Groups, вы вкладывали в теннисные столы. Теперь у нас много средненьких теннисистов и нет коммюнити.

                        Когда я говорил, что нельзя заманивать айтишников на конференции печеньками и плюшками, вы покупали пиццу, дарили футболки и айпэды. Теперь у нас любое мероприятие начинается с поисков халявы. Этим же мероприятия и заканчиваются.

                        Когда я говорил вкладывать деньги в обучение специалистов, вы продолжали раздавать деньги за рекомендации. Теперь у нас никто не работает, а все рекомендуют.
                        Читать дальше →
                      • Yet another cool story about bash prompt

                          Я программист. По крайней мере так написано в трудовой книжке. Почти всё своё рабочее время я провожу в консоли и текстовом редакторе. Мне очень нравится bash. Почти год я жил в zsh, прислушавшись к советам своих многочисленных коллег и знакомых, но в итоге я вернулся в bash и ни капельки об этом не жалею.



                          Zsh красив, приятен, чертовски функционален, но, признаюсь честно, я не смог совладать со всеми его многочисленными настройками. Я хочу работать, а не бороться со своим рабочим окружением. Простой пример: пару раз из-за автодополнения zsh я удалял все директории и файлы в текущей директории — zsh просто ставил пробел между автодополненной директорией и введённой мною звёзочкой (я хотел удалить всё в выбранной папке). Помните тот эпичный баг с пробелом и удалении директории /usr? У меня было то же самое. Спасибо гиту, выручил в который раз.

                          Впрочем, дело не в zsh — будь я чуточку умнее, я бы с ним обязательно справился бы, и всё было бы хорошо, но мы, суровые программисты, будем использовать bash и vim, а гламурные zsh и textmate оставим хипстерам и прочим модникам ;)

                          Я не напишу ничего оригинального и универсального решения я не приведу, но мне всегда нравилось читать конфиги и описания других людей, а если к ним были приложены интересные картинки, так я вообще перечитывал эти статьи несколько раз. Надеюсь, вам тоже будет интересно.
                          Читать дальше →
                        • UI-Ai: Рисуем интерфейс в Adobe Illustrator

                            На презентации Adobe CS6 в Самаре я делал доклад о том как мы в компании Parcsis используем Adobe Illustrator для создания веб- и мобильных интерфейсов. Хочу поделиться этим докладом с вами в виде слайдов с комментариями.

                            Рисуем интерфейс в Adobe Illustrator

                            Когда показываешь свои работы, зачастую начинающие дизайнеры задают вопрос «А в чем это нарисовано?» Опытные дизайнеры спрашивают такое реже, так как понимают, что одно и тоже можно сделать с помощью разных графических редакторов. Тем не менее, расскажу свою историю…

                            Читать дальше →
                          • Бесплатный VPN от Comodo

                              В свете ожидающегося послевыборного закручивания интернет-гаек в наше стране, хотелось бы рассказать о бесплатном VPN от Comodo Group.
                              Comodo TrustConnect — простой в регистрации, установке и использовании сервис VPN со 128-битным шифрованием, от солидной компании, которой, в отличие от других бесплатных VPN-провайдеров, вполне можно довериться. Для тех кто не в курсе, такой VPN очень полезен при использовании открытого WiFi в публичных местах (например, при посещении сайтов, у которых до сих пор нет https). Также с помощью VPN предотвращается прослушка и фильтрация трафика провайдером, кровавой гэбнёй или админом на работе.
                              Читать дальше →
                            • davfs2 и encfs на box.com

                              Здравствуй хабраменш,

                              Хочу поделиться с тобой сокровенными знаниями, а также пополнить запасы своих. Так вот, все началось с того, что проект syncany.org умер не родившись, ну или по крайней мере, судя по активности, разродится еще не скоро. Так как сил ждать больше не было, то решил я воспользоваться уже существующими и работающими методами для организации удаленного облачного файлохранилища (в дальнейшем УФХ) с открытым клиентом, а также с шифрацией на стороне клиента. Все что написано дальше имеет отношение к юниксоподобным операционным системам, поэтому пользователям ОС Виндовс дальнейшее изложение можно пропустить.
                              Читать дальше →
                            • Настрой свой Google

                                После написания этого поста, меня заинтересовали параметры поиска которые можно использовать, для удобной работы.
                                Задавшись этим вопросом, в рунете я более менее полной информации не нашел.
                                Но! Оказывается Google уже давно и для всех, все показал.

                                Читать дальше →