Какой стилус выбрать для iphone и чем они отличаются

Как сделать стилус для рисования из ватной палочки

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

  1. Возьмите палочку с ватой и оберните ее фольгой так, чтобы открытым остался только мягкий кончик. Фольга должна соприкасаться с ватой.
  2. Смочите вату в воде — но не сильно. Вода будет служить проводником между фольгой и экраном. Попробуйте использовать конструкцию как стилус — все должно работать.

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

Аналог Apple Pencil для iPhone

Этот стилус хорошо подходит для рисования

Наконечник у этого Стилуса магнитный и не распознаёт силу нажатия

Если вам нужен аналог Apple Pencil для iPhone, то спешу вас разочаровать: со смартфонами он работать не будет из-за технической несовместимости. Но зато у меня на примете есть максимально похожий вариант. Он оснащается съёмным наконечником с плоской контактной частью диаметром 1,5 мм. Это ключевое условие, потому что тачскрин iPhone работает по принципу замыкания цепи, и чтобы прикосновение распозналось, контактная площадка должна быть чуть больше, чем у традиционного Apple Pencil.

Несмотря на относительно толстую как для планшетных стилусов контактную площадку, этот карандаш прекрасно подходит для рисования хоть на iPhone, хоть на iPad. В отличие от обычного Apple Pencil, этот не требует подключения по Bluetooth, поэтому и степени нажатия не распознаёт. Однако, чтобы он работал как надо, его необходимо включить. Достаточно нажать на кнопку активации, и стилус заработает, а через 30 минут бездействия перейдёт в режим сна.

CARCAM Smart Pencil K818 – Black

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

Габариты 146х8.8 мм
Вес 15 г
Диаметр наконечника 1.45 мм
Цвет черный
Аккумулятор 140 мАч
Питание 5 В

Цена: от 1 800 до 2 500 рублей.

Плюсы

  • совместимость со всеми планшетами и смартфонами;
  • на кнопке питания находится светодиодный индикатор;
  • максимально точно передает движения руки с минимальным уровнем задержки;
  • работает 10 часов на одном заряде аккумулятора;
  • предусмотрена эффективная система энергосбережения.

Минусы

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

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

Полезные миксины Stylus

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

Обнуление last child

Данный миксин был создан для обнуления пустого пространства у последнего элемента блока-родителя. Как правило, такими пространствами в CSS являются и .

С помощью этого миксина устанавливается или для блока-родителя. А затем просто убирается пустое пространство у последнего элемента этого блока.

Стилизация placeholder

Стилизация placeholder является достаточно хитрой задачей из-за необходимости использования вендорных префиксов, поэтому использование миксина значительно упрощает эту задачу:

Стилус потерялся

Что делать, если работающий стилус из комплекта со смартфоном или планшетом потеряется? Стилусы, увы, теряются частенько, почти в 100% случаях. То есть, практически, нет такого гаджета со стилусом, где стилус не потеряли хотя бы раз.

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

В итоге получается, что уже упомянутые  «английские ученые» в некотором роде правы: к экрану смартфона или планшета подходит только тот стилус, который к нему подходит по своим параметрам.  Гениально, не правда ли? Шнобелевская премия!

А вот что к чему подходит – это «английские ученые» не уточнили. Значит, надо пробовать своими руками, прежде чем покупать. Прежде чем, а не после того! Ибо бесплатный опыт подбора стилуса есть самое ценное, что можно приобрести при отсутствии четких теорий или однозначных рекомендаций. Подбора, в некотором роде, «методом тыка», одновременно в прямом и переносном смысле этого выражения.

Видео:Будет ли стилус работать с любым планшетом и смартфоном

Дополнительные материалы:

1. Как объем памяти влияет на работу мобильного телефона

2. Почему смартфон быстро разряжается в поезде и при поездках

3. Что будет, если уронить телефон?

4. Уведомления на Андроиде для приложений: как отключить, включить и почему уведомления не приходят

Распечатать статью

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

.

Важно: необходимо подтвердить свою подписку! В своей почте откройте письмо для активации и кликните по указанной там ссылке. Если письма нет, проверьте папку Спам

Color Functions

rgba(color | r,g,b,a)

Return from the r,g,b,a channels, or provide a to tweak the alpha.

Alternatively, Stylus supports the and notations as well:

Lighten the given by .

This function is unit-sensitive; it supports percentages, for example, as shown here:

Darken the given by .

This function is unit-sensitive; it supports percentages, for example, as shown here:

contrast(top)

Returns the object between and colors, based on underlying “contrast ratio” tool by Lea Verou.

The second argument is optional and is defaulted to .

The main key in the returned object is , it also have and values that are different from the only when the color is transparent. In that case the also contains an error margin.

transparentify(top)

Returns the transparent version of the given color, as if it was blend over the given color (or the closest to it, if it is possible).

The second argument is optional and is defaulted to .

The third argument is optional and overrides the autodetected alpha.

What to look for

Stylus nibs — the part that touches the glass — come in a number of materials, including rubber, mesh, or even plastic discs. They can be retractable or covered by a cap, with or without an attached clasp, or not protected at all. Some are powered by batteries or Bluetooth, sometimes offering additional pressure sensitivity and palm rejection features. Apps can be used in conjunction with some styluses if your device does not support all of its features.

A stylus case must feel comfortable in the hand for as long as you need to use it — smooth and grippy but not so slick, stubby, or long that you lose control. Watch out for styluses that quickly cramp your fingers or tire out your hand or arm. The implement should be of medium height so that it is easy to handle and doesn’t wobble, with evenly distributed weight.

You should be able to draw and write easily, without lag, ghosting, or overlap. Look for moderate friction between the nib and the glass so that your stylus moves naturally, like a pencil or pen on paper; it should not drag or move too quickly. You don’t want to press down too much. Below, we’ve rounded up some of the best styluses available.

Препроцессоры? Что это и зачем?

Итак, css препроцессор — это инструмент, который генерирует код, написанный на специальном языке препроцессора в валидный CSS код.

Наглядно это выглядит примерно так:

stylus

12345678
input-height = 40px // Это переменнаяmain  display block  margin   padding   input    height input-height    font-size 1.2em

превратится вот в такой код:

css

123456789
main {  display: block;  margin: ;  padding: ;}main input {  height: 40px;  font-size: 1.2em;}

Сразу видно насколько меньше писать в Stylus символов. Emmet так же умеет разворачивать Stylus из своих сокращений.

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

stylus

12345678
@import 'inc/header'input-height = 40pxmain  display block  margin   padding @import 'inc/footer'@import 'inc/media'

При этом расширение файла можно не писать, парсер сам все прекрасно поймет.

Так же препроцессоры ускоряют написание и чтение стилей за счет вложенности.

И даже если Вы допустите ошибку при написании стилей, то точно её не пропустите и будете знать на какой строчке она была!

Это все в купе дает хороший прирост личной производительности, а так же упрощает разбиение стилей на модули (например, при использовании методологии БЭМ), но об этом чуть ниже.

Так же в арсенале любого препроцессора есть много интересных фич:

  • Переменные
  • Наследование
  • Миксины
  • Миксины с параметрами
  • Функции
  • Условия
  • Тернарный оператор
  • Хеши
  • Итераторы (циклы)

Использование которых выведет Ваш код на новый уровень. Приведу маленький пример:

stylus

123456789
reset(display = block)  display display  margin   padding div reset()span  reset(inline)

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

Возможно Вы спросите:

А я спрошу в ответ:

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

Если хотите попробовать какой-либо препроцессор на практике не думая о настройках окружения, то есть прекрасный Codepen, а так же онлайн транслятор BeautifyTools. Который позволяет компилировать различные препроцессоры и не только.

Apple Pencil 1st GEN

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

Диаметр 8.9 мм
Материал пластик
Цвет белый
Совместимые типы экранов емкостный

Цена: от 7 000 до 9 000 рублей.

Плюсы

Минусы

Операторы Stylus

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

Если межстрочный интервал line-height в макете указан в пикселях, а в CSS наиболее корректно указывать его относительное значение в зависимости от размера шрифта, то с помощью оператора деления можно быстро вычислить относительное значение — значение межстрочного интервала делим на значение размера шрифта.

Расчеты желательно производить в круглых скобках

Сгененированный CSS

Операторы удобно использовать в миксинах для динамически вычисляемых значений

Сгененированный CSS

Лучшие стилусы для смартфонов

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

Baseus Golden Cudgel Capacitive

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

Достоинства

  • Силиконовый мягкий наконечник имеет специальное покрытие;
  • Угол наклона кончика 180 градусов;
  • Емкостный тип экрана;
  • Вес в упаковке 0,075 г.

Недостатки

Отсутствует насадка и стержень.

С помощью девайса можно рисовать, делать заметки, пометки в тексте. Удобно помещается в карман, длина всего 13,5 см.

Adonit Mini 4.0

Модель является классикой стилуса Adonit. Его длина всего 110 мм, а вес 15 г. Создает рисунки, надписи и схемы. Долговечен благодаря корпусу из сверхпрочной стали. Он защищает девайс при транспортировке. Моделью можно пользоваться на ходу. Наличие специальной клипсы позволяет закрепить ее на кармане, обложке планшета. Точность при контакте с экраном обеспечивает прецизионный дисковый наконечник. Он же помогает четко обозначить место установки кончика пера на поверхности экрана. Стилус выглядит современно и стильно.

Достоинства

  • Доступная цена;
  • Разъемный корпус;
  • Совместим с устройствами, оснащенными тачскрином;
  • Уровень чувствительности к нажатию 8192;
  • Несколько вариантов расцветки.

Недостатки

Отсутствует блокировка нажатия ладонью.

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

Imports and Charset

Stylus imports and charset declarations should always be at the top of each Stylus file. Important are used to include variables, mixins, fonts, and other chunks of code that are reusable.

  • declaration should always be the first thing. The default charset to be used is UTF-8.
  • Variables, fonts, and then mixin declarations should then immediately follow.
  • If the file needs a reset or normalize, that should then follow next.
  • Comments should also be used to describe any other mixins that are not the standard , , , or
  • File extenions should only be used if the extension is not the default
// bad

// imports
@import"_mixins.styl"
@import"_fonts.styl"
@import"_variables.styl"
@import"_reset.styl"
@import"_tips.styl"

@charset "UTF-8"


// good
@charset "UTF-8"

@import"_variables"
@import"_fonts"
@import"_mixins"
@import"_reset"

// global tooltip styles
@import"_tips"

External File Functions

json(path)

Convert the JSON file at into Stylus variables or an object. Nested variable object keys are joined with a dash ().

For example, the following sample file:

May be used in the following ways:

use(path)

You can use any JS-plugin at given with function right inside your files, like this:

And the plugin in this case looks this way:

If you’d like to return any Stylus objects like , , or , you could use the provided Stylus nodes like this:

You can pass any options as an optional second argument, using a hash object:

Undefined Functions

Undefined functions are output as literals. So, for example,
we may call within our css, and it will
output as you would expect. We can use this within helpers as well.

In the example below we simply define the function which
returns the literal call.

Купить дешевый стилус для iPhone

Для рисования этот стилус тоже подходит, но не так хорошо, как предыдущий

Наконечник этого Стилуса выполнен с кантом из силикона для более точного позиционирования

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

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

Виды сенсорных экранов

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

Резистивные экраны

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

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

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

Ёмкостные экраны

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

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

Проверить, каким экраном оснащён мобильный девайс легко. Для этого достаточно провести по дисплею, например, карандашом. Если реакции не последовало – экран ёмкостный.

Что выбрать и как не спутать?

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

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

На сегодняшний день я считаю, что индукционная технология имеет преимущество над активной емкостной. В первом приближении в этом каждый может убедиться сам — просто зайдите в магазин и порисуйте какое-то время на любом Samsung Galaxy Tab S и, скажем, на Huawei MediaPad M5 lite, или даже на Apple iPad Pro. Стремительно пишите от руки, набросайте быстрыми штрихами какую-нибудь блок-схему, или что вы обычно рисуете

Обращайте внимание на то, будут ли пропущены штрихи или фрагменты линий. Этот простой тест все покажет

Однако мы не покупаем технологию перового ввода саму по себе, только в составе устройства. Чтобы получить в наших краях индукционное перо, придется выбирать между Samsung на Android и Samsung на Android. Иначе придется или везти серяком из США Samsung Galaxy Book Flex, или заморачиваться с еще более редкой и, в основном, дорогой экзотикой. Поэтому этот выбор преимущественно доступен для тех, кто готов заменить свой рабочий компьютер на Samsung Galaxy Tab S-серии, ну или использовать планшет Samsung как второй ПК.

Если вы признаете только один рабочий компьютер, и он должен быть на Windows, то ваш выбор между активными емкостными стилусами, совместимыми с MPP или Wacom AES. Убедитесь, что ваш ноут или трансформер поддерживает перовой ввод, попробуйте узнать, какой именно, и тогда уже, вооружившись этим знанием, подбирайте совместимый стилус. Имейте в виду, что различные комбинации устройств могут работать по-разному, как в худшую, так и в лучшую сторону от той, которая рекомендована производителем.

Наконец, для тех, кто склоняется к Chrome OS, могут быть доступны Wacom AES или USI. Легче всего распознать последнюю — о ней сейчас много говорят и даже рисуют логотип консорциума на устройствах и стилусах. О качестве работы этого решения эксперты как раз сейчас составляют свое мнение, впрочем, то, что оно будет дешевле других — несомненно.

  • Обзор Samsung Galaxy Buds Pro – TWS-наушники с уникальными функциями и парой компромиссов
  • Raspberry Pi в домашней экосистеме: Возможности и примеры (часть 1)

Partial Reference

anywhere in a selector, where can be a number, represents a partial reference.

Partial reference works similar to the parent reference, but while parent reference contains the whole selector, partial selectors contain only the first merged levels of the nested selectors, so you could access those nesting levels individually.

The would give you the selector from the first level, the would give you the rendered selector from the second level and so on:

would be rendered as

Negative values are counting from the end, so ^ would give you the last selector from the chain before :

would be rendered as

Negative values are especially helpful for usage inside mixins when you don’t know at what nesting level you’re calling it.

Note that partial reference contain the whole rendered chain of selectors until the given nesting level, not the “part” of the selector.

Ranges in partial references

anywhere in a selector, where both and can be numbers, represents a partial reference.

If you’d have a case when you’d need to get the raw part of the selector, or to get the range of parts programmatically, you could use ranges inside partial reference.

If the range would start from the positive value, the result won’t contain the selectors of the previous levels and you’d get the result as if the selectors of those levels were inserted at the root of the stylesheet with the combinators omitted:

would be rendered as

One number in the range would be the start index, the second — the end index. Note that the order of those numbers won’t matter as the selectors would always render from the first levels to the last, so would be equal to the .

When both numbers are equal, the result would be just one raw level of a selector, so you could replace in a previous example to , and it would be equal to the same last one raw selector, but would be more reliable if used inside mixins.

Стилус с ручкой для iPhone

Стилус 2 в 1 — как вам такое?

С одной стороны у него стилус, а с другой шариковая ручка

Для любителей всего универсального у меня есть вот такой стилус. Это решение 2 в 1, которое совмещает в себе и обычную стержневую ручку, которая пишет синей пастой, и ёмкостный стилус. Ручка – с одной стороны, стилус – с другой. При всей странности этого сетапа практическая польза от него выше, чем от классических решений. Ну, подумайте сами: носить с собой обычный стилус – то ещё удовольствие. Даже если он маленький, это ещё одна дополнительная штука.

Ручка со встроенным стилусом – это другое дело. Многие люди постоянно носят с собой ручку: что-то подписать или чисто для солидности. Но необходимость оставить автограф зачастую возникает не только на бумаге, но и на документах, представленных в электронном формате. Я сам периодически расписываюсь на документах на iPhone или iPad и отправляю их по почте. Но делать это пальцем не очень-то удобно. Для этой роли куда комфортнее использовать стилус.

Какие бывают стилусы

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

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

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

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

Можно ли наоборот? Резистивным стилусом «тыкаем» в емкостной экран… В ответ – тишина, ноль реакции. И наоборот, прикосновение емкостным стилусом к резистивному экрану не даст ответной реакции. А если нажать? Аккуратнее, пожалуйста, не нужно повреждать экран! Вряд ли что-то даст прикосновение к экрану несоответствующим стилусом. Что уж говорить про специальный экран: к нему нужен только специальный стилус.

Пассивные и активные стилусы

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

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

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

Почему именно Stylus?

Ответ очень прост — он наиболее лаконичен.

Нет никаких лишних символов:

stylus

12
.main  margin 

css

123
.main {  margin: ;}

sass

12
.main  margin: 

scss

123
.main {  margin: ;}

less

123
.main {  margin: ;}

Наиболее привычно объявляются переменные:

stylus

1
var = 1rem

sass

1
$var: 1rem

scss

1
$var: 1rem;

less

1
@var: 1rem;

Так же Stylus поддерживает несколько видов синтаксиса в одном файле. Это конечно имеет свои особенности при использовании Emmet, но если держать код в едином стиле, то никаких проблем не будет.

Так что код из интернета можно копировать и он будет работать, только следите, чтобы отступы были одинаковыми во всем документе (неважно, 2 это пробела или таб идентичный 3 пробелам. Главное, чтобы они были везде одинаковыми)

Naming

Case

Use only lowercase. This applies to selectors, properties, and property values. Exceptions are for any strings inside css property values, such as .

// bad
UL
    color: #EEEEEE
    line-height: 1.5
    
    &:FIRST-CHILD
        padding-top: 20px


// good
ul
    color: #000
    line-height: 1.5
    
    &:first-child
        padding-top: 20px

IDs and Classes

Use meaningful or generic ID and class names. Instead of presentational or cryptic names, always use ID and class names that reflect the purpose of the element in question, or that are otherwise generic. Names that are specific and reflect the purpose of the element should be preferred as these are most understandable and the least likely to change. Generic names are simply a fallback for elements that have no particular or no meaning different from their siblings. They are typically needed as “helpers”. Using functional or generic names reduces the probability of unnecessary document or template changes.

// bad

// meaningless
#yee-1901

// presentational
.button-green, .clear


// good

// specific
.gallery, .login, .video 

// generic
.aux, .alt

Use ID and class names that are as short as possible but as long as necessary. Try to convey what an ID or class is about while being as brief as possible. Using ID and class names this way contributes to acceptable levels of understandability and code efficiency. Unless necessary, do not use element names in conjunction with IDs.

// bad

//too long
#navigation

// not descriptive enough
.atr


// good

#nav, .author

Delimiters

Separate words in ID and class names by a hyphen. Do not concatenate words and abbreviations in selectors by any characters (including none at all) other than hyphens, in order to improve understanding and scannability.

// bad

// not readble
#videoid

// camel instead of hypen
.errorMessage


// good

#video-id, .error-message

Чем китайский стилус расстроил

▹ Не поддерживается сила нажатия. Это фишку Apple Pencil китайцам скопировать не удалось. К счастью, она нужна далеко не всегда, многие дизайнеры, художники и создатели скетчей давно умеют обходиться без данной технологии. Есть сразу несколько техник, позволяющих в той или иной степени заменить такую фишку оригинального аксессуара.

▹ Верхний торец стилуса – это сенсорная кнопка выключения. Случайное касание “шляпки” выключает аксессуар, а понять это можно только при помощи синего диода. К счастью, включается он за секунду и не требует какого-либо процесса подключения, но кнопку можно было бы сделать физической.

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

▹ Узнать заряд стилуса невозможно. Так как аксессуар не требует подключения или сопряжения с планшетом, узнать уровень заряда батареи не представляется возможным. Примерно за час до полной разрядки сигнальный диод начнет мигать красным. Здесь спасает быстрая зарядка, которая за 10 минут дает несколько часов работы, но любителям рисовать на природе придется носить с собой внешний аккумулятор.

▹ Нет жеста постукивания по стилусу. Данная фишка второго поколения Apple Pencil тоже не реализована в китайском аналоге.

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

Делаем стилус из мокрой губки

Чуть более сложный, но также рабочий вариант — это сделать перо с наконечником из мокрой губки. Для этого вам понадобится:

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

Собрав по сусекам все необходимое, приготовьтесь к ювелирной работе.

  1. Отрежьте от губки небольшой кусочек размером с ноготь. Смочите его водой и оберните в целлофан — кусок пакета должен как минимум быть в три раза больше губки.
  2. Сделайте из фольги небольшую полоску длиной с основание стилуса.
  3. Губку в пакетике прикрепите к металлической полосе с помощью скотча таким образом, чтобы фольга и губка соприкасались. Пакет в данном случае нужен для того, чтобы влага из губки не испарялась.
  4. Приклейте фольгу к корпусу стилуса, используя скотч. Готово!