Команда браузера Google Chrome проделывает огромную работу для того, чтобы разработчикам жилось лучше. Chrome DevTools — пример замечательного инструмента, сильно упрощающего отладку вашего веб-приложения. Но подчас не весь функционал этой системы виден с первого взгляда, поэтому Umar Hansa — программист из Лондона — описывает его на своем сайте, причем в весьма удобном формате: немного текста и короткий скринкаст. А мы, в свою очередь, решили сделать эти советы более доступными русскоязычной аудитории.

Содержание:

1. Перенаправление порта позволит вам открывать локальные ссылки на мобильном устройстве
2. Активация псевдо-классов DOM-элемента
3. Повтор сетевого запроса при помощи cURL
4. Запуск сохранённых блоков кода (сниппетов) на любой веб-странице
5. Отслеживание изменений файлов через DevTools
6. Простая запись действий страницы
7. Поиск элементов DOM-дерева при помощи CSS-селекторов
8. Копирование изображения в формате Data URI
9. Переход к нужной строке при открытии файла
10. Упрощенная навигация между правками
11. Копирование ответа на сетевой запрос
12. Работа с несколькими курсорами при редактировании скриптов
13. Блочное выделение
14. Быстрый мониторинг событий в консоли
15. Доступ к выбранному DOM-узлу в консоли
16. Отслеживание незавершенных сетевых запросов при помощи фильтра is:running

Продолжение: 17-32, 33-48.

Update
Новый вариант порошка и более подробный разбор во второй части: DIY порошок для посудомойки: разбираем промышленные средства и улучшаем рецепт

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

Есть очень много областей нашей жизни, где наше представление формирует исключительно маркетинговый буллшит. Увы, большинство людей даже не пытаются задумываться о том, что лежит в основе всего этого. Очень часто рыночная ситуация приводит к тому, что себестоимость продукта составляет 0.5% от его цены. Остальное маркетинг, наценки, логистика, упаковка и тому подобное. Почти все в курсе про концепцию продажи чернил для принтера по цене слез гималайских девственниц и настойчивые рекомендации производителей использовать только оригинальные расходные материалы. Например, совсем недавно меня озарило, что 1.5 грамма сухого вещества во флаконе удобрений для растений не могут стоить 200-250 рублей. А ведь именно такое количество может уместиться в относительно стабильном состоянии в виде раствора. Я сразу представил себе гектары полей и грузовики, которые везут тонны порошка. В результате перешел на расфасовки по 1 кг Буйских комплексных сухих удобрений. Можно ванну раствора приготовить.

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

TLDR:

70% прокаленной соды и 30% стирального порошка вместо моющего средства.
Если очень лень возиться с содой, то просто порошок Биолан или его аналоги. Сода удешевляет.
Пищевая соль «Экстра» вместо соли.

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

Будут рассматриваться: Райффайзен, ВТБ24, Банк Санкт-Петербург, Банк Авангард, Промсвязьбанк.
Итак, поехали.

Добрый вечер хабросообщество. Это мой перевод статьи Aquil Akhter'a — Beautiful Illustrator Artworks By Artists Around The World. Статья мне показалась достаточно интересной, есть где черпать вдохновение.
Осторожно, много графики!

---

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

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

Том Вален

Том Вален живет в McAdoo, городе в северо-восточной Пенсильвании, США. Он очень одаренный дизайнер, умело выражает его страсть к дизайну в своих абстрактных постерах.

Robot Earth 3009 Poster

Здравствуй, хабр! Сегодня я хочу представить вам всем дозу дизайнерского вдохновения для мозга.

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

Для чего это нужно

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

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

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

Короче, ближе к делу. Всего две глобальные части: идейные логотипы и идейная реклама.

Логотипы

Часть 1. 1—20

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

(Если обзор придется вам по вкусу, переведу вторую часть)

Одна из первых вещей, которые делают при планировании нового веб-сайта — это готовят контент, который будет на сайте. Затем разделяют на разделы, а затем на различные уровни навигации.

В результате получается скучный список ссылок.

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

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

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

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

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



P.S. Если есть на Хабре инженеры-сотовики, то они наверняка дополнят меня спецтерминами, буду им очень благодарен.

В продолжение темы 3G-модем в Ubuntu.
Пошаговое описание перепрошивки USB модема ZTE MF627 залоченного под МТС, для свободной работы с SIM-картами сторонних операторов с его последующей настройкой и проверкой работы на осях Windows XP, Windows7 и Ubuntu 9.10 со скриншотами, ссылками на альтернативное (бесплатное) ПО и т.д. и т.п.
Дополнение №1: теперь, благодаря SerVik и его посту, наш модем может звонить и принимать звонки.
Дополнение №2: данная методика так же применима к модему ZTE MF626.
Дополнение №3: Для модемов Huawei от Мегафона, требующих Unlock код, вариант с заменой прошивки не подойдет. Здесь вопрос решается проще — вводом NCK кода по IMEI девайса. Желающие получить Unlock код для своего Huawei могут писать мне в личку или в комментах к этому посту. Валидность калькулятора многократно проверена мной на модемах Huawei E1550 от Мегафона. Услуга предоставляется "… бездвоздмездно, то есть даром...". От вас требуется только IMEI девайса.
Дополнение №4: согласно комментарию за 27.06.2010 от хаброюзера Vyazovoi, в салонах МТС появились модемы ZTE MF627, стоимостью 490 руб., с новым типом прошивки (BD_MTSP673A4V1.0.0B02), запрашивающим Unlock код при установке SIM-карты стороннего оператора. Нижеописанная методика перепрошивки к подобным девайсам не применялась и как следствие, возможный эффект от нее я предсказать не могу.
Для тех кто еще не приобрел модем, я рекомендую остановится на Huawei E1550/1750 от Мегафона или МТС. С их разлочкой пока проблем не наблюдается (см. Дополнение №3).


Итак, USB модем ZTE MF627 был приобретен мной 15.01.2010 г. в фирменном салоне-магазине МТС за 890 руб. Цель приобретения — доступ к сети интернет в частых и длительных командировках по России. Описание девайса на сайте МТС.
Перед покупкой было прочитано много форумов по теме, ибо я заранее обладал информацией о том, что операторы большой тройки вносят ограничение в прошивку продаваемых под своим брендом девайсов, не дающее использовать их с SIM-картами других операторов. В итоге выбор пал на ZTE MF626, который не удалось найти в продаже (г. Москва) и я, махнув рукой, рискнул взять новый на тот момент ZTE MF627, благо МТС отдавало его по новогодней цене в 890 руб.
В комплекте находился сам модем, гарантия на него и SIM-карта с доками. Все. А более нам ничего и не нужно.

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

Суммарно 5 видео идут около 23 минут.
Все части вместе одним видео вы можете посмотреть здесь

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

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

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

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

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

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

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

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



Мне кажется такая подборка будет интересна дизайнерам хабра.

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

P.S. присылайте свои подборки. А также некоторые мои мысли по поводу flickr Design Inspiration vol.2

Календарь навсегда. Имеет даже 32й день месяца (на случай реформы). Носитель календаря — холодильник (холодильник в комплект не входит) Названия месяцев сокращены до трёх букв. Сила магнита подобрана так, чтобы держались фишки одна на другой. Так удобнее отметить, что во вторник сдача каталога. Фишка календаря — спецфишки. Прилагается пара дедлайновыx, приезд/отъезд, фишки разных цветов, 5 «drink day» и одна «don't drink day». Итого 63 магнитных значка.

Как концепт — звучит хорошо. Дизайнерские ресурсы просто заполнены промдизайнерскими концептами, красивыми рендерами с гипер-реалистичными тенями и отражениями (и всё на белом фоне). Хорошее 3д заменяет реальность.

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

Здесь нашел.
Чего нашел? А вот что:

AUDIO 2.0
Bebop — Compare music calendar against your iTunes catalogue. www.bebopular.com
Clickcaster — Record, license, publish & promote your radio show. www.clickcaster.com
Difm — Radio community. www.di.fm
Dottunes — Share your iTunes. www.dottunes.net
Enablr — Transcribe podcasts, Text2Snailmail,… www.enablr.com
Fluctu8 — Create & share your sourcelists. fluctu8.com
Gcast — Podcasting tools & hosting. www.gcast.com
Genielab — Explore, recommend & rate music. genielab.com
Ituneslove — Share your music tastes. www.ituneslove.com
Jamendo — Review, tag, rate & share music. www.jamendo.com/en
Lastfm* — Profile your taste, share, personalize your radio. www.last.fm

Около месяца назад я приобрел HTC Hero. Основной причиной, по которой был выбран этот телефон, а не iPhone, была возможность полноценно разрабатывать приложения под Windows.

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

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

На прошлых выходных известный специалист Erik Spiekermann анонсировал выход новой версии шрифта Fira Sans(3.1). До этого шрифт был доступен в восьми начертаниях: (light, regular, medium и bold)*italic и отдельный Fira Mono в начертаниях regular и bold. В новой версии появилось дополнительно 24 начертания, от hair до ultra. Таким образом шрифт стал одним из самых насыщенных из всех бесплатных шрифтов.