суббота, 27 октября 2012 г.

RailsGirls в Киеве

Хотим поделиться новостью о довольно интересном мероприятии для девушек разработчиков:)
Третий раз на Украине проводится подобное событие. После упешных воркшопов в Харькове и Днепропетровске, RailsGirls направились в столицу.

Организаторы (http://rubygarage.org/) решили поддержать Киевское сообщество девушек разработчиков и организовали 3-х дневное мероприятие RailsGirls.
RailsGirls — международное некоммерческое движение RoR воркшопов, начавшееся в 2010 в Хельсинки. За это время мероприятия проходили в Сингапуре, Шанхае, Таллине, Берлине, Кракове, Амстердаме. В ближайшее время планируются в США, Бразилии, Хорватии и Украине!
3-х дневный марафон включает в себя:
  • 1-й день (07.12.12) — 18:00 — 21:00 — Installation party (устанавливаем необходимые компоненты на компьютеры. Будет Help Corner, где проблемы установки будут решаться общими усилиями тренеров). После, знакомство друг с другом
  • 2-й день (08.12.12) — 9:00 — ... несколько презентаций по азам HTML, CSS. Первые попытки руби на tryruby.org. Разработка своего первого приложение (по туториалу). Опять небольшие презентации. Afterparty.
  • День 3-й (09.12.12) — 10:00 — 17:30 Off topic day. Несколько занимательных мастер-классов на темы самореализации и психологии в бизнесе.
Для участия в нашем 3-х дневном воркшопе разыскиваются любознательные девушки, которые хотели бы попробовать себя в программировании. Нам интересны ваши предложения и комментарии, так что — пишите :)

Пройдет: 7 — 9 декабря
Место: Киев ул.Боженко (Малевича) 86-О
Регистрация на сайте http://railsgirls.com/kiev ссылка Apply now!
Регистрация открыта до 4-го декабря
Более подробное расписание и описание смотрите на официальном сайте http://railsgirls.com/kiev


воскресенье, 7 октября 2012 г.

Стартовала регистрация на чемпионат Ukrainian Web Challenge

Коллеги тестировщики, 1 октября стартовала регистрация на третий всеукраинский чемпионат по веб-разработке Ukrainian Web Challenge.

Киевское сообщество тестировщиков предлагает присоединиться к этому увлекательному чемпионату всех тестировщиков, для выбора лучших из лучших. Сотни айтишников со всей страны примут участие в соревновании.
Номинации: frontend developer, backend developer, архитектор систем, тестировщик, web-дизайнер, лучшая команда.
Зарегистрируйся на сайте организаторов Ukrainian Web Challenge прямо сейчас!

Основные даты:
1 - 26 октября Он-лайн регистрация на сайте проекта uwc.org.ua
27 октября - 4 ноября Он-лайн соревнование между загеристрированными участниками
12 - 14 ноября Оглашение результатов отборочного тура
24 - 25 ноября Финал
Генеральный партнер чемпионата: VostokVentures.
Партнеры чемпионата: CiklumWebMoneyIT LaunchpadLezgroDataArt.
Призы предоставляют: NokiaCyberBionic SystematicsImageCmsWorksection.


пятница, 5 октября 2012 г.

Несколько версий браузеров на одной платформе

Что если нужно тестировать веб на совместимость с разными браузерами. Хорошо когда есть всё под рукой, да и ещё на одном компьютере. Но каждая новая версия браузера перекрывает старую, а ведь это не отменяет обратной совместимости, особенно в случае с IE. Если в распоряжении есть хороший сервер, то проблему можно решить подняв нужное количество виртуальных машин.

А можно использовать и одну, для начала установить необходимые самые старые версии всех браузеров - сделать снапшот, обновиться до следующей версии, снова сделать снапшот. И т.д., не забывая про снапшоты после каждого обновления. Теперь можно либо переключаться между снапшотами для тестов на совместимоисть, либо сделать клоны виртуальных машин с нужными версиями. Мы пользуемся виртуалками и некоторыми тулами, о которых речь пойдёт дальше.

Разные версии Firefox можно держать у себя используя профили и различные фолдеры для установки. Из-за нехватки времени приведу ссылку на сайт поддержки мозилы http://support.mozilla.org/cs/questions/797010, где как раз описание с решением этого вопроса. А так же есть замечатльная утилита, которая решает вышеприведнные проблемы с профилями Utilu Mozilla Firefox Collection. На момент написании статьи в колекции версии с 2.0.0.20 по 18.0.0.0. Выборочная установка поддерживается. 

Так же стоит обратить внимание, что для установки полного набора (а вдруг кому-то нужно) потребуется немало места. И ещё одна удобность, можно в один клик открывать заданный URL сразу в нескольких браузерах.

Вообщем удобно.Аналогично есть такой же набор и с IE Utilu IE Collection, единственно что, в него не включены 9 и 10 версии IE. В любом случае уже проще. И на всякий случай может ещё пригодится утилита IETester

С хромом тоже при желании можно повозиться, но обычно он автоматически сам обновляется, а новую девелопмент ветку и так можно использовать без проблем.
Opera уставливается в разные фолдеры, а вот для Safari или пользоваться даунгрейдом, либо снова виртуализация в помощь.

Ещё хочется упомянуть один удобный тул, к сожалению он уже платный. Но триал можете попробовать в течении нескольких часов http://www.spoon.net/. Но если есть бюджет под это дело, то можно попробовать, в тестовом режиме он показал себя неплохо без каких либо заморочек. Тут уже используется собственный движок виртуализации для изолированного запуска каждого приложения. В самой дорогой версии, можно настроить запуск любых приложений.

А какие решения в подобных случаях применяете вы?

среда, 3 октября 2012 г.

Как добавить модальное окно к блогу на примере формы регистрации

Снова небольшой мануал по кастомизации блога. На этот раз, добавление модального окна, готовый рабочий пример можно посмотреть у нас по кнопке "Регистрация докладчика".
А сама реализация выглядит следующим образом:
- добавляем HTML/Java Script виджет, куда и будем писать код
- далее подключаем jquery
 <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>  
- добавляем скрипт, которая будет выполнять все действия
 <script>$(document).ready(function() {  
      $('a.register-window').click(function() {  
        //получаем имя переменной из ссылки   
           var registerBox = $(this).attr('href');  
           //появление окна, настраиваем скорость прояления как нравиться  
           $(registerBox).fadeIn(300);  
           //центрируем окно  
           var popMargTop = ($(registerBox).height() + 24) / 2;   
           var popMargLeft = ($(registerBox).width() + 24) / 2;   
           $(registerBox).css({   
                'margin-top' : -popMargTop,  
                'margin-left' : -popMargLeft  
           });  
           // добавляем маску вокрук модального окна 
           $('body').append('<div id="mask"></div>');  
           $('#mask').fadeIn(300);  
           return false;  
      });  
      //Закрытие окна по иконке закрыть, либо по клику вне окна  
      $('a.close, #mask').live('click', function() {   
       $('#mask , .register-popup').fadeOut(300 , function() {  
           $('#mask').remove();   
      });   
      return false;  
      });  
 });</script>  
- добавляем CSS
 <style>/* Маска для подложки, по умолчанию не отображается */  
 #mask {  
      display: none;  
      background: #000;   
      position: fixed; left: 0; top: 0;   
      z-index: 10;  
      width: 100%; height: 100%;  
      opacity: 0.8;  
      z-index: 999;  
 }  
 /* Окошко */  
 .register-popup{  
      display:none;  
      background: #98CBFF;  
      padding: 10px;        
      border: 2px solid #ddd;  
      float: left;  
      font-size: 1.2em;  
      position: fixed;  
      top: 50%; left: 50%;  
      z-index: 99999;  
      box-shadow: 0px 0px 20px #999; /* CSS3 */  
     -moz-box-shadow: 0px 0px 20px #999; /* Firefox */  
     -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */  
      border-radius:3px 3px 3px 3px;  
     -moz-border-radius: 3px; /* Firefox */  
     -webkit-border-radius: 3px; /* Safari, Chrome */  
 }  
/* Иконка закрытия */
 img.btn_close { Position the close button  
      float: right;   
      margin: -28px -28px 0 0;  
 }  
 </style>  
- Код, который ниже, размещаем там, где хотим отображать ссылку или кнопку, по которой будет открываться модальное окно
 <center>  
 <a href="#register-box" class="register-window" alt="Стать докладчиком" title="Стать докладчиком"><img src="http://dl.dropbox.com/u/41556146/Blog%20icons/btn_18.png"/></a>  
 </center>  
- Заполняем содержимое модального окна, в нашем случае, это форма регистрация
 <iframe src="https://docs.google.com/spreadsheet/embeddedform?formkey=dEVUVDdaa3Zxb0prazRBUlYzMnFubFE6MQ" width="460" height="300" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>  
/* Иконка закрытия */
 <a href="#" class="close"><img src="http://cdn-sg1.pgimgs.com/images/pg/close-button.png" class="btn_close" title="Закрыть" alt="Close" /></a>