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

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. Известные проблемы

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

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


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

Уникален ли Mindfields? Скорее да.
Нова ли его идея? Скорее да.
Полезен ли он? Это самая главная наша забота – делать его полезным и востребованным.

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

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

Взявшись за написание небольшого, но реального и растущего проекта, мы «на собственной шкуре» убедились, насколько важно то, чтобы программа не только хорошо работала, но и была хорошо организована. Не верьте, что продуманная архитектура нужна только большим проектам (просто для больших проектов «смертельность» отсутствия архитектуры очевидна). Сложность, как правило, растет гораздо быстрее размеров программы. И если не позаботиться об этом заранее, то довольно быстро наступает момент, когда ты перестаешь ее контролировать. Правильная архитектура экономит очень много сил, времени и денег. А нередко вообще определяет то, выживет ваш проект или нет. И даже если речь идет всего лишь о «построении табуретки» все равно вначале очень полезно ее спроектировать.

К моему удивлению оказалось, что на вроде бы актуальный вопрос: «Как построить хорошую/красивую архитектуру ПО?» — не так легко найти ответ. Не смотря на то, что есть много книг и статей, посвященных и шаблонам проектирования и принципам проектирования, например, принципам SOLID (кратко описаны тут, подробно и с примерами можно посмотреть тут, тут и тут) и тому, как правильно оформлять код, все равно оставалось чувство, что чего-то важного не хватает. Это было похоже на то, как если бы вам дали множество замечательных и полезных инструментов, но забыли главное — объяснить, а как же «проектировать табуретку».

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

Данная статья является попыткой ответить на эти вопросы хотя бы в первом приближении.

Frontend Guidelines

Правила и руководства оформления, форматирования HTML, СSS и JavaScript кода. Его цель — повысить качество кода и облегчить совместную работу и поддержку инфраструктуры.

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

Приветствую всех снова, меня зовут Максим Иванов, и сегодня я подготовил перевод, который, возможно, окажется для вас полезным. Бенджамин Де Кук (Benjamin De Cock), разработчик из Бельгии, собрал некоторые указания по оформлению кода, которые позиционируют себя как лучшие практики по написанию HTML, CSS, JS. Конечно, существует множество рекомендаций, например, есть хороший гайдлайн от Google, наверное, есть еще что-то, однако, если следовать хотя бы некоторым из них, то можно надеяться, что ваш код станет лучше. В отдельных случаях следование этим гайдлайнам не полезно, а совсем наоборот. В общем и целом, все зависит от вашего опыта и виденья дела, если вы новичок, то скорее вам будет полезно оценить то, что пишут другие и в обществе считается верным, если вы гуру, то наверное вам и не нужны гайдлайны, которые написаны непонятно кем на ваш взгляд. Итак, приступим.

Привет, Хабр!



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

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

— стоимость не более 30 тысяч рублей
— открытая архитектура (программная и аппаратная)
— простота в обслуживании и доступность деталей
— безопасность эксплуатации
— возможность изготовления на нем сложных изделий
— быстрая окупаемость

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

После того, как разочарование от поступка Нокии по расформированию всего подразделения Maemo/Meego достигло своего максимума, в интернете появились слухи о том, что некий стартап может возродить эту великолепную операционку и продолжить её развитие. Далее было много всяких слухов, якобы Nokia подарила все разработки этому стартапу (чего, конечно же, не было). Вскоре всплыло и название этого самого стартапа — Jolla. Целый год в интернет попадали обрывки информации о будущем телефоне, скриншоты, новости, идеи и вот, наконец, в декабре 2013 года этот телефон появился в открытой продаже. Сначала ещё в июне был открыт предзаказ на сумму 100 евро, за который высылалась футболка и письмо со словами благодарности в оказанном доверии и поддержке, ну а сам телефон пришёл только через полгода — этой зимой. Наконец-то, я держу в руках это долгожданный аппарат и хочу поделиться своими впечатлениями о нём. Всё же, телефон ещё редкий и возможности пойти в магазин, чтобы своим руками «пощупать», пока нет.

P. S.: Как всегда, в комментариях предлагайте видео на перевод и озвучку.

Одним дождливым питерским днем мой проект в UE4 перестал загружаться, и из-за этого я захотел сделать свой собственный движок. И одна новелла подтолкнула меня сделать движок именно для новелл. Если вам хочется узнать побольше и вы не боитесь goto, gosub и других ужасов, добро пожаловать под кат.

Широкое распространение и дешевизна платформы Arduino и различных робоплатформ позволило любителям создавать радиоуправляемые машинки на любой вкус. А широкое распространение смартфонов позволило использовать их в качестве контроллеров этих машинок. Главной проблемой для многих любителей Arduino является отсутствие опыта в программировании под Android. Сегодня я расскажу, как легко решить эту проблему, используя среду визуальной разработки android-приложений App Inventor 2.

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

Создатели знаменитой платформы позаботились о любителях DIY и подготовили для этого специальную одностороннюю версию платы. Также в интернете есть весьма подробные инструкции о том, как изготовить ее в домашних условиях. К сожалению, у этой платы есть несколько недостатков, а именно: подключение только через COM-порт и питание исключительно от адаптера. Я решил устранить и получил в итоге вот такую, симпатичную плату:



Конечно, идея не новая, и на просторах интернета не раз звучала идея прикручивания виртуального COM-порта к Single-Side Board, но готового проекта я нигде не встречал.

Всех, кто когда-нибудь мечтал сделать для себя Arduino самостоятельно, прошу под кат.

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

Внимание! В рецепте с отбеливателем обнаружилась опасность коррозии металла! Не рекомендуется в стандартном применении!

Обзор экспериментов год спустя:
DIY порошок для посудомойки: как не растворить посуду и не повторить моих ошибок. Год экспериментов

В прошлой публикации мы создавали дешевый порошок для посудомойки из желудей и спичек кальцинированной соды и стирального порошка. В этой я расскажу о том, как можно его улучшить с помощью кислородного отбеливателя и где можно купить компоненты для более продвинутой версии. Будем делать упор на эффективности мойки, но даже при этом цена не выйдет за 100 рублей/килограмм. А еще будет рецепт ополаскивателя с себестоимостью в районе 1 рубля за литр. Как справедливо заметил amarao, занятие не для всех и многим проще использовать готовые таблетки. Но в подобных экспериментах с бытовой химией есть что-то от детства, первых опытов по смешиванию соды с уксусом и газировки с мятными конфетами. Так что ощутимая экономия здесь все-таки вторична. Будем развлекаться) Если кому-то лень читать весь текст — в конце поста будут подробные рецепты с рекомендациями.

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

Суть задачи сводился к следующему:

1. Достичь комфортной скорости интернета.
2. Раздавать интернет не только для себя, но и для супруги.

У нас было 2 модема, 750 мегабайт проплаченого интернета, 3 ноутбука, несколько телефонов и целое множество симок всех сортов и расцветок, точка доступа с OpenWRT, usb hub, флэшка и антенна. Не то чтобы это был необходимый запас для поездки, но если начал собирать железки, становится трудно остановиться. Единственное, что вызывало у меня опасение — это антенна. Ничто в мире не бывает более беспомощным, безответственным и слабым, чем сигнал от антенны, прошедший через 3-х метровый usb кабель. Я знал, что рано или поздно мы перейдем и на эту дрянь.

Лежал у меня на полке роутер Dlink DIR320 ревизии D1. Сторонних прошивок нет, стандартная скудна. На первый взгляд — обычная бездушная коробка от Dlink, но не все так печально как казалось ранее, т.к. для него вышла новая прошивка со значительным увеличением функционала и новым интерфейсом. Что в итоге имеем? Из значительных — интерфейс и Transmisson. А так, как роутер этот у меня был куплен для развлечений, то давайте его немного «проапргейдим». Добавим ему аккумулятор!

В данной статье я расскажу о том, как сделать первый шаг в мир Arduino и смастерить собственную метеостанцию. Метеостанция будет состоять из двух модулей: один модуль будет считывать информацию с подключенных датчиков, другой — выводить считанные данные на небольшой экран. Для передачи информации будем использовать Bluetooth.

Также приведу информацию по настройке BT-модулей для работы друг с другом.



Итак, поехали!

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

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

Apple, конечно, помянут условно. Рынок мобильных телефонов и без того страшно насыщен, но есть несколько безумных и отважных проектов, которые «делают вид», что ничего не слышали про Samsung, Sony, Xiaomi, Huawei и других производителей… Подобрали несколько интересных «авторских» мобильных телефонов.