Чекбоксы для сайтов — теория и примеры
Что такое чекбокс для сайта?
Разработчики интернет-проектов, веб-приложений и программ для ПК должны быть осведомлены о том, что такое чекбоксы. Однако обычные интернет-пользователи, не знающие нюансов программирования, далеко не всегда понимают значение данного термина. Стоит заметить, что в этом непонятном слове нет ничего необычного. Чекбоксы – это обычный элемент управления, применяемый в процессе разработки веб-форм.
Обыкновенная галочка
«Галочка» знакома любому человеку. Этот символ впервые встречается еще в школе. Обычно его используют для выбора правильного ответа в процессе прохождения тестирования или анкетирования.
Сегодня такие «галочки» используются и в интернете. Даже обычная процедура регистрации на любом интернет-портале не может обойтись без этого символа.
«Галочки» активно применяются и в интернет-торговле. При помощи чекбоксов пользователи, которые оформляют заказ, выбирают те товары, которые им необходимы. Чекбоксы также применяются в компьютерных играх, точнее – в процессе их инсталляции. Например, «установщик» может попросить пользователя выбрать необходимое ПО.
Применение чекбоксов в процессе веб-разработки
Веб-разработчики видят в чекбоксах не просто символ «галочки». Это обусловлено тем, что создание данного символа намного сложнее, чем клик по выбранному квадратику. Для разработки чекбоксов принято использовать язык разметки HTML. Для создания этого элемента нужно прописать следующий код:
<inputtype=”checkbox”>
Принцип работы
Чекбокс работает по очень простому принципу: отрицание или согласие. Если форма отмечена, веб-браузер получает данные и отправляет их на сервер для дальнейшей обработки. Если форма не отмечена, то и сервер не получит данных для последующей обработки.
Нужно заметить, что эти элементы имеют атрибут, принимающий значение value. Этот атрибут не является обязательным. Веб-разработчки также применяют атрибут, указывающий на отметку, которая была поставлена заранее (то есть по умолчанию). Данный атрибут называется checked. В переводе на русский язык он означает «отмечено».
Особенностью чекбокса является тот факт, что он предусматривает возможность выбора из множества доступных вариантов. При этом пользователь может поставить «галочки» во всех подходящих квадратиках. Эта особенность для разработчиков имеет архиважное значение, так как они должны предусмотреть разные имена для нескольких созданных чекбоксов.
Радиокнопки
Если перед веб-разработчиком стоит задача создания элемента, который позволяет выбрать лишь один вариант из большого количества представленных, то ему целесообразно воспользоваться радиокнопками. Некоторые разработчики называют такой элемент зависимыми чекбоксами.
Используя возможности HTML и JavaScript, разработчики могут создать флажок, нажатие на который позволит выделить все чекбоксы. Ввиду того, что такая функция противоречит принципу чекбоксов, она применяется крайне редко.
Чекбоксы могут иметь несколько атрибутов. Ранее говорилось об атрибуте checked. Также стоит сказать несколько слов об атрибуте name. Он необходим для присваивания чекбоксам различные имена.
Благодаря этому существует возможность идентификации каждого отдельного флажка. Для отправки данных на сервер также используется атрибут value.
В завершение следует заметить, что чекбоксы – это элементы, функционирующие в выбранном, невыбранном и неопределенном режимах.
Смотреть/скачать примеры чекбоксов
Скачать пример чекбокса для сайта
Скачать пример чекбокса для сайта
Скачать пример чекбокса для сайта
Скачать пример чекбокса для сайта
Скачать пример чекбокса для сайта
Скачать пример чекбокса для сайта
Теги:Чекбоксы — это что такое?
Разработчики веб-приложений, сайтов и десктопных программ должны знать, что собой представляют чекбоксы. Но пользователи, которые далеки от программирования, встречаясь с этим непонятным иностранным словом, довольно часто не понимают его значения. На самом же деле все довольно просто. Чекбоксы представляют собой простейший элемент управления при создании форм.
Чекбокс: обычная галочка
Наверняка каждый из нас встречался в жизни с таким символом, как галочка. Это обозначение должно быть нам знакомо, начиная еще со школьной скамьи. Этим знаком отмечают правильный вариант ответа при проведении тестирования. Также галочки используются при заполнении различных анкет. Сегодня, когда пользователи множество действий совершают через интернет, без галочек вообще никуда не деться. Даже простейшая процедура регистрации на каком-либо сайте требует отметить некоторые пункты. Сегодня как-никогда развита интернет-торговля. Пользователь при создании заказа может отметить только те пункты, которые интересуют егов особенности. Еще очень часто при установке компьютерных игр пользователю предлагается выбрать дополнительное программное обеспечение. В данном случае нужно будет тоже сделать выбор. Так вот, чекбоксы как раз и являются теми самыми галочками, которые используются на веб-страницах.
Использование чекбоксов при создании сайтов
Разработчики сайтов несколько шире видят данный элемент. Ведь создать его намного сложнее, чем просто кликнуть мышкой по квадратику. Разрабатываются сайты при помощи гипертекстового языка разметки. В профессиональной среде такой язык называют HTML. Чтобы создать в этом языке такую галочку необходимо написать определенный код. Как же на самом деле создаются чекбоксы? HTML представляет собой специализированный элемент, который является полем, наделенным типом «чекбокс». Пишется он следующим образом:
<inputtype=”checkbox”>
Чекбокс: принцип функционирования
Данный элемент работает по довольно простому принципу: либо отрицание, либо утверждение. Если в поле отмечена галочка, то браузер отправит переменную, которая отправит для обработки имя поля на сервер. Если же галочка не будет отмечена, то сервер ничего не получит. У данного элемента имеется атрибут, который имеет значение value. Данный атрибут является необязательным. Разработчики добавляют к тегу специальный атрибут, который указывает на галочку, поставленную по умолчанию. Называется этот атрибут checked, что в переводе с английского означает «отмечено».
Такие элементы, как чекбоксы, подразумевают не единичный выбор нескольких вариантов, а отметку всех подходящих. Это имеет важное значение для разработчика, поскольку если форма содержит несколько чекбоксов, то их имена должны отличаться друг от друга.
Зависимые чекбоксы
В том случае, если необходимо выбрать только один вариант из множества представленных, то можно использовать другие элементы, такие как радиокнопки. В некоторых случаях используется такой тип, как зависимые чекбоксы. Совместно с языком программирования JavaScriptHTML позволяет сделать один главный флажок, от которого будут зависеть все остальные. При нажатии на данный элемент может быть отмечено сразу несколько чекбоксов. Используется такое довольно редко, поскольку это противоречит правилу отметки галочек.Чекбоксы, как и другие теги в HTML, имеют свои признаки. Какими же они могут быть? Выше уже говорилось об атрибуте для предварительной отметки флажка checked. Поскольку в одной форме у чекбоксов должны быть разные имена, необходим атрибут name. Именно этот атрибут и идентифицирует каждый флажок по отдельности. Чтобы задать значение, которое будет отправлено на сервер, необходимо использовать атрибут value. Необходимо отметить, что чекбоксы представляют собой графические элементы управления, которые применяются преимущественно в различных формах. Работают они в трех режимах: выбранный, не выбранный и неопределенный.
Использование в таблицах
Такой элемент как «чекбокс» может использоваться не только в HTML при разработке веб-приложений и сайтов. Данный элемент также используется в программном обеспечении, например, в программах 1C. На предприятии имеется множество различных составляющих и при работе с документацией необходимо все это отмечать. Например, при помощи чекбокса можно отмечать список клиентов или перечень складских запасов. В каких еще программах может быть использован данный элемент? Всем известна программа Exel от компании Microsoft, которая зачастую используется в качестве альтернативы 1C. Здесь принцип работы данного флажка следующий: если галочка отмечена, то данный элемент возвращает истинное значение. Если галочка снята, то данный элемент возвращает ложное значение. Чтобы вставить чекбокс в документ, необходимо включить специальную вкладку для разработчика. Это можно сделать при помощи параметров, которые отличаются в каждой версии программы Exel.
Как же можно найти нужные настройки? Для этой цели всегда можно воспользоваться поисковой системой или справкой. Когда данная вкладка будет включена, то можно будет вставлять данный элемент, используя команду «Вставить» из пункта «Элементы управления». Тут необходимо обратить внимание на тот момент, что в меню также содержатся элементы ActiveX, которые расположены под необходимыми элементами формы. Здесь также имеются чекбоксы. В чем же заключается разница?Для использования элементов ActiveX необходим встроенный язык программирования VBA, которым владеют немногие. Обыкновенные флажки можно привязать сразу к определенной ячейке в документе. После того, как все чекбоксы в Exel будут проставлены, они станут отмеченными по умолчанию. Если кликнуть мышкой в любом месте документа, отметка будет снята. Чтобы выполнить обратное выделение, необходимо кликнуть по флажку правой кнопкой мыши. Левая кнопка снимает или устанавливает галочку.
чекбокс — Викисловарь
Морфологические и синтаксические свойства[править]
| падеж | ед. ч. | мн. ч. |
|---|---|---|
| Им. | чекбо́кс | чекбо́ксы |
| Р. | чекбо́кса | чекбо́ксов |
| Д. | чекбо́ксу | чекбо́ксам |
| В. | чекбо́кс | чекбо́ксы |
| Тв. | чекбо́ксом | чекбо́ксами |
| Пр. | чекбо́ксе | чекбо́ксах |
чек-бо́кс
Существительное, неодушевлённое, мужской род, 2-е склонение (тип склонения 1a по классификации А. А. Зализняка).
Корень: -чекбокс-.
Произношение[править]
- МФА: ед. ч. [t͡ɕɪɡˈboks], мн. ч. [t͡ɕɪɡˈboksɨ]
Семантические свойства[править]
Значение[править]
- информ. элемент графического пользовательского интерфейса, позволяющий пользователю управлять параметром с двумя состояниями, отображёнными в виде поля с галочкой или крестиком (☑ включено) или пустого поля (☐ выключено) ◆ При поиске объекта возможно использование чекбокса «Мерцание текущих элементов» для того, чтобы выделить найденный элемент. С. А. Иншаков, «Как правильно написать пошаговую инструкцию», 2004 г. // «Информационные технологии» (цитата из Национального корпуса русского языка, см. Список литературы)
Синонимы[править]
- флажок, галочка
Антонимы[править]
- текстовое поле (по признаку числа возможных значений параметра)
Гиперонимы[править]
- элемент управления, элемент интерфейса, виджет
Гипонимы[править]
- —
Родственные слова[править]
| Ближайшее родство | |
Этимология[править]
От англ. checkbox, от check ‘пометить галочкой’ + box ‘прямоугольник’.
Фразеологизмы и устойчивые сочетания[править]
Перевод[править]
Библиография[править]
Чекбоксы — это что такое?
Все разработчики сайтов, веб-приложений и десктопных программ знают, что такое чекбоксы. Но те люди, которые далеки от программирования, встречая такое непонятное иностранное слово, не понимают, о чем идет речь. На самом деле все очень просто. Чекбоксы – это одни из простейших элементов управления при создании форм.
Обычная галочка
Все люди встречались в жизни с такими символами, как галочка, начиная еще со школьной скамьи. При проведении тестирования нужно отмечать правильный вариант этим знаком. Затем при заполнении различных анкет. Ну а в нынешнее время, когда пользователи совершают через Интернет множество действий, без галочек вообще никуда. Даже простейшая регистрация на каком-либо сайте требует отметить некоторые пункты (увлечения, навыки).
Также сейчас развита интернет-торговля. При создании заказа пользователь отмечает интересующие его пункты. А еще часто при установке компьютерной игры предлагается выбрать дополнительное программное обеспечение. И тут тоже нужно сделать выбор. Так вот, чекбоксы – это те самые галочки, которые используются на веб-страницах.
В создании сайтов
Разработчики сайтов видят этот элемент несколько шире. Ведь создать сложнее, чем просто один раз кликнуть мышкой на квадратике и поставить галочку. Сайты разрабатываются при помощи гипертекстового языка разметки, который в профессиональной среде называют всего четырьмя буквами – HTML. И чтобы в нем создать галочку, необходимо написать определенный код.
Как же создаются чекбоксы? HTML имеет специализированный элемент (тег), который является полем, наделенным типом «чекбокс», который пишется следующим образом: <input type=”checkbox”>.
Принципы функционирования
Работает такой элемент по простейшему принципу: либо утверждение, либо отрицание. Если в поле отмечена галочка, то веб-браузер отправляет переменную, которая отправит имя поля на сервер для обработки, если же галочка не отмечена, то сервер ничего не получает. У элемента есть необязательный атрибут со значением value, но он является необязательным.
Иногда бывает так, что на странице некоторые галочки уже стоят отмеченными. Для этого разработчики добавляют к тегу специальный атрибут, который указывает на уже поставленную по умолчанию галочку. Это атрибут checked, то есть «отмечено».
Чекбоксы – это такие элементы, которые подразумевают не единичный выбор из нескольких вариантов, а отметку всех подходящих. Для разработчика это имеет значение, потому что если одна форма содержит несколько чекбоксов, их имена должны быть отличными друг от друга.
Зависимые чекбоксы
В случае, когда нужно выбирать лишь один вариант из множества, используются другие элементы – радиокнопки, а не флажки. Но иногда применяется такой тип, как зависимые чекбоксы. HTML совместно с языком программирования JavaScript позволяет сделать один главный флажок, от которого зависят другие. При нажатии на него могут быть отмечены сразу несколько чекбоксов. Такое используется редко, так как это несколько противоречит самому правилу отметки галочек.
Как и все теги в HTML, чекбоксы – это такие элементы, которые имеют свои признаки. Какими они бывают? Выше уже был упомянут атрибут для предварительной отметки флажка – checked. Так как в одной форме у чекбоксов должны быть различные имена, нужен атрибут name. Он как раз идентифицирует каждый отдельный флажок. Для того, чтобы задать значение, которое будет отправляться на сервер, используют атрибут value.
Стоит отметить, что чекбоксы – это графические элементы управления, которые используются преимущественно в формах. И работают они в тремх режимах: не выбранный, выбранный и неопределенный.
Применение в таблицах
Чекбокс применяется не только в HTML при разработке сайтов и веб-приложений. Такое программное обеспечение, как 1С, тоже использует данный элемент. Ведь на предприятии есть множество разных составляющих и при работе с документацией все это необходимо отмечать. К примеру, при помощи чекбокса можно отметить список складских запасов или клиентов, которым нужно отправить товар.
В каких еще программах применяется данный элемент? Excel – все знают эту программу для составления таблиц от компании Microsoft, которая часто является альтернативой 1С. Принцип работы флажка здесь таков: если галочка отмечена, то элемент возвращает истинное значение, если снята – ложное. Чтобы вставить чекбокс в документ, нужно включить специальную вкладку для разработчика. Делается это через параметры, которые в каждой версии Excel немного отличаются.
Как найти нужные настройки? Всегда есть справка или поисковая система. После того, как вкладка включена, можно вставлять элемент через команду «Вставить» пункта «Элементы управления». Здесь нужно обратить внимание на то, что это меню также содержит элементы ActiveX, расположенные под необходимыми элементами формы. Там тоже имеются чекбоксы. В чем между ними разница? Для использования элементов ActiveX нужен встроенный язык программирования VBA, который знают немногие. А обыкновенные флажки можно сразу привязать к определенной ячейке в документе.
После того, как чекбоксы в Excel будут вставлены, они по умолчанию становятся отмеченными. При нажатии мышью в любом месте документа отметка снимается. Для обратного выделения нужно кликнуть на флажок правой кнопкой мышки, так как левая кнопка снимает или устанавливает галочку.
При наведении курсора на флажок, зажатии и удерживании левой кнопки можно переместить элемент в любое место на документе. Также это удобно делать клавишами на клавиатуре. При наведении курсора на углы элемента можно растянуть его до большего размера или уменьшить. Специальные настройки позволяют оформить флажок, изменив его цвет, фон, рамку.
Вывод
Итак, как видно из вышесказанного, чекбоксы – это не сложный элемент графического интерфейса, а то, с чем все сталкиваются в повседневной жизни – обыкновенная галочка. Понятие немного отличается для программиста и рядового пользователя, но суть одинакова: это элемент управления, который дает возможность сделать множественный выбор при заполнении какой-либо формы. Важно не перепутать чекбоксы с радиокнопками, которые дают возможность выбрать лишь один пункт из множества.
Когда использовать чекбокс, а когда переключатель
Вы читаете перевод статьи Николая Бабича “UX Design: Checkbox and Toggle in Forms”. Над переводом работали Ольга Скулкина и Ринат Шайхутдинов. При поддержке iSpring.
iSpring — решение для запуска дистанционного обучения.
В процессе создания форм дизайнеру часто приходится решать, какой элемент интерфейса использовать для обозначения выбора. Конечно, у всех есть свои наработанные принципы. И тем не менее, есть несколько моментов, которые стоит учесть при подборе элемента выбора.
Интересуетесь свежими статьями по дизайну? Вступайте в группу на Facebook.
Наиболее распространенными элементами выбора являются чекбоксы, переключатели, радиокнопки и выпадающие списки. Каждый из них при правильном использовании работает просто отлично. В этой статье мы поговорим о чекбоксах и переключателях.
Чекбоксы
Мы используем чекбоксы, когда есть список опций, из которых пользователь может выбрать любое количество: хоть ни одной, хоть одну, хоть несколько. Иными словами, каждый чекбокс существует независимо от остальных чекбоксов в списке, а выбор одной опции не снимет флажок с остальных.
У чекбоксов есть лейблы (названия полей)
Переключатели
Элемент интерфейса “переключатель” символизирует настоящий переключатель, при помощи которого можно что-то выключить или включить.
Переключатель подразумевает два простых противоположных варианта
Обычно переключатели используются для обозначения действия (например, запуск или прекращение чего-то). Так, например, работает выключатель света:
Переключатели обычно работают по тому же принципу, как выключатели света
Практические методы использования чекбоксов и переключателей
Используйте стандартные визуальные представления
Чекбокс должен выглядеть как небольшой квадратик, в котором (если его выбирают) появляется небольшая галочка или крестик.
Элемент “чекбокс” в активном и неактивном состоянии. Источник изображения: Material Design
Переключатель должен выглядеть, как тумблер включения/выключения.
Элемент “переключатель” в активном и неактивном состоянии. Источник изображения: Material Design
Здорово, если момент взаимодействия будет сопровождаться понятным визуальным фидбэком. Небольшая анимация — важный штрих, который делает взаимодействие более эффективным. Это особенно важно на мобильных устройствах, где элементы управления должны казаться осязаемыми, хотя и находятся под слоем стекла.
iOS7/8 Кнопка-переключатель. Источник: Dribbble
Располагайте списки вертикально
Постарайтесь делать вертикальные списки, чтобы каждый пункт был в отдельной строке. Это справедливо как для переключателей, так и для чекбоксов. Если вы все-таки решили использовать горизонтальный лейаут, обратите внимание на расстояния между кнопками/чекбоксами и лейблами: должно быть понятно, к какой кнопке относится каждый лейбл. Ниже — пример плохой работы с расстояниями.
Сложно понять, какую кнопку нужно нажать, чтобы выбрать вариант “четыре”.
Текущее состояние переключателя нужно указывать не на нем, а за его пределами
При проектировании переключателей постарайтесь избежать путаницы с текущим состоянием. Для примера возьмем переключатель из iOS 6 и рассмотрим состояние ON с голубой заливкой.
Не сразу понятно: надпись ON — это текущее состояние или действие?
Как понять, переключатель сейчас в состоянии ON или его нужно передвинуть, чтобы перевести на ON? “ON” — это состояние (прилагательное) или действие (глагол)? Не ясно.
Не нужно путать пользователей: очень важно разграничить действие и состояние. А за счет подсветки текущего состояния дизайн можно сделать еще удобнее:
Цвет текста показывает текущее состояние (подсвечивается — значит включено)
Используйте в названиях полей утвердительные формулировки
Названия полей должны быть утвердительными и отражать действия, чтобы было понятно, что произойдет при выборе каждой опции. Избегайте отрицательных формулировок, типа “Не присылать мне рассылку” — в этом случае получается, что пользователь должен включить опцию, чтобы действие не происходило.
В чекбоксах всегда нужно использовать утвердительные команды, а не отрицательные, типа “не …”
Пусть чекбокс “включается” по клику на лейбл
У всех чекбоксов есть лейблы, но не у каждого есть тег <label>. Чекбоксы маленькие, и поэтому, согласно закону Фиттса, по ним бывает сложно попасть. Расширьте целевую зону — дайте возможность нажимать не только на чекбокс, но и на лейбл (или любой другой дополнительный текст).
Пусть пользователи нажимают хоть на чекбокс, хоть на его название.
Используйте чекбоксы для изменения настроек; не используйте для обозначения действия
Представим себе опцию, которая подразумевает только два возможных варианта. Что использовать в этом случае: переключатель или чекбокс? Основное отличие в том, что чекбокс означает статус, а переключатель — действие. Можете представить себе реальный выключатель — какое действие он выполняет в вашей ситуации? Если картинка сложилась, можете смело использовать для этой опции переключатель.
Посмотрите на пример ниже. Понятно, что переключатель сети Wi-Fi находится в положении “on”. А вот чекбокс немного смущает. Пользователю приходится думать, включен ли Wi-Fi или поставить галочку, чтобы включить его.
Для управления сервисами и системными компонентами (такими как Wi-Fi) используйте переключатели.
Обеспечьте обратную связь от взаимодействия с переключателем/чекбоксом
Вообще, когда пользователь взаимодействует с чекбоксами (например, заполняя какую-то форму), он не ждет мгновенной обратной связи. Изменения произойдут потом, когда он нажмет “сохранить” или “отправить”.
А вот с переключателями все наоборот. Когда пользователь двигает переключатель, он ожидает немедленных изменений. Мы привыкли к этому в реальной жизни: когда щелкаешь выключателем, сразу загорается свет.
Включение Wi-Fi в iOS
А чекбоксы отлично работают в ситуациях, когда нужно сделать несколько промежуточных шагов, чтобы изменения вступили в силу.
Используйте чекбокс, если изменения вступают в силу только после нажатия кнопки “Отправить” или “Далее”.
Заключение
Выбирая элементы интерфейса, будьте последовательны и предсказуемы. Следуйте стандартам дизайна — и вашим пользователям будет проще понять, как работает тот или иной элемент. В свою очередь, нарушение принципов дизайна делает интерфейс хрупким и непредсказуемым — словно что угодно может случиться без предупреждения.
Спасибо!
Подписывайтесь на UX Planet: Twitter | Facebook
Впервые опубликовано на babich.biz
Чекбокс Википедия
Примеры чекбоксов.Флажок, флаговая кнопка, чекбокс (от англ. check box), галочка — элемент графического пользовательского интерфейса, позволяющий пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ отключено. Во включённом состоянии внутри чекбокса отображается отметка (галочка (✓), или реже крестик(×)). По традиции флажок имеет квадратную форму. Рядом с флажком отображается его обозначение, обычно — подпись, реже — значок. Для увеличения площади активного элемента обычно одинаково реагирует на нажатие мышью как на сам флажок, так и на подпись к нему.
Поведение[ | ]
Многие рекомендации по построению интерфейсов советуют по возможности не использовать флажок для запуска каких-либо процессов. Однако состояние флажка может в реальном времени влиять на состояние других элементов, например, при установке флажка можно активировать недоступные ранее элементы управления.
Метафора флажка предполагает два взаимоисключающих состояния, однако флажок не всегда подходит в таких ситуациях. Флажок подходит, когда эти состояния воспринимаются как варианты «да — нет», если же они равнозначны (например, выбор между книжной и альбомной ориентацией листа при печати), флажок не подходит.
Большинство операционных систем позволяет устанавливать флажок в так называемое «третье состояние», однако его следует использовать как вариант «флажок установлен для некоторых элементов из списка». При этом нажатие на флажок переведёт все элементы списка в одно из двух состояний.
Реализации[ | ]
HTML[ | ]
В веб-формах для вывода чекбокса используется элемент HTML <input type="checkbox">.
Текстовый интерфейс[ | ]
При использовании расширенного текстового интерфейса пользователя флажок обозначался прямоугольными скобками [ ]. Во включенном состоянии между скобками ставилась буквы x, v, знак корня √ либо галочка — если реализация интерфейса позволяла использовать Юни.
Юни[ | ]
В Юние пустой и отмеченный чекбоксы представлены ами U+2610 (☐, ‘BALLOT BOX’), U+2611 (☑, ‘BALLOT BOX WITH CHECK’), и U+2612 (☒, ‘BALLOT BOX WITH X’).
Альтернативы[ | ]
В мобильных приложениях распространёна особая разновидность переключателя — так называемый тумблер (toggle switch)
Чекбокс или чек-бокс? — Говорим и пишем правильно — ЖЖ
? LiveJournal- Find more
- Communities
- RSS Reader
- Shop
- Help
- Login
- CREATE BLOG Join
- English
(en)
- English (en)
- Русский (ru)
- Українська (uk)
- Français (fr)
- Português (pt)
- español (es)
- Deutsch (de)
- Italiano (it)
- Беларуская (be)