Где взять код со стикера литик

Listick.ru — сервис онлайн заметок

Уже достаточно долго мы занимаемся разработкой простого и понятного пользователям сервиса заметок. Но, как это обычно бывает, за внешней простотой стоит большая работа. В нашем случае это касается интерфейсов и javascript приложений. И, кажется, пришло время поделиться нашими идеями и узнать мнение профессионалов.

Под катом кратко про сервис и технологии.

Что такое Листик?

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

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

Заметки в Листике выглядят как цветные стикеры. Давайте здесь сделаем паузу, потому что наверняка в вашей памяти всплыл какой-нибудь пример отвратительной реализацией это идеи. Не торопитесь с выводами, вот лучше оцените скриншот:

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

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

Отдельно стоит отметить наше дополнение для Google Chrome, позволяющее в два клика делать заметку-скриншот с описанием и ссылкой на источник. Мы их называем скринки, от скриншот и линк. Традиционное видео с демонстрацией.

• Записывать телефоны и электронные адреса — как альтернатива бумажным стикерам.
• Сохранять интересные ссылки, чтобы прочитать их дома или на работе.
• Сохранять различную «быструю» информацию по работе, проектам и т.п.
• Для ведения списков дел.
• Из стикеров можно создавать интересные коллажи и делиться ими с друзьями, например, про подушку. Нашему дизайнеру нравится делать подборки материалов и показывать макеты клиентам.
• А еще в листике пишут идеи для книг, стихи и песни, обмениваются фотками и файлами!

Конечное же, у Листика есть тысяча и один конкурент. Самые часто вспоминаемые, пожалуй, Evernote и MS One Note. Но, к примеру, Evernote — это комбайн, пугающий людей. Даже мне пришлось собрать всю волю в кулак, чтобы разобраться. Мы же сконцентрировались на коротких текстовых заметках, добавив к ним самую малость и упаковав все в удобный интерфейс.

Что под капотом?

Серверная часть основана на Yii Framework. В ходе разработки у нас появились несколько удачных расширений, про одно из которых (yii-eauth) я уже писал статью. Остальные тоже планируем выкладывать на github.

Крутится все это на связке nginx + php-fpm + MariaDB. Там же установлен git-сервер, Sentry для отлова ошибок, smtp-сервер и другие полезности.

Для хостинга используем выделенный сервер у Hetzner (через FastVPS). Надо сказать, за несколько лет он нас не подводил ни разу (тьфу-тьфу-тьфу по дереву). Под сервис отведена одна небольшая виртуальная машина, которой пока хватает с запасом. В ближайшее время обдумываем возможность переноса пользовательских файлов в Azure Blob Storage.

На фронте использованы jQuery, jQuery.UI, Underscore, Backbone, Knockout, Knockback и другие библиотеки. Многие модули и плагины пишем сами, что-то берем готовое. Для стилей используем LESS и мини-фреймворк, полученный в результате отрезания от Twitter Bootstrap всего ненужного.

1. Большое количество «core» библиотек, что существенно увеличивает размер приложения и замедляет загрузку.
2. Сильная связанность кода между модулями, что затрудняет внедрение новых функций.

Думаем написать пост об ошибках, допущенных в данной архитектуре. Например, про минусы использования knockout и backbone в одном приложении. Сейчас уже на подходе серьезные изменения web-клиента, которые придут вслед за мобильной версией.

В мобильном web-приложении немалую роль играет скорость работы и объем загружаемых данных. Поэтому готовим к выходу web-приложение с полностью обновленной архитектурой. Новая архитектура основана на идеях, предложенных Николасом Закасом (1, 2), и воплощенных в проекте aurajs. Важно, что приложение теперь использует AMD (requirejs). Также мы полностью отказались от Knockout+Knockback в пользу системы представлений, частично заимствованной из Backbone.Marionette.

1. Мы разделили логику background скрипта на несколько небольших модулей: есть PortHandler для popup окна, для скрипта на Листике, для скрипта на других сайтах.
2. Используем knockoutjs как в popup окне, так и в скриптах на стороне сайтов. С манифестом второй версии подружились через classBindingProvider.
3. Для стилей все также LESS.
4. Подключение к API Листика осуществляется через Cross-document messaging (window.postMessage).

Если вас заинтересовало что-то определенное — пишите в комментариях, расскажем.

Будущее проекта

1. оформление заметок (выделение текста, свои цвета виджета);
2. напоминания для заметок с планировщиком дел, уведомлениями по email и смс;
3. поиск;
4. совместное редактирование;
5. простое рисование: стрелки, фигуры, подписи и т.п.;
6. рабочее поле с эффектом уменьшения и навигатором.

P.S. Онлайн заметки имеют как преимущества, так и недостатки. Любой желающий может опробовать сервис в действии и сделать собственные выводы. Мы верим, что у простых заметок есть своя аудитория и сервис будет востребован.

• javascript
• yii framework
• google chrome extension
• gtd
• онлайн сервис
• заметки

leafie_vk

Установите стикерпак leafie_vk для WhatsApp! Это набор из 30 статичных стикеров. Каждый из них имеет аналог в виде эмодзи, с помощью которых вы сможете выразить любые эмоции и чувства.

Установить Этот Пак

Версия для Telegram
Отсканируйте QR код, чтобы скачать стикеры на телефон

Стикеры в паке

Установить Этот Пак

Версия для Telegram

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

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

leafie_vk

Установите стикерпак leafie_vk для Telegram! Это набор из 48 статичных стикеров. Каждый из них имеет аналог в виде эмодзи, с помощью которых вы сможете выразить любые эмоции и чувства.

Cтикерпак включает в себя такие эмодзи: ☺️, ��, ��‍♀️, ❤️, ☹️, ��, ��, ��, ��, ��, ��, ��, ��, ��, ��, ��, ��, ��‍♂️, ��, ��, ��, ��, ��, ��, ��, ��, ��, ��, ☔️, ��, ��, ��, ☝️.

Версия для WhatsApp
☕️ КУПИТЬ НАМ КОФЕ
Отсканируйте QR код, чтобы установить стикеры на телефон

Стикеры в паке

Версия для WhatsApp
☕️ КУПИТЬ НАМ КОФЕ

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

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

Бумага для заметок, Стикеры, Боксы для бумаг

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

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

Бумага для заметок – это небольшой лист бумаги с клеевой полоской для удобства. В большинстве случаев бумага для заметок имеет желтый цвет. Но наш магазин полон необычных и не стандартных товаров. В ассортименте бумага для заметок белая простая не склеенная, белая склеенная, зеленая и оранжевая, цветная бумага для заметок. Стоимость бумаги зависит от ее количества в упаковке и ее размера. В нашем каталоге визуально в картинках размещен весь ассортимент с указанием размеров, производителя и количества листов. Размеры бумаги для заметок 60*60, 75*75, 80*80, 90*90, 105*148. В упаковках от 400 листов бумаги для заметок до 900 листов.

В каталоге нашего интернет магазина канцтоваров в Севастополе вы найдете разнообразное количество стикеров, на картинках отображены их разновидности, размеры, цвета, количество в упаковке. Этот товар пользуется спросом, поэтому всегда есть в наличии в наших магазинах канцтоваров в Севастополе и Симферополе. И так, какие же стикеры выберете вы? Желтые «Axent», неоновый зеленый «Office Point» 75*75 или стикер в четырех цветах «WorkMate»? А может быть неоновый голубой «DeVente» или неоновый фигурный стикер «Tukzar», или малиновый «DeVente»? Выбирать вам!

Кроме простых стикеров, в интернет магазине KanzLine, в наличии стикер-закладки. Стикер закладки простые, пластиковые, неоновые, стикер-закладки стрелки, неоновый микс в диспенсере.

И в завершении писания данного каталога хочется обратить ваше внимание на боксы для бумаг. Порядок и аккуратность – залог успешности! Разнообразие боксов для бумаг даст вам возможность выбрать бокс под интерьер вашего офиса, кабинета или помещения. Боксы для бумаг черные, серые, прозрачные, пластиковые и металлические. Размерами 9*9*9 и 9*9*5. Боксы для бумаг Sponsor и Стамм.

Не забывайте об акциях и спецпредложениях, которые размещены на главной странице нашего сайта канцтоваров в Крыму!

Каталог товаров

• Новый год
  • Новогодние украшения
  • Бумага для принтера 80 г/м2
  • Бумага для офисной техники
  • Блокноты, Записные книжки
  • Бумага для заметок, Стикеры, Боксы для бумаг
  • Брошюровка, Ламинирование
  • Визитницы, Подставки для визиток
  • Ежедневники, Алфавитники
  • Календари, Обложки для документов
  • Калькуляторы
  • Клей
  • Книги канцелярские
  • Кнопки, Скрепки, Булавки
  • Конверты, Бланки
  • Корректоры, Ластики
  • Ценники, Таблички
  • Маркеры
  • Папки, Файлы, Портфели для документов
  • Подставки, Лотки, Корзины, Канцелярские наборы
  • Резинки для денег, Брелки, Биндеры, Бейджи
  • Ручки
  • Товары для ручек и письма
  • Скотч, Стретч, Диспенсеры
  • Степлеры, Дыроколы
  • Флипчарт и аксессуары
  • Шило, Губки, Нитки
  • Штемпельная продукция
  • Альбомы для рисования, Альбомы для черчения
  • Ватман, Калька, Миллиметровка
  • Глобусы. Лупы, Карты
  • Циркули, Готовальни
  • Карандаши цветные, Фломастеры, Мел
  • Кисти и аксессуары для красок
  • Карандаши чернографитные
  • Краски, Гуашь
  • Обложки
  • Папки для тетрадей
  • Пеналы
  • Пластилин, Доски для пластилина
  • Подставки и закладки для книг
  • Линейки
  • Портфолио, Наборы для школьников
  • Ранцы, Сумки, Тубусы, Ланчбоксы
  • Ножи, Ножницы, Лезвия
  • Счетный материал, азбука, трафареты
  • Тетради, Дневники, Словари
  • Фартуки и папки для труда
  • Цветная бумага и картон
  • Точилки, Точилки механические
  • Активный отдых
  • Игрушки для девочек
  • Игрушки для мальчиков
  • Игрушки от 0 до 3 лет
  • Конструктор
  • Музыкальные инструменты
  • Мягкие игрушки
  • Настольные игры
  • Пляжный товар
  • Различные наборы творчества
  • Аксессуары для творчества
  • Детская посуда
  • Всё для праздника
  • Кондитерские изделия
  • Книги
  • Раскраски, Прописи
  • Фототовары
  • Батарейки и аккумуляторы
  • Аксессуары для компьютеров
  • Аксессуары для телефонов
  • Светотехника
  • Бытовая химия
  • Хозтовары