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

Для статьи я подобрал наиболее полезные дополнения «на все случаи жизни».

Чуть более ста лет назад инженер Фредерик Тейлор встал за спиной фабричных рабочих с секундомером и стал измерять, сколько времени они тратят на рутинные операции. Вскоре стало ясно, что их можно «оптимизировать» — повысить производительность с помощью системы научной организации труда. Именно из нее выросло современное массовое производство. Но могли ли тогдашние рабочие представить, что их правнуки примутся измерять свою производительность не по приказу капиталиста, а по собственной инициативе? Современным работникам умственного труда приходится самостоятельно планировать деятельность, а секундомер Тейлора им заменяют специальные программы для учета рабочего времени — тайм-трекеры.

Сегодня Google Chrome является самым популярным браузером среди веб разработчиков. С быстрым, шести недельным, циклом релизов и мощным набором постоянно расширяющихся инструментов разработчика, превратившим браузер в инструмент, который вы обязаны иметь. Большинство из вас, вероятно, знакомы со многими его функциями, такими как «живое» редактирование CSS, используя консоль и отладчик. В этой статье мы с вами рассмотрим 15 захватывающих советов и хитростей, которые позволят улучшить вашу производительность еще больше.

Автор оригинальной статьи Ali Mese добавил ещё 100 новых бесплатных сервисов. Все 400 потрясающих сервисов доступны здесь. И еще подборку +500 инструментов от 10 марта 2017 г. смотрите здесь.

A. Бесплатные Веб-Сайты + Логотипы + Хостинг + Выставление Счета

• HTML5 UP: Адаптивные шаблоны HTML5 и CSS3.
• Bootswatch: Бесплатные темы для Bootstrap.
• Templated: Коллекция 845 бесплатных шаблонов CSS и HTML5.
• Wordpress.org | Wordpress.com: Бесплатное создание веб-сайта.
• Strikingly.com Domain: Конструктор веб-сайтов.
• Logaster: Онлайн генератор логотипов и элементов фирменного стиля (new).
• Withoomph: Мгновенное создание логотипов (англ.).
• Hipster Logo Generator: Генератор хипстерских логотипов.
• Squarespace Free Logo: Можно скачать бесплатную версию в маленьком разрешении.
• Invoice to me: Бесплатный генератор счета.
• Free Invoice Generator: Альтернативный бесплатный генератор счета.
• Slimvoice: Невероятно простой счет.

Уже 3 с лишним года занимаюсь дизайном и версткой почтовых рассылок, которые ориентированы на англоязычных пользователей. За время работы перелопатили огромную кучу информации, перепробовали много вариантов верстки, набили достаточное количество шишек. Были найдены и исправлены типичные баги, которые в той или иной мере повторялись во всех почтовых клиентах. Также нашлись проблемы с некоторыми CSS свойствами — различные почтовые клиенты интерпретировали их по разному. Каждое письмо тестировалось на самых популярных почтовых клиентах: Gmail, Outlook, Yahoo, Android, iOS, MozillaThunderbird, Microsoft Outlook, The Bat. Рассылки ходят на сотни миллионов пользователей и приносят очень хорошие результаты. Итак, приступим к изучению.

В свое время, в 1995-ом году, на меня произвел впечатление фильм «Хакеры». Можно
сказать, он стал мотиватором моей дальнейшей ИТ-карьеры. Далеко не эталон киноискусства, однако
стремление стать похожим на героев фильма, продолжилось в самообразовании. Далее первый выклянченный компьютер, первые строчки кода, начало проб и ошибок. Когда уже были написаны эти самые «хэлоу-ворды», «калькуляторы», затем испробованы несколько *nix'ов — на руки попалась болванка с «Antitrust». В одноголосном переводе и гиблом качестве. К слову, это не помешало, пересмотреть фильм пару десятков раз. Что послужило более зрелому стремлению, чем быть всемогущим кул-хакером. Под катом, перечислю увиденные мной фильмы IT-тематики, с кратким описанием. В основном из двухтысячных. Неувиденное или забытое, будем добавлять.

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

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

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

Что заставляет дизайн выглядеть скоординированным, спланированным и профессиональным? Ответ: 'цвет'.

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

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

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

^{*или чем занять все выходные на полгода вперёд.}

Четвёртая часть, последняя на сегодня(а может быть и нет. Подробности — в конце поста). Я надеюсь, что кто-нибудь живой(после трёх частей-то!) до сюда доберётся :)

Часть первая.
Часть вторая.
Часть третья.

La Mulana

Длинная платформенная игра в стиле Индианы Джонса, большей частью основанная на Maze of Galious от Konami и других играх компьютеров MSX. Она невероятно сложна, включает в себя зверские битвы с боссами и трудные головоломки, но благодаря этому заработала себе многочисленных поклонников(мазохистов).

Бесплатная.
Windows.

Mount & Blade

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

$30 на сайте разработчика. Официально издана в России компанией 1C.
Windows.

^{*или чем занять все выходные на полгода вперёд.}

Продолжаю баловать читателей Хабрахабра инди-играми в вечер пятницы. Части первая и вторая подборки для тех, кто пропустил по невнимательности :)

Chalk

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

Бесплатная.
Windows.

Clean Asia

Другой инновационный шутер, Clean Asia позволяет вам контролировать либо Майкла Р. Дола на корабле-привлекателе, либо Мики И. Дола на корабле-отражателе. Ваша цель? Уничтожение злобных глазных яблок, которые одурманили людей Азии(отсюда название). Но на самом деле, этот странный сюжет придуман лишь для обёртки находчивой игровой механики, которая заставляет вас разбивать на куски врагов, а затем использовать эти куски в роли пуль.

Бесплатная.
Windows.

^{*или чем занять все выходные на полгода вперёд.}

Вторая часть грандиозной подборки инди-игр для читателей Хабрахабра. Начало положено в этом посте.

Почему всё растянуто на четыре части, а не в одном посте? Нет, я не гонюсь за рейтингом. Изначально я хотел засунуть всё в один пост, но что-то не получалось с технической стороны. Пост достаточно большой выходил — около 85 килобайт одного текста. Тогда я написал в техподдержку, и уважаемый Shoohurt мне ответил:

Игорь <xrazont@gmail.com>
Я хочу запостить относительно большой топик(~85 килобайт текста с тегами), но не получается — после нажатия на кнопку «отправить» сначала ничего не происходит, а потом вылезает сообщение «Some error… We know...». Мне действительно лучше подождать, пока эту проблему(если это проблема вообще) починят, или же запостить как-нибудь по-другому? Очень не хотелось бы резать пост на части.

Alexander Savitsky <as@thematicmedia.ru>
Это не совсем баг, а, скорее, особенность механизма постинга на Хабре. В идеале столь большие топики лучше все-таки постить частями (можно одну за другой сразу). В противном случае нам придется возиться с этим топиком вручную, что едва ли хорошо :)

Я тут подумал, что препираться не стоит и разделил пост на четыре. Зато теперь можно ещё с десяток написать! Правда вот столько игр не наберётся хороших…

World of Goo

Вдохновлённая Pontifex, World of Goo, выстрелившая на весь мир, стала одной из самых популярных инди-игр. Удивительно, но собирать башни и другие шедевры архитектурного Goo-искусства из живых капель грязи может быть весьма медитативным процессом, требующим некоторой подготовки и доставляющий истинное наслаждение прочностью всей конструкции. А прекрасный саундтрек отлично способствует всему этому!

$20.
Windows, Linux, Mac OS X, Wii.
Пост на Хабре про World of Goo

Caster

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

$5.
Windows, Linux, Mac OS X, iPhone.

^{*или чем занять все выходные на полгода вперёд.}

В определении инди-игр я волен соглашаться с энциклопедией Google Knol(привет, Mio :):

Инди-игры (англ. indie games от англ. independent — «независимый») — видео-игры, созданные независимо от крупных издателей. Большинство изначально свободных игр также относится к этой категории. Инди-игры обычно — дешёвые или бесплатные, часть из них разрабатывается как open source. Разработчиками инди-игр руководят чаще всего «некоммерческие» мотивы — желание самореализации, воплощения своих идей и фантазии, некоторой славы и пр. На создание такой игры могут уйти годы или она может быть завершена за несколько дней или даже часов, в зависимости от её сложности, участников, оформления.

Интерфейс USB 2.0
Буферная память 2 Мб
Скорость записи:
DVD-R / + R 8x
DVD — R / + R DL и DVD-RW / + RW 6x
DVD-RAM 5x
CD-R и CD-RW 24x.

габариты 133x133x14,8 мм
вес — 240 г

Как видно размер боле чем компактный!!! Такой, в принципе, легко поместится, даже, в кармане.
Pioneer DVR-XD09 поступит в продажу в США в августе по цене $80.

В первом хабратопике хотелось бы поблагодарить хабраюзера sunnybear (все же знают, что он разработчик yass?) за оказанное доверие и хабраинвайт за одну строку кода :)

Как подружить Yass и jQuery?





Спасибо за внимание, ждём вас снова

зы: angry-web.blogspot.com/2009/03/yass-jquery.html оригинальный пост

зы2: традиция первых постов: testestest!!11

Студент Массачусетского технологического института Дэвид Мерилл демонстрирует технологию «Siftables» — набор кубиков, которые можно собирать и перемешивать в руках. Эти игрушки будущего могут считать, играть и разговаривать со своими друзьями. Какова же будет следующая ступень в настольных играх?

Девид Меррил работает на своими крошечными компьютерными кирпичиками, способными создавать сети (и музыку).

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

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

Привет всем Хабралюдям!
Сегодня я хочу поделиться с сообществом одним очень затягивающим и увлекательным способом убить свободное время и просто отвлечься.

Давно еще, пока я учился в школе, меня постоянно мучили мысли о том, что я хоть и высыпаюсь, но встаю мучительно и ничего с утра не хочу. Глубоко в душе я знал, что можно иначе, но как сделать так, чтобы ты с утра буквально вскакивал с кровати и шел воротить горы? Начал во всем разбираться, и вот, что из этого вышло.