Блог Александра Башкирова

ИТ и бизнес, компьютеры и ПО, фото, программирование и просто мысли…

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

Опыт внедрения Scrum

Рубрика: Alib.spb.ru -> Работа

Пропиарю очередной интересный пост на Хабре: https://habrahabr.ru/post/318002/

Речь идет о реальном опыте внедрения Scrum - зачем, почему и как. Реальный кейс небольшой компании и изложение того, что было и к чему пришли, а также - как этого достигли.

Очень отличается от рафинированных кейсов "Как внедрять Scrum". И именно этим и ценно.

Про jQery mobile

Рубрика: Alib.spb.ru

Что такое jQuery? Любой веб-раработчик скажет, что это JavaScript библиотека, очень сильно облегчающая жижнь веб-разработчику - и будет прав. jQuery (http://jquery.com/) - это именно библиотека, с фокусом на создание абстрактного слоя к HTML и предоставлении простого интерфейса для JavaScript. К библиотеке написаны сотни плагинов (http://plugins.jquery.com/), да и сама библиотека имеет неплохое развитие в виде набора визуальных User Interface компонент (http://jqueryui.com/). Но, кроме этого, у нее есть воистину прекрасное продолжение - jQuery mobile. Это фрйемворк, позволяющий быстро создать мобильный сайт. При этом внутри фреймворка доступен сам jQuery (с некоторыми ограничениями). А фреймворк позволяет очень быстро создать каркас веб-странички. Живет это чудо по адресу http://jquerymobile.com/

Про ограничения. jQmobile не поддерживает обработку события click, вместо него поддерживает событие tap:

<script type="text/javascript">
$('#header').live('tap', function(event){
  alert('Вы дотронулись до заголовка второй страницы');
});
</script>

Про особенности. jQmobile использует концепцию "одна страница на всё и лишнее прячем", это достигается за счет того, что div-м назначаются роли. Например:

<div data-role="page" id="main" data-theme="a">
	<div data-role="header">
		<h1>Заголовок страницы</h1>
	</div>
	<div data-role="content">	
		Содержимое страницы
		<a href="#second">Вторая страница</a>
	</div>
	<div data-role="footer">
		<h4>Подвал страницы</h4>
	</div>
</div>

Переходы между страницами осуществляются по ID - то есть href="#second" - говорит о том, что переход будет на div с ID=second, имеющий роль page. Всё просто :)

Также на сайте есть масса примеров. Достаточно легко решаются разные типовые задачи. Например, меню можно сделать так:

<a href="#popupMenu" data-rel="popup" data-transition="slideup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-gear ui-btn-icon-left ui-btn-a">Actions...</a>
<div data-role="popup" id="popupMenu" data-theme="b">
        <ul data-role="listview" data-inset="true" style="min-width:210px;">
            <li data-role="list-divider">Choose an action</li>
            <li><a href="#">View details</a></li>
            <li><a href="#">Edit</a></li>
            <li><a href="#">Disable</a></li>
            <li><a href="#">Delete</a></li>
        </ul>
</div>

Потом его, естественно, надо "прицепить" на кнопку, но ... в общем и целом "ничего такого". Потому что "прицепить" - это прописать ссылку вида #popupMenu. Всё.

В общем, по беглому знакомству - фреймворк оказался прекрасным и восхитительно простым. Кстати, для настройки внешнего вида - на сайте есть theme maker - то есть css'ку с собственной темой можно получить вообще не думая о том, "куда и что прописать". Всё очень визуально.

Ну и напоследок - фреймворк заявлен как кроссбраузерный. И похоже, что это действительно так: во всех доступных мне браузерах (на телефоне, планшете, компьюетрах под Windows и Linux) - тестовый пример отобразился без ошибок.

Старый Новый Год: welcome!

Рубрика: Alib.spb.ru
Ну что, всех со старым Новым Годом!

ПС. Плакат настоящий, hand made by сотрудники нашего офиса :)

Linux и Logitech c270

Рубрика: Linux -> Alib.spb.ru

Я довольно часто общаюсь в скайп из дома. Причем, иногда общаюсь с ноута (lenovo x201i), иногда - с планшета (Lenovo Yoga 1 8"). Так вот, с планшета меня видно - отлично, а вот с ноутбука... не очень. При том, что Интернет у меня очень хороший - вывод напрашиался однозначный - дело в камере ноутбука. Хотя согласно спецификации в ней 2МП, но вот как-то не видно их... В итоге решено было поправить "это дело", путем приобретения камеры Logitech c270. Почему именно этой? Ну, во-первых, у нас на работе стоят камеры этой линейки, только старшие - видно отлично! Во-вторых, она хорошо встает на ubuntu без танцев и бубнов. В общем, этих 2 причин достаточно для того, чтобы купить и поставить.

Купил. Поставил. Ядром (Linux 3.13.0-24-generic x86_64 на Linux Mint 17 Qiana) была опознана сразу, в скайпе завелась без проблем. Что еще надо для счастья? :)))

Так что, товарищи линуксоиды - если кому надо, берите на заметку. Вещь хорошая, удобная. Своих денег стоит.

Flex шаблон сайта

Рубрика: Alib.spb.ru

На досуге запилил некий универсальный шаблон для сайта... Точнее, даже не так. Я тут писал что познакомился с flex css - современным расширением css, которое позволяет буквально творить чудеса. :) Решил поискать, что на эту тему есть в сети - с точки зрения готовых шаблонов сайтов на flex. Ожидаемо, их оказалось немного. В итоге взял один из и "немного допилил". Что вылилось в итоге универсальный шаблон, из которого легко можно сделать:

  • сайт шапка + подвал + 2 сайдбара + основной текст
  • сайт может быть как "резиновым", так и фиксированной ширины
  • легко и изящно может быть исключен любой компонент, то есть шаблон можно использовать для создания сайта типа шапка + подвал + сайдбар и основной текст, или, например, шапка + 2 сайдбара + основной текст...
  • сайдбары могут иметь фиксированную ширину
  • сайдбары могут иметь произвольный порядок
  • и всё это с минимумом кода
Немного про настройку. Я постарался документировать код так хорошо, как это только возможно, поэтому, после настройки но перед исползованием - комментарии лучше порезать. Собственно, правки состоят из 2х частей: правки html и css.

Что касается правок html, то там всё просто: если нужно что-то удалить, то удаляется именно там. Например, надо удалить левый сайдбар - удаляем в части html Aside 1. Ну и т.д. Теги там современные, "говорящие", так что вероятность "пролететь" - невысока.

Сложнее с настройкой CSS. Весь CSS код разделён на 3 части:

  • Неизменная часть для верстки - её менять не надо.
  • Настроечная часть для кастомизации сортировки - это часть, которая описывает последовательность расположения блоков на экране. Меняя параметр order для блоков, можно добиться того, что сайдбары будут справа. Или слева. Иные параметры (вон, высота-ширина-шрифты-и т.д.) в этой части менять не стоит!
  • Настроечная часть для кастомизации - вот тут можно и нужно менять фоны-шрифты и т.д.
Отдельно обращу внимание на параметр width: 1200px для класса wrapper-style. Если его удалить, то макет становится "резиновым". Если изменить - то это и будет искомая ширина вашего будущего сайта.

Да, для работы с шаблоном потребуется знание html + css.

Ссылка на архив с шаблоном: flex-univ.zip

Случайная фотография

Орфография

Система Orphus
Дизайн от: Templates Next | Адаптация d51x