В последнее время я читал статьи о лучших практиках code review и заметил, что эти статьи фокусируются на поиске багов, практически игнорируя другие компоненты ревью. Конструктивное и профессиональное обсуждение обнаруженных проблем? Неважно! Просто найди все баги, а дальше само сложится.

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

Моя революционная книга обучит вас проверенным техникам по выявлению максимального количества недостатков в своём партнёре. Книга не затрагивает следующие области:

• Обсуждение проблем с сочувствием и пониманием.
• Помощь партнёру в устранении недостатков.

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

Как вам нравится такая книжка? Предполагаю, что она вам не очень по душе.

Практически всем, кто обучался программированию, известна книга Стива Макконнелла «Совершенный код». Она всегда производит впечатление, прежде всего, внушительной толщиной (около 900 страниц). К сожалению, реальность такова, что иногда впечатления этим и ограничиваются. А зря. В дальнейшей профессиональной деятельности программисты сталкиваются практически со всеми ситуациями, описанными в книге, и приходят опытным путём к тем же самым выводам. В то время как более тесное знакомство могло бы сэкономить время и силы. Мы в GeekBrains придерживаемся комплексного подхода в обучении, поэтому провели для слушателей вебинар по правилам создания хорошего кода.

В комментариях к нашему первому посту на Хабре пользователи активно обсуждали каналы восприятия информации. Мы подумали и решили, что тему «совершенного кода» стоит развить и изложить ещё и письменно — ведь базовые принципы хорошего кода едины для программистов, пишущих на любом языке.

CSS Refresher

Это большая коллекция практических советов и заметок по вёрстке. Своеобразная памятка для тех, кто каждодневно использует CSS. Освещаются самые разные темы, от деталей поведения плавающих элементов до использования SVG и спрайтов. Проект постоянно обновляется, активное сообщество github также принимает в нем участие, там добавляются интересные замечания, о которых, возможно, вы и не слышали.

От переводчика

Приветствую всех, меня зовут Максим Иванов, и сегодня я подготовил для вас перевод заметок разработчика из Сан-Франциско Васанта Кришнамурти (Vasanth Krishnamoorthy) «CSS Refresher». Web-программирование одна из самых быстро развивающихся отраслей в наше время. Казалось бы, возьми какой-нибудь видеокурс на tuts+ и освой html-верстку, однако, как говорил разработчик Opera Software Вадим Макеев, выступая на конференции CodeFest, они все равно это делают плохо. Но давайте посмотрим, может мы итак все это знаем.

Содержание

1. Позиционирование (position)
2. Отображение элемента в документе (display)
3. Плавающие элементы (float)
4. CSS селекторы
5. Эффективные селекторы
6. Переотрисовка и перерасчет
7. CSS3 свойства
8. CSS3 медиа-запросы
9. Адаптивный web-дизайн
10. CSS3 переходы
11. CSS3 анимации
12. Масштабируемая векторная графика (SVG)
13. CSS спрайты
14. Вертикальное выравнивание
15. Известные проблемы

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

Я постараюсь донести основные идеи, показать как эта VCS помогает разрабатывать проект. Надеюсь, что после прочтения вы сможете ответить на вопросы:

• можно ли git «подстроить» под тот процесс разработки, который мне нужен?
• будет ли менеджер и заказчик удовлетворён этим процессом?
• будет ли легко работать разработчикам?
• смогут ли новички быстро включиться в процесс?
• можно ли процесс относительно легко и быстро изменить?

Конечно, я попытаюсь рассказать обо всём по-порядку, начиная с основ. Поэтому, эта статья будет крайне полезна тем, кто только начинает или хочет разобраться с git. Более опытные читатели, возможно, найдут для себя что-то новое, укажут на ошибки или поделятся советом.

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

Из-за большого размера статья разбита на три части. Первая часть. Вторая часть

Демо материалы лежат здесь. Все префиксы проставлены в демо, здесь же я не буду на них акцентировать.

Предупреждение: эффекты работают только в современных браузерах, поддерживающих возможности CSS3.

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

Из-за большого размера статья разбита на три части. Первая часть. Третья часть.

Демо материалы лежат здесь. Все префиксы проставлены в демо, здесь же я не буду на них акцентировать.

Предупреждение: эффекты работают только в современных браузерах, поддерживающих возможности CSS3.

^{Диск с музыкой. Работает почти как AudioCD.}

Предположим, вы хотите отправить срочное сообщение своему коллеге. Сегодня вы отправляете почту, сообщение в соцсети или SMS.

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

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

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

Наверное каждый читатель Хабра мечтает получить свой световой меч или пообщаться с представителем инопланетной цивилизации. Но сбудется ли это когда-нибудь? Ответу на этот и другие подобные вопросы посвящена книга «Физика невозможного».  

Она написана физиком-теоретиком, ведущим научно-популярных передач BBC и популяризатором науки Митио Каку, много общавшимся с выдающимися умами современности. Его консультантами выступили 10 лауреатов Нобелевской премии, известные физики, астрономы, публицисты и даже один автор комиксов. 

Доктор Каку исследует передовые области науки, чтобы дать ответ на «мучившие его с детства» вопросы: Научимся ли мы когда-нибудь проходить сквозь стены? Строить звездные корабли, способные летать быстрее скорости света? Читать мысли? Мгновенно преодолевать космическое пространство?

1. Создавайте коммуникацию, а не декорации.
2. Пользуйтесь визуальным языком.
3. Используйте максимум две гарнитуры. Ладно, может три.
4. Осмысленно подбирайте цвета.
5. Если можно обойтись меньшим, то так и делайте.
6. Просветы и пустоты волшебны — используйте их, а не просто забивайте чем-то.
7. Обращайтесь с текстовым набором как с изображением, будто он настолько же важен.
8. Не будьте субъективны; помните, что делаете не только для себя.
9. Будьте убедительны. Делайте всё целенаправленно — или не делайте вообще.
10. Симметрия — абсолютное зло.

Номер 3 (типографика). Помните, что даже в одной гарнитуре много разных начертаний (например, обычное, светлое, ультрасветлое, узкое, курсивное, полужирное, сверхжирное, и т. д.), так что подумайте о том, чтобы работать только с одной профессиональной гарнитурой на проект и посмотрите, что вы сможете сделать. Я предпочитаю гротескные гарнитуры, но комбинация может тоже хорошо сработать в экранной типографике (Эппл, например, использует Helvetica и Apple Garamond вместе).

Номер 10 (симметрия). Ладно, симметрия — не зло, на самом деле она может быть довольно красивой и успокаивающей, (или серьёзной, и т. п.). Но симметрия также может оказаться скорее унылой и предсказуемой. Асимметричный дизайн более динамичен в общем и может дать больше свободы и выразительности. Я сам имею кое-какое отношение к асимметрии (может, потому, что у меня кривой нос от игры в американский футбол). Эстетика Дзен тоже вся про асимметрию (Fukinsei 不均斉).

Нью-Йоркский художник Джонатан Брэнд (Jonathan Brand) задумал немыслимое: он решил объединить два своих хобби – работу с бумагой и возню с «классическими» автомобилями вроде Ford Mustang 1969 года выпуска.



Если точнее – он решил собрать Ford Mustang 1969 года целиком из бумаги. Не только внешний каркас, но и каждую отдельную внутреннюю деталь, включая мотор, колеса, двери, сидения и прочие части.

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

В продолжение, вспомнил про замечательный Lost in static:

Lost in the Static — странная платформерная игра, использующая человеческую систему восприятия для создания целого визуального мира с помощью одной простой статичной картинки, отдельные части которой движутся в разные стороны и с разной скоростью.

Вот пара скриншотов для затравки:

Дизайн простого логотипа иногда бывает серым и скучным, если разрабатывается без доли воображения. Многие популярные бренды имеют простые, но в то же время эффективные логотипы. Вспомните дизайн логотипа знаменитого FedEx. Он выглядит элементарным и безыскусным, но на самом деле это отличная идея со скрытым смыслом, который заключается в стрелочке между буквами «E» и «x». Эта стрелка символизирует развитие и успех компании.

Это одна из самых больших проблем дизайнеров. Создание абстрактных логотипов с действенными «скрытыми посланиями» намного важнее, чем свистелки и перделки модный дизайн.
Это потому, что если логотип не передает всю «суть» компании, то и бренд продать не получится. Одним из самых популярных приемов в разработке логотипов является negative space (негативное пространство).

Один из неизвестных веб-проектов, сделанных сотрудниками Google — сервис DropMocks (назван, очевидно, по аналогии с Dropbox): изумительно простой и концептуальный способ публикации изображений. Просто перетягиваете один или несколько снимков с десктопа в браузер — и получаете ссылки. Работает поразительно быстро и даже без регистрации. Проще, наверное, уже невозможно. Фотогалерея с десятками фотографий создаётся за пару секунд.



Сервис сделан исключительно на CSS и Javascript, без применения Flash. Автор — Глен Мёрфи (Glen Murphy), UI-дизайнер браузера Google Chrome и операционной системы Chrome OS.

Хочу рассказать о покупке и своём опыте использования аппарата под названием Zenithink ZT-180. Не буду повторять технические характеристики, так как их можно посмотреть в другом топике об этом устройстве. Перед покупкой я довольно много изучал рынок планшетных ПК на Android OS, даже создал топик в Q&A на Хабре. В итоге мой выбор пал на Zenithink ZT-180. Почему?
Сразу перечислю видимые мной преимущества ещё до покупки:

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

Дальше хочу поделиться своим опытом покупки и использования данного девайса.

DDoS-атака — сокращение от Distributed Denial Of Service Attack. Это когда куча зараженных компьютеров посылают на сервер множество запросов. В итоге сервер тратит все свои ресурсы на обслуживание этих запросов и становится практически недоступным для пользователей. Размер атак бывают разные, от крупных может спасти только специалист и Cisco Guard :) и такое решение стоит не менее 1000$/мес. Но такие атаки, слава богу, довольно редкое явление. Чаще всего мы видим простые атаки, которые делают как правило школьники (им же все интересно). Создать свой ботнет не сложно, можно даже купить готовый :). Но такие атаки тоже могут нанести вред нашему веб-проекту. Что же делать если атака маленькая и платить огромные деньги специалисту мы не хотим?

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

Почему дартс?

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

Существует много причин использования таких сервисов, чаще всего или элементарная забывчивость или хакинг.

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

Shambler — один из персонажей моей любимой игры quake. Один странноватый товарищ придумал взять 3d модель прямо из игры и сделать по ней выкройку, для того чтобы можно было собрать такую модель из бумаги. Выкройка цветная, занимает всего три листа a4, взять её можно здесь, вместе с небольшим руководством по изготовлению. Я пользовался клеем «Момент», канцелярскими и маникюрными ножницами, пилочкой для ногтей чтобы прижимать склеиваемые грани. Оказалось, что при таких небольших размерах бумага вполне прочный материал и отлично держит форму. Я совершенно не люблю никакие такие занятия, но сборка этой модели скорее напоминала логическую задачку: часто приходится просто крутить детали в руках, чтобы понять что вообще куда должно подходить и в какой последовательности легче (вообще возможно) собирать. В общем фотографии процесса по порядку под катом.

upd: перенёс в «я безумный».

Мой перевод статьи 20 Questions To Ask Clients Prior To Designing A Logo дизайнера Брайна Хоффа

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

Восстановление зрения по методу Шичко-Бейтса.
Лекции Жданова В.Г. Анализ. Отзыв. Дополнения.

Кратко, и по сути:
0. Опробовал, помогло, сейчас зрение больше 160%. За первых 3 дня занятий восстановил с 85 до 100, ибо задача простая. Поддерживаю пальмингом и шестью базовыми упражнениями.
1. Научиться по видео можно, но надо понимать, о чём идёт речь и иметь достаточно мотивации и внутренней дисциплины.
2. В качестве упражнений даны простые и действенные методики, основанные на подходе Бейтса.
3. Если взялись восстановить зрение данным методом, чем строже следовать подходу, тем бОльший вас ждёт успех; если что-то подфиксили, это уже не оригинальный метод, а Рабинович напел, хотя тоже может работать. Например, мало просто «отказаться от очков» — это может даже навредить, стоит делать упражнения, это принесёт пользу.
4. Экстракт из метода:
Максимально быстро отказаться от очков. Шесть глазодвигательных мышц расслабить-натренировать. В работе делать трёхминутные перерывы на пальминг, ввести в привычку делать упражнения для глаз (влево-право, диагонали, прямоугольник, циферблат, змейка) на остановке, в транспорте. Периодически делать соляризацию глаз на свече.

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