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

1. Жесты вместо кликов

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



В 2015 прокручивать проще, чем кликать. На мобильном можно делать прокрутку большим пальцем. А попасть точно в цель тяжелее – ровно наоборот по сравнению с десктопом.

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



Эта тенденция продолжится, поскольку мобильных устройств становится больше. На современных сайтах меньше мест для кликов, и больше прокрутки. Меньше ссылок, больше кнопок, больших кликабельных областей и высоких страниц, которые надо прокручивать.

Вступление

Привет всем хабровчанам, любителям Yii и Node.js.
Продалжаю серию статей про фреймворк Jii и его части. В прошлых частях мы рассмотрели части фреймворка, которые можно использовать без инициализации приложения, а именно — Query Builder и Active Record. Из голосования (а так же писем и комментариев) стало понятно, что продолжать стоит. И на этот раз мы будем говорить о архитектуре и структурных составляющих фреймворка Jii.

=========

Обновление от 24.03.13
Neatbeans 5.3 бесплатная IDE подходящая для верстки умеет на лету отображать набранный html в хроме через свой плагин.
Тоже самое умеет webstorm.
Куча костылей описанных ниже уже не нужны!

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

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

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

Начнем с самого известного:

1.

Говорят, если бы капитан мочевидность был веб-разработчиком, он бы всем советовал ставить Firebug. Это Джастин Бибер в мире попсы, это почти половина самого firefox.
В представлениях не нуждается, самая дописанная и навороченная панель разработчика FireBug есть только в Firefox.

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

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

Для чего используют VPN? – Есть три основные функции:

1. Конфиденциальность (анонимность в сети). С помощью VPN вы сможете скрыть свой реальный IP адрес и таким образом избежать идентификации вашей личности в сети и обеспечить защиту персональных данных. Ваш интернет-провайдер будет видеть только факт защищенного соединения с одним из удаленных серверов VPN-сервиса. Таким образом, вы защищаете свои личные данные, историю посещения сайтов и сохраняете анонимность.

2. Разблокировка сайтов и сервисов. При использовании VPN вы сможете получать доступ к любым заблокированным сайтам или приложениям, скачивать нужную информацию без ограничений провайдеров. Здесь как раз VPN выполняет прямую функцию «туннеля», позволяя обходить запреты или ограничения по гео-признаку. Каждый из нас, хоть раз, но получал сообщение, что тот или иной контент недоступен в вашем регионе. VPN решает эту проблему.

3. Wi-Fi безопасность. Если вы используете публичный Wi-Fi, который является самым опасным с точки зрения безопасности, то VPN зашифрует и обезопасит вашу информацию – это могут быть пароли от почты, социальных сетей, ключи доступа к кошелькам и другую важную личную информацию. Сигнал Wi-Fi идёт по обычной радиоволне и находясь в зоне досягаемости этих волн, мошенники легко получают информацию с вашего девайса. Зачастую, хакеры, находясь поблизости – создают и настраивают сеть близнец Wi-Fi – один в один с сетью, которую вам представляют официально, и перехватывают вас. Соответственно, вы заходите в фейковый Wi-Fi.

Теперь рассмотрим особенности VPN Master. В первую очередь нужно отметить, что это очень удобное и простое приложение. Для получения доступа к прокси-серверу не нужно быть специалистом и выполнять сложные настройки. Скачиваете программу, делаете несколько кликов и VPN Master работает. Не нужно регистрироваться, вводить логины или пароли, – все максимально просто.

WebInspector

Мощный инструмент для дебаггинга JavaScript, полноценный инспектор кода для Sublime. Фичи: установка брейкпоинтов прямо в редакторе, показ интерактивной консоли с кликабельными объектами, остановка с показом стек трейса и управление шагами дебаггера. Все это работает на ура! А еще есть Fireplay от Mozilla, который позволяет подключаться к Firefox Developer tools и максимально простой дебаггер JSHint.

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Минимализм vs. простота

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

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

Сегодня я расскажу о том, как за 5 минут настроить работающий VPN On Demand на iOS устройстве при наличии своего Linux сервера.

VPN On Demand — VPN Который подключается по запросу / переподключается при разрыве

Всем привет! Желание сделать VPN сервер максимально простым в установке и удобным в использовании назревало уже давно. За основу я взял L2TP/IPsec, эта технология нативно поддерживается всеми устройствами и в отличии от PPTP не вызывает проблем при подключении через сотовых операторов.

tl;dr
Для установки нам потребуется машинка с Ubuntu 14.04 на борту и «белым» IP-адресом, любой VPS подойдет. Достаточно ввести эту волшебную строчку:

 curl -sS https://raw.githubusercontent.com/sockeye44/instavpn/master/instavpn.sh | sudo bash 

и через несколько минут у вас будет рабочий VPN с управлением через браузер (httр://ip-address:8080/) или консоль (instavpn -h).

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Приветствую,

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

Почитав разные статьи/форумы про квадрокоптеры и посмотрев десятки видео с полётами и падениями, мой выбор сузился до моделей типа ready-to-fly. Я не хотел собирать дрона сам, не хотел ничего паять и не хотел после сборки обрабатывать напильником, что бы он полетел. Я хотел достать товар коробки, зарядиться и улететь.

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

В итоге мной была выбрана модель DJI Phantom FC40.

AMD A4-5000 / 11.6" / 1366x768 / глянец / 4Gb / 500Gb / Wi-Fi / Bluetooth / DOS / ~ 11-14 т.р.

Решил написать этот обзор, так как был заворожен этим нетбуком сразу, как только нашел его.

Набор моих обязательных требований к портативным компьютерам, как оказалось, был очень взыскателен:

1. Матрица 11.6" – даже 13.3" мне уже многовато.
2. Минимум 16Gb DDR3-3L 1600 (12800).
3. Вес вместе с блоком питания до 1.5 кг. — это просто Must Have, так как это очень комфортно.
4. 4 Core CPU, желательно AMD Kabini\Kaveri.
   Не то, чтобы я «не люблю» Intel Core i5-i7.
   Но для работы мне столько не нужно.
   Хотя, впрочем, да — я фанат AMD уже лет 15.
   Мне нравится Intel как инноватор.
   Но конкуренция должна быть свободной.
   
5. Наличие Legacy режима работы BIOS.
   Не то, чтобы я «не люблю» Microsoft.
   Хотя, впрочем, да — у меня Linux, уже лет 10.
   Поэтому присутствие UEFI Secure Boot или других ограничений меня бы очень сильно расстроило.
   Мне всё таки работать нужно, а не разбираться почему оно тормозит\упало\ограничено и тому подобное.
   
6. Нормальная графическая подсистема, так как на работе я подключаюсь к Full HD монитору. Соответственно и желание посмотреть что-нибудь в High Res тоже иногда возникает. Да и дома на телевизоре есть HDMI, которому иногда что-нибудь нужно показать.
   
7. Полноценная клавиатура. Я давно не смотрю на клавиши. Но тот человек, который придумал в моём старом Acer избавить меня от полноценных стрелочек и клавиш Home, End, PgDn и PgUp — он явно желал сделать мне плохо. Больше НИКОГДА! Потому, что привыкнуть к этому убожеству за два года я так и не смог.
   

Мои ожидания от MSI S12 полностью оправдались, поэтому захотелось обязательно поделиться, вдруг кому-нибудь тоже пригодится. Под катом, конечно же, будут какие-то фотки, ролики YouTube, агитация, провокации и другие сведения о том, каким я вижу «правильный нетбук» и почему данный экземпляр — это именно «оно».

QR Ladybird от компании Walkera — небольшой квадрокоптер, продается в комплекте “включил и летай”, стоит от $90, включая доставку. Есть комплектация с FPV — к коптеру подвешена камера и передатчик видео, в пульт встроен приемник и экран — можно практиковаться в полетах «от первого лица».

Как-то раз позвонил мне один мой друг фотограф и задал очень интересный вопрос: “Что если повесить какую-нибудь фото-мыльницу на радиоуправляемый вертолёт и попробовать как-то снимать этой мыльницой с воздуха?”
А я, помнится, с раннего детства мечтал о радиоуправляемых летательных аппаратах, но жил в так называемой “глубинке”, поэтому дальше детских чертежей в этом деле я не продвинулся тогда. В этот раз с ходу я ответить ничего не смог, но т.к. тема меня вдруг заинтересовала (а кого не заинтересует?), я пообещал разобраться с вопросом и созвониться позже.

С 10 по 14 июня 2013 года в выставочном комплексе Moscone West в Сан-Франциско проходила всемирная конференция разработчиков Apple — WWDC 2013. Это событие прошло мимо Хабра. Ну я не смог найти записи этого года. Однако, на этой конференции была представлена новая игрушка, точнее игрушки — умные гоночные машинки Anki DRIVE.

Если ты, %хабраюзер%, застал времена «За рулём», помнишь игрушечные железные дороги, которые в 90-х заменили машинки на пультах управления (в том числе по трекам) или в настоящее время увлекаешься робототехникой, коптерами и вертолетиками, то прошу под кат.

Квадрокоптеры встречаются всё чаще, стоят все дешевле, управляются все легче. И вот уже 3-4 августа на мероприятии Geek Picnic в Санкт-Петербурге пройдет открытый чемпионат России по квадрокоптерам.

Конкурсная программа состоит из четырех заданий:

• Посадка на ограниченную площадку (50х50 см)
• Перемещение через обручи подвешенные в воздухе (150 см)
• Атака иглой движущегося воздушного шарика (игла — 30 см, для малых коптеров — 10 см)
• Попадание специальным креплением в небольшое отверстие (крепление представляет собой стержень, закрепленный на вершине коптера. Диаметр стержня не более 5 мм, высота не менее 10 см)

Я довольно давно увлекаюсь мультикоптерами, и все это время я ищу способы заставить коптеры летать дольше.
Типичное время полета для недорогого коптера 7-15 минут. Удручающе мало. Мой текущий квадрокоптер летает 19 минут. И на выбор регуляторов и ВМГ для него я потратил немало времени, чаще всего делая предположения в условиях недостаточных данных.
Ключом к продолжительности полета является энергоэффективная винтомоторная группа. Что это значит? Комбинация мотора и воздушного винта должны максимально эффективно использовать энергию для создания тяги. То есть поднимать как можно больше веса, потребляя как можно меньше энергии. Измеряется эффективность винтомоторной группы в граммах на ватт. На форумах частенько встречаются различные приспособления, состоящие из весов и крепления для мотора плюс какой-нибудь ваттметр. Иногда обходятся чисто весами, чтобы выяснить какую вообще тягу создает ВМГ.
Однако, погрешность измерений обычно весьма высокая, начиная с того, что мы не можем точно определить одновременно и тягу, которая колеблется (мотор постоянно меняет обороты) и мощность, которая тоже плавает достаточно сильно. В итоге ошибка сравнима с разницей между моторами.
Меня такая ситуация не устраивает, учитывая, что моторы и пропеллеры различаются по стоимости до десятка раз, нужно понимать, стоит ли платить больше.
В итоге я построил испытательный стенд, на который крепится ВМГ и замеряются ее параметры:
-Тяга с точностью до 1г
-Напряжение аккумулятора с точностью до 0.01В
-Ток с точностью до 0.1А-0.2А примерно (зависит от тока)

Не знал в какой блог разместить информацию, поэтому пока поместил сюда.

Итак, итоги робосезона 2013:
АвтономныеПодводныеРоботы.Сингапур.Март.2013 = 1 место; // The Singapore AUV Challenge – 2013
ТелеуправляемыеПодводныеРоботы.Сиэтл.Июнь.2013 = 7 место; // 12th Annual MATE International ROV Competition – 2013АвтономныеПодводныеРоботы.Сан-Диего.Июль.2013 = 3 место; // AUVSI Foundation and ONR's 16th International RoboSub Competition – 2013АвтономныеЛетающиеРоботы.Москва.Август.2013 = диплом финалиста :) // КРОК – летающие роботы – 2013

Небольшое количество организационно-технической информации находится под катом.

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

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

Собрали мы гексакоптер на раме S800 с 15" карбоновыми пропеллерами (800мм между осями моторов). Отлично отлетали, приземлил коптер, деактивировал полетный контроллер (disarm), подошел отключить питание и щелкнул выключателем контроллера до того, как отключил батарею. ESC взбесились, дали полный газ, коптер подскочил и ударил прямо в лицо, после первого удара я отвернулся и он еще скакал за спиной несколько секунд.