Предлагаю перейти на сторону зла, на темную сторону программирования. Ситхи сильнее джедаев. И печенек хватит на всех. Предупреждаю, прежде чем начнете читать далее. Характер при переходе на темную сторону портится.
Прошу под кат

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

Использование контейнера для каждого изображения

Простой способ, который можно применить к любому изображению на сайте. Заключается в том, что каждая картинка оборачивается в DIV, который предотвращает построчную загрузку:

<div class="img_wrapper">
    <img src="comicbookguy.jpg" alt=""/>
</div>

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

Сколько уже было сломано копий о задачу выравнивания элементов на странице. Предлагаю вашему вниманию перевод отличной статьи с решением этой проблемы от Стефана Шоу (Stephen Shaw) для Smashing Magazine — Absolute Horizontal And Vertical Centering In CSS.

Все мы знали о margin: 0 auto; для горизонтального центрирования, но margin: auto; не работало для вертикального. Это можно легко исправить, просто задав высоту и применив следующие стили:

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

Я не первый, кто предложил это решение, однако такой подход редко применяется при вертикальном выравнивании. В комментариях к статье How to Center Anything With CSS Simon ссылается на пример jsFiddle, где приводится отличное решение для вертикального центрирования. Вот еще несколько источников на эту тему.

Рассмотрим способ поближе.

Небольшой и полезный чеклист по usability. Проверьте свой ресурс перед тем как перейти к юзер-тестированию. Не претендует на «столп usability», которому необходимо следовать, но здесь собраны довольно полезные вещи.

Навеяно темами: "Создаем landing page: чек-лист для новичков" и "Landing page, которая работает".

Предыстория

Несколько лет я работаю с фабрикой мебели «Астрон», для которой веду 4 сайта (по направлениям ее производства). Основным является интернет-магазин.

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

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

Как показал эксперимент, мы нашли действительно эффективный способ.

При разработке дизайна необходимо учитывать корректность его отображения не только на больших экранах, но и на мобильных устройствах. И в первую очередь это касается читаемости контента. Поэтому необходимо уделять особенное внимание типографике, которая является основой веб-дизайна. На эту тему есть полезная статья шестилетней давности — Web Design is 95% Typography (автор Oliver Reichenstein).

Для начала рассмотрим основные моменты веб-типографики с примерами на мобильных устройствах.

Присылает нам заказчик (Газпром) свою версию договора.
Понимаем — нашу они не подпишут,
вносим реквизиты и отправляем обратно.
Пропадают на две недели… возвращают протокол разногласий к договору.

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

Russia Today взял интервью у Ричарда Столлмана.

В интервью затронуты: слежка, свободное и проприетарное программное обеспечение, социальные сети и то, что Ричард всё-таки расплачивается иногда кредиткой.



Видео с переводом на русский язык.

P.S. Может было, поиском по хабр не нашел, если есть, подскажите — уберу.

Зачастую вроде бы простые задачи верстки требуют сложной структуры HTML-разметки и использования CSS-трюков. Центрирование элементов или выравнивание контента может быть очень утомительным. Одна из таких задач — это выравнивание элементов верхней части сайта так, чтобы логотип был слева, а пункты меню — справа. Можно использовать float и position:absolute, а для выравнивания по вертикали — добавлять margin и padding разным элементам. Вроде бы ничего сложного. Но если сайт должен корректно отображаться и на мобильных устройствах, возникает много проблем.



Ниже описан лаконичный способ решения этой проблемы.

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

Инструменты

Colour Lovers — старый и функциональный инструмент для подбора цветовых схем. Аналоги — Colourcode, Color Scheme Designer и конечно Kuler. Подобных сайтов великое множество, но эти, на мой взгляд, самые удобные.

Как только выпустили Bittorrent Sync, я сразу его стал использовать для резервирования файлов на домашнем компьютере, настроив штатным образом через web-интерфейс. Программа показала себя с наилучшей стороны, и у меня появилось желание использовать её также для копирования резервных копий на серверах…

Я настроил и использую уже около месяца Bitorent Sync в продакшене и готов поделиться некоторыми наблюдениями.

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

Что же мы делали? Мы задумали, как московские «Городские проекты», посчитать пешеходное движение на улице Ленина в Новосибирске. Оказалось, что не занятые в ИТ люди, гораздо лучше могут организовать эту работу.

tl;dr: у нас все работы превращаются в ИТ, даже когда не надо. Ещё мы плохо оцениваем силы — и в нашей работе и в «аналоговой».

Хочу (по моим меркам кратко) коснутся темы недавних лет, звучавшей как «Квест мертв» ровно как и коснуться озвученного в комментариях к предыдущей статье, где мне достаточно уверенным тоном сообщили, что жанр адвенчур (иже с ним point-and-click adventure games) долгое время был мертв.

Меня это сильно смутило. Потому что мой друг жив и здравствует. Доказательством тому станут не мои слова, но хронология его жизни. Вернее хронология рождения его детей. Парень оказался на редкость плодовит, и до сих пор не смотря на преклонный возраст, продолжает штопать детишек.

В добавление к этому я хотел бы коснуться темы Слухов и «Сенсаций» создаваемых людьми. Все вы слышали крики «Нам всем кранты!» и «В этом году мы умрем!». В последний раз мы умирали, если мне не изменяет память в прошлом 2012-ом году. Так нас развлекают средства массовой информации. На моей памяти Концов Света было не менее пяти штук.
Каждый раз с правдиво вытаращенными глазами, панически мечущимися бабками в подворотнях. Даже теща несколько месяцев назад, торжествующе потрясая руками, злорадно сипела «допрыгались!». Несколько раз известных людей хоронили ДО их смерти, создавая тем самым «Интересные Слухи». Но мы здесь не в подворотне, не в агентстве ОБС, а на Хабре. Мы умеем и любим анализировать. Умеем и любим размышлять.

Разве не очевидно, что тоже происходит и с этими голословными заявлениями о смерти тех или иных жанров? Что все это лишь механизм рождения Слухов и Дешевых Сенсаций. Печально, что люди не считая необходимым знакомиться с информацией, продолжают носиться по улицам Сетевых городов, с радостью выкрикивая «PC скоро умрет!», «ПК доживает последние годы».
Крайне трудно поверить, что вдруг… взяла и исчезла крупнейшая по своим техническим мощностям платформа, по совместительству лаборатория разработки множества программных и не программных прототипов, которые потом расползаются по соседним отраслям и платформам. Растворилась в воздухе крупнейшая экспериментальная площадка мира, причем без каких-либо альтернатив на горизонте. Не то чтобы верится с трудом – представить сложно.

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

Раскопайте могилу и убедитесь, что в ней никого не было.

Буквально вчера хабраюзер Arceny поведал нам об установке дебиана с USB-flash. В статье он упомянул о возможности установки «С помощью загрузки по сети (PXE boot)», благодаря чему я решил наконец написать материал по созданию сервера pxe boot.