Updates from Август, 2020 Toggle Comment Threads | Keyboard Shortcuts

  • Павел Наконечный 14:25 on 01.08.2020 Permalink | Reply
    Tags:   

    Drag&Drop редактор AMP Stories – MakeStories 

    MakeStories – бесплатный визуальный редактор AMP Stories. Он позволяет экспортировать истории в виде html/css файлов для загрузки на сайт по FTP или размещать напрямую в WordPress через специальный плагин.

    (More …)

     
    • Валерий 18:33 on 17.08.2020 Permalink | Reply

      За предоставленную информацию благодарим

    • Екатерина 23:27 on 24.08.2020 Permalink | Reply

      How did you decide to use MakeStories? Our own development resources were tied to other projects, and we wanted to see if such a Story could be produced by someone without a programming background. We had already experimented with other multimedia story platforms, but the AMP Stories format seemed like it wasn’t too complicated to produce, which made MakeStories a quick winner.

      • Павел Наконечный 18:29 on 09.09.2020 Permalink | Reply

        Well. I guess MakeStories really work out as easy-to-use visual editor, but still they’re not as suitable for making a lot of similar-styled Stories (like big media would do) or doing them fast. That’s because one programmer with a decent CSS stylesheet would do styles more reusable as opposed to MakeStories.

    • Любовь 11:02 on 01.09.2020 Permalink | Reply

      Здравствуйте спасибо за информацию

  • Павел Наконечный 13:54 on 01.08.2020 Permalink | Reply
    Tags:   

    Как использовать Stories на своём домене – VisualStories 

    Visual Stories – конструктор блогов, использующих Web Stories как основной формат контента. Вы можете использовать его на своём сайте (домене или поддомене) или на поддомене сайта visualstories.com

    (More …)

     
    • Павел Наконечный 13:30 on 01.08.2020 Permalink | Reply
      Tags:   

      Кто уже использует AMP Stories 

      В качестве эксперимента Google пригласил воспользоваться платформой ряд партнёров, таких как CNN, The Washington Post, CoSMOPOLITAN и Mashable. Примеры сторис этих компаний на картинке ниже:

      (More …)

       
      • Павел Наконечный 13:14 on 01.08.2020 Permalink | Reply
        Tags:   

        Что такое AMP Stories 

        AMP Stories (теперь Web Stories with AMP) – новый веб формат доставки сторис контента, основанный на технологии AMP.

        Сторис (истории) – формат контента, состоящий из набора вертикальных динамичных слайдов 9:16, проматываемых автоматически или вручную. Каждый слайд в сторис может содержать картинки, тексты, фоны, видео или аудио контент.

        (More …)

         
        • Павел Наконечный 16:06 on 31.03.2020 Permalink | Reply  

          Пишем простой парсер JSON на Python 

           
          • Павел Наконечный 17:56 on 10.01.2020 Permalink | Reply  

            Коротко: 6 свойств CSS, которых вы не знаете 

            Подборка из 6 интересных, но редко используемых свойств CSS. Не факт, что их нужно использовать, но иногда можно блеснуть знаниями.
            (More …)

             
            • Павел Наконечный 16:03 on 10.01.2020 Permalink | Reply  

              Коротко: лучшие JavaScript фреймворки 2020 

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

              (More …)

               
              • Павел Наконечный 18:52 on 04.01.2020 Permalink | Reply  

                Восемь задач для нового языка программирования 

                Вы начали учить новый язык программирования и хотите проверить ваши знания? Я подготовил восемь классических задач для вас.

                Пишите свои решения в комментарии. Понравились задачи? Подписывайтесь на меня в соцсетях и следите за новыми задачами.

                 
                • Павел Наконечный 20:46 on 10.12.2019 Permalink | Reply
                  Tags:   

                  Web Digest #5 от 10.12.2019 

                  Привет всем! Меня зовут Наконечный Павел, и я являюсь корреспондентом журнала "Системный Администратор.

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

                  Те же ссылки без мишуры

                  Новости

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

                  • Все, мужик, ты попал, реально попал. Ты кто ваще?
                  • Я мэр Лужков
                  • Говорю, и ты попал, и Лужки твои попали

                На 84ом году жизни умер бывший мэр Москвы Юрий Лужков. Он возглавлял город с 1992 по 2010 год и стал одним из немногих современных российских политиков, давших свое имя целой эпохе – некролог на BBC Russia. О наследии Лужкова лучше пишет Forbes – 10 примет лужковской Москвы и фотогалерея "Что построил Юрий Лужков". Если же вам интереснее личность бывшего мэра – почитайте о правилах жизни Лужкова в Esquire.

                После недавнего ухода основатели Google Сергей Брин и Ларри Пейдж неожиданно приехали в Стэнфордский университет. Они навещали Джейкоба Ричи, который опубликовал фотографию в Твиттере. — Business insider.

                Все же помнят, как в 2015 году Microsoft купил компанию-разработчик Wunderlist, чтобы те написали им ToDo приложение (atavi)? Ну так вот, теперь они прикрывают Wunderlist. Иронично, правда? Читайте в Вестях

                Вечером 9 декабря 2019 года банк «Тинькофф» своё «суперприложение», которое объединит в себе сотни функций и «будет решать практически любые задачи человека в области финансов, досуга и лайфстайла». Почти сразу после релиза сайт "Тинькоффа" упал. Суперапп пока доступен только пользователям iOS 5.0 — Хабр

                В то же время представители Mail.ru Group оспорили первенство банка «Тинькофф». В пресс-службе заявили, что мобильное приложение «Вконтакте» обладает всеми признаками суперприложения — Ведомости.

                А в следующем году ВТБ запустит собственное суперприложение. Оно обойдется госбанку в 2,5 млрд рублей и может объединить «Магнит», «Яндекс», «Ростелеком», «Динамо», Burger King, «Почту России», РЖД, СОГАЗ и другие компании — РБК.

                Вы же помните, что со дня на день Роскомнадзор грозится заблокировать интернет? Пора обзаводиться vpn, а сравнительный обзор производительности различных сервисов читайте на Хабре.

                Hardskills

                Но хватит о новостях. Давайте поговорим о том, как прокачать свои hardskills. Вчера Ruvds опубликовали на хабре статью 9 инструментов, повышающих продуктивность веб-разработчика. Не могу сказать, чтобы они открывали что-то радикально новое, но новичкам может быть полезно.

                А Яндекс тем временем опубликовал нарезку видео с докладами с недавнего митапа UX.txt, смотреть плейлист на YouTube. Также UI/UX специалистам будет интересно над чем стоит работать в первую очередь: формула для расстановки приоритетов в дизайне интерфейсов — vc.ru

                Яндекс также рассказал как устроено тестирование фронтенда в Яндекс.Маркете, и почему они отказываются от еженедельных релизов — снова Хабр.

                А вы уверены, что знаете как правильно и красиво работать с Promises в JavaScript? Эта статья покажет интересный и эстетичный способ сборки цепочек из Promises — dev.to.

                А вот тут мне подвернулась статейка про паттерн фабрики для фронтендеров – muy interesante — dev.to.

                Ну и для развлечения – 10 бесплатных альтернатив Netflix — cnet.

                И для ленивых, я собрал все материалы из статьи обычным списком ссылок.

                Новости:
                Умер Юрий Лужков

                • Некролог Юрия Лужкова — BBC Russia
                • Десять примет лужковской Москвы — Forbes
                • фотогалерея "Что построил Юрий Лужков" — Forbes
                • Правилах жизни Юрия Лужкова — Esquire.
                • Сергей Брин и Ларри Пейдж вновь посетили Стэнфордский университет — Business insider.
                • Microsoft закрывает Wunderlist — Вестих. Он купил его в 2015 году – atavi

                Гонка "суперприложений"

                • "Тинькофф" выпустил "суперприложение" — Хабр
                • Представители Mail.ru Group оспорили первенство банка «Тинькофф» в создании суперприложения. — Ведомости.
                • В следующем году ВТБ запустит собственное суперприложение — РБК.
                • Сравнительный обзор производительности различных vpn-сервисов — Хабр.

                Hardskills:
                Дизайн

                • Девять инструментов, повышающих продуктивность веб-разработчика — Хабр
                • Доклады с митапа UX.txt — YouTube.
                • Формула для расстановки приоритетов в дизайне интерфейсов — vc.ru

                Фронтенд

                • Как устроено тестирование фронтенда в Яндекс.Маркете — Хабр.
                • Эстетичный способ сборки цепочек из Promises — dev.to.
                • Паттерн фабрики для фронтендеров – muy interesante — dev.to.

                Развлечения:

                • 10 бесплатных альтернатив Netflix — cnet.

                Надеюсь, вам понравился дайджест. Оставайтесь с нами и подписывайтесь на новые выпуски по ссылкам ниже.

                 
              • Павел Наконечный 20:43 on 09.12.2019 Permalink | Reply
                Tags:   

                Web Digest #4 от 09.12.2019 

                Привет всем! Меня зовут Наконечный Павел, и я являюсь корреспондентом журнала "Системный Администратор.

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

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

                Новости

                Написанный плохой код все же лучше, чем удивительный, но не существующий.

                TMZ

                Жители США впервые увидели электропикап Cybertruck от Илона Маска вживую в Лос-Анджелесе. Создатель съездил на нём в ресторан с друзьями — vc.ru. Но об Илоне Маске можно писать долго. Например, известный астрофизик Нил деГрассе Тайсон призвал Илона Маска перестать думать о киберпикапах и сосредоточиться на создании космического варп двигателя, прямо как в Star Trek — cnews. Но и конкуренты по автопрому не спят – Hyundai представил Sonata N-Line с очень необычным камуфляжным раскрасом. Не могу ничего сказать о характеристиках автомобиля, но выглядит она странно. Узнать больше можно на roadshow.

                Пока американцы развивают свой автопром, в России гадают, сколько же времени нужно тасовать карты для достижения максимально случайного результата — читать на хабре. Шучу, конечно же. У нас тоже есть IT. Вон, например, Яндекс не только отчитался по Яндекс.Музыке, но и решил расширить свои офисные площади на башню "Око" в Москва Сити. Там он снимет 45 тыс. кв. м., а за аренду заплатит до 1.5 млрд руб. в год. Подробнее читайте на рбк.

                Окей, а как там в Китае? А всё очень даже неплохо, я вам скажу. Даже у подсанкционной Huawei – со следующего года компания будет поставлять своё железо с предустановленной Harmony OS – их собственной разработкой. Однако это не коснется телефонов, которые продолжат использовать Android. Источник – cnet.

                Кстати, с началом 2020 года изменятся пошлины для покупок из иностранных интернет магазинов. Все мы знаем, что основная цель закона – китайский AliExpress. И хабровчане уже написали подробный разбор того, с чем мы столкнёмся, когда решим заказать новый Xiaomi после новогодних праздников (старый утопили в шампанском)– хабр.

                Hardskills

                С новостями разобрались, давайте немножко прокачаем свои хард скиллс. Дизайнеры должны обрадоваться, узнав о новых фичах Figma – функция Auto Layout. А ещё немного запоздало, но делюсь с вами ссылкой на огромный лонгрид по использованию цвета от Cloudflare.

                Программистам рекомендую прочитать статью про Domain Driven Design на dev.to. Ну а если вы к концу 2019 года не разобрались с CI/CD, то и для вас найдётся статейка (Питонистам особенно понравится) — dev.to. А может вам больше по душе функциональное программирование? Пожалуйста — хабр.

                Подборка мероприятий

                Посетители митапа гильдии дизайнеров

                ?11 ДЕКАБРЯ, СР

                React Moscow Meetup 5 | 19:00 – 22:00 | Москва, офис Газпромбанк

                ?12 ДЕКАБРЯ, ЧТ

                ?13 ДЕКАБРЯ, ПТ

                Lua Meetup | 18:30 – 21:30 | Москва, офис Mail.ru

                Прошедшие мероприятия

                Последняя конференции Web Standards Days в Минске – восемь докладов и панельная дискуссия. Плейлист с видео, а также программа и слайды

                8-й митап Гильдии дизайнеров — видеозапись митапа.

                 
                • Павел Наконечный 20:35 on 08.12.2019 Permalink | Reply
                  Tags:   

                  Web Digest #3 от 08.12.2019 

                  Привет всем! Меня зовут Наконечный Павел, и я являюсь корреспондентом журнала “Системный Администратор.

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

                  Новости

                  • Russian Court Rules Keyword Ads Generated by a Web Service Do Not Violate Trademark Rights — ipwatchdog
                  • Former Facebook employees are creating Cocoon, a social media network for your family — Quarz

                  wordpress

                  • Как найти все атрибуты блока (Gutenberg). — otshelnik-fm
                  • Использование CI/CD в WordPress-разработке и автоматическом создании демо-сайтов с WordPress. — Youtube
                  • 25 необходимых плагинов для работы с сетью WordPress – Multisite. — wpmudev
                  • Сколько установленных плагинов это слишком много? Плюс советы по поиску. — cssigniter

                  Frontend

                  • An Official Style Guide for Writing Redux Code — redux
                  • Angular 9 New Features: Ivy — techiediaries
                  • Build Your Own React — pomb.us
                  • Преимущества, недостатки и нюансы использования Prettier в большой кодовой базе — scottlogic.com
                  • Как оптимизировать фоновое видео: советы Дага Силларса — perfplanet.com

                  Backend

                  • Как стать full stack разработчиком, зная back-end. Пошаговая инструкция — techrocks
                  • Советы для начинающего Java-разработчика — techrocks
                  • SOLID — Principles of Object-Oriented Design — dev.to
                  • Awesome API tools — dev.to
                  • Technology stack for your blog in 2019 — dev.to

                  Webdesign

                  • Разбор интерфейсов сайта vc.ru — uxpub
                  • CSS Animations and Transitions — dev.to

                  Softskills

                  • «Обратной дороги нет». Как ИТ-компания переходит на четырёхдневку — techrocks
                  • Разработчики и компании про возраст и «титул сеньора» в ИТ — techrocks
                  • Как начать работу над уже существующим проектом — techrocks
                  • How To Get Any Job You Want – A Guide To Employability Skills — dev.to
                  • WakaTime — это трекер времени для программистов. — оф. сайт
                   
                  • Павел Наконечный 20:38 on 07.12.2019 Permalink | Reply
                    Tags:   

                    Web Digest #2 от 07.12.2019 

                    Привет всем! Меня зовут Наконечный Павел, и я являюсь корреспондентом журнала "Системный Администратор.

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

                    Новости

                    • Илон Маск выиграл суд по делу о клевете в отношении британского дайвера, которого бизнесмен назвал педофилом — Rusbase
                    • В Business Insider подсчитали стоимость всей недвижимости Илона Маска
                    • Сбербанк рассказал о трех самых популярных схемах кражи денег с карт — Rusbase
                    • Аналитик китайской компании Tianfeng International Securities предсказал, что в 2021 году появятся iPhone без разъема для зарядки — Rusbase
                    • Яндекс запустил народное голосование за ретроигры. Финалисты Retro Games Battle 2019 — Яндекс на Хабре
                    • Великобритания и США раскрыли группировку российских хакеров Evil Corp — Esquire
                    • [EN] Brave Passes 10 Million Monthly Active Users, and Sees 19% Growth since 1.0 Launch — brave.com
                    • [EN] Privacy Analysis of Tiktok’s App and Website — rufposten.de

                    WordPress

                    Самое важное: [EN] Automattic: 9 проектов ядра, запланированные для 2019 года — make.wordpress.org

                    • Оптимизация WooCommerce путём переноса заказов в отдельную таблицу — smbx
                    • Как создать уникальный сайт на WordPress при помощи блоков Gutenberg — smbx
                    • Скрываем любой блок для незарегистрированных на примере YouTube блока — smbx
                    • Использование CI/CD в WordPress-разработке и автоматическом создании демо-сайтов с WordPress — YouTube
                    • [EN] Создаем календарь с событиями с помощью JetEngine — YouTube

                    Frontend and Backend

                    Самое важное:

                    WebDesign и UI/UX

                    • Плагин для Chrome позволяющий вытягивать SVG из сайтов. Пригодится если понравятся какие-либо SVG иконки – Chrome WebStore
                    • [EN] Динамические темы на чистом CSS. Чем можно заменить препроцессорные функции работы с цветом – una.im
                    • [EN] The Long and Short of CSS Flexbox Container Properties — dev.to
                    • [EN] How I Moved a Step Closer to Clean CSS and How You Can Too (with the BEM Methodology) – dev.to
                    • [EN] The Accessibility Tree

                    Карьера и SoftSkills

                    • 5 отличных книг по программированию, редко попадающих в списки «Лучшие книги по программированию» — techrocks
                    • Три главных недостатка удаленной работы — Rusbase
                    • Практическое руководство по написанию хороших сообщений коммитов — techrocks
                    • Эксперты по маркетингу компании «Манго Телеком» назвали ошибки, которые малый бизнес чаще всего допускает в рекламе — Rusbase
                    • [EN] 34 most popular GitHub JS repositories in November 2019 — dev.to
                    • [EN] When Are You Ready to Freelance as a Front-End Developer? — dev.to
                     
                    • Павел Наконечный 20:14 on 06.12.2019 Permalink | Reply
                      Tags:   

                      Web Digest #1 от 06.11.2019 

                      Сегодня я решил поэкспериментировать с новым форматом: ежедневным дайджестом Web разработки. Подборка свежих новостей и интересных статей, посвященных веб разработке, каждый день в 21:00.

                      Новости

                      Frontend

                      Backend

                      SEO and Web design

                      Softskills, career and management

                       
                      • Павел Наконечный 16:11 on 03.12.2019 Permalink | Reply
                        Tags:   

                        5 причин почему стоит учить JavaScript 

                         
                        • Павел Наконечный 11:49 on 27.11.2019 Permalink | Reply  

                          Замыкания в JavaScript 

                           
                          • Павел Наконечный 11:49 on 21.10.2019 Permalink | Reply
                            Tags:   

                            Может нам переименовать JavaScript? 

                             
                            • Павел Наконечный 13:15 on 19.10.2019 Permalink | Reply  

                              Хостим TypeScript на Heroku: пошаговое руководство 

                              Вместо вступления

                              Heroku – крупная облачная PaaS платформа, позволяющая разработчикам быстро и дешево развернуть свои проекты в действующем облаке. А начинающим программистам хватит и бесплатного тарифа, чтобы показать миру свои творения.

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

                              Настройка Heroku CLI

                              Скачиваем и устанавливаем Heroku CLI – консольная утилита для деплоя на сервера Heroku.

                              Входим в аккаунт Heroku, вызвав из консоли команду

                              heroku login
                              

                              Это откроет в вашем браузере по умолчанию страницу, где вам будет предложено войти в аккаунт и подтвердить доступ для Heroku CLI.

                              Создаем проект

                              Это можно сделать в web админке или же из консоли (из папки проекта), вызвав команду

                              heroku create [projectname]
                              

                              Опциональный аргумент projectname – желаемое название проекта (должно быть уникальным для heroku), использующее маленькие латинские буквы и цифры. Если projectname не указан, то будет сгенерировано случайное название проекта.

                              Добавляем BuildPack

                              В данном руководстве мы будем использовать BuildPack от zidizei.

                              Если кратко, BuildPack – набор инструкций как Heroku следует запускать ваш проект, на какой машине, а также какие приложения для этого необходимы. Команда Heroku официально поддерживает билдпаки для наиболее популярных стеков: NodeJS, Java, PHP и других. Так как TypeScript – надстройка над NodeJS, требующая отдельной компиляции, ему требуется отдельный билдпак.

                              Добавляем buildpack'и из консоли:

                              heroku buildpacks:set heroku/nodejs
                              heroku buildpacks:add zidizei/typescript
                              

                              Подключаем git

                              Деплой проекта на Heroku осуществляется при помощи функционала git для работы с удалёнными репозиториями.

                              Если в вашем проекте ещё нет git репозитория, то создадим его, вызвав из папки с проектом команду

                              git init
                              

                              Теперь добавим удалённый git репозиторий heroku:

                              heroku git:remote -a smthone
                              

                              В дальнейшем для деплоя каждый раз будем вызывать команды:

                              git add .
                              git commit -am "make it better"
                              git push heroku master
                              

                              Вместо заключения

                              Вот так, за короткое время мы создали и разместили свой первый TypeScript проект на Heroku. В дальнейшем он будет доступен по адресу https://projectname.herokuapp.com, где projectname – название проекта, которое вы выбрали ранее. Бесплатные проекты выключаются после 30 минут простоя, при запросе после этого времени приложение будет автоматически запущено, но процесс компиляции TypeScript занимает некоторое время.

                               
                              • Павел Наконечный 13:16 on 26.08.2019 Permalink | Reply  

                                Когда использовать шрифт с засечками 

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

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

                                Немного теории

                                В 1878 году профессор Эмиль Джаваль (Emile Javal) из парижского университета установил, что взгляд при чтении не движется плавно вдоль линии текста, а совершает серию прыжков, которые он назвал саккадическими прыжками (Spencer, 1968, Rayner & Pollatsek, 1989). Засечки на знаках корректируют движение взгляда читателя, придавая ему горизонтальное направление, а отсутствие засечек способствует вертикальному направлению взгляда, т.е. перескакиванию между строками. (De Lange, 1993).

                                Более того, социальные исследования показали, что читатели предпочитают тексты, написанные шрифтом с засечками, называя их более разборчивыми (Tinker, 1963; Zachrisson, 1965).

                                Случаи использования

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

                                Если вы пользуетесь Windows, среди антикв хорошим выбором будет Georgia (такой шрифт используется на сайте The New York Times или в интерфейсах WordPress) или Garamond (классическая антиква, которая идет в комплекте с Microsoft Office). На Mac OS тоже есть Georgia, а также прекрасные Iowan Old Style (один из шрифтов в читалке iBooks), Charter (который хорошо подходит для печати в маленьком размере) и PT Serif (его можно бесплатно скачать для Windows).

                                Для скачиваемых веб-шрифтов можно использовать Bodoni, Playfair Display или Courier New.

                                Используйте шрифт без засечек для коротких текстов

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

                                Практические советы при выборе шрифта

                                Опирайтесь на контекст

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

                                Упрощайте

                                Можно запомнить простое правило: чем проще, тем лучше. Причем это касается не только оформления, но и самого содержания — как правило, чем проще структура исходного текста (наличие разного рода выделений, заголовков и вставок), тем проще его оформить.

                                Учитывайте другие факторы

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

                                Выводы

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

                                 
                                • Павел Наконечный 13:18 on 24.07.2019 Permalink | Reply
                                  Tags:   

                                  How-To: Яндекс.Касса для интернет-магазина 

                                  Задача: подключить сайт к платформе приема платежей Яндекс.Касса.

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

                                  Процесс подключения интернет-магазина к Яндекс.Кассе

                                  1. Идем на сайт Кассы (kassa.yandex.ru)
                                  2. Кликаем "Подключить кассу"

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

                                  1. В личном кабинете заполняем анкету, выбираем технические настройки

                                  Теперь следует определиться с интеграцией в интернет-магазин. Она зависит от CMS или платформы, используемой вами. Наш сайт был написан на OpenCart, поэтому мы могли купить модуль интеграции, но было решено не использовать данный вариант. Поэтому при помощи модуля FilterIt (о нём вы можете прочитать в этой статье) был добавлен способ оплаты через Яндекс.Кассу. Счёт на оплату покупателю выставляется вручную менеджером магазина.

                                  После обработки заказа менеджер интернет-магазина создает в личном кабинете Яндекс.Кассы счет для покупателя. При подключении по Email-протоколу покупателю отправляется ссылка на данный счет любым возможным способом: e-mail, Whatsapp, Viber sms и тп. После выполнения оплаты в магазин на контактный e-mail приходит уведомление. Также эту оплату можно увидеть в Личном Кабинете Яндекс.Денег.

                                  Деньги на расчетный счет магазина от Яндекс.Кассы поступают на следующий банковский день.


                                  Размеры комиссий на текущий момент

                                  • Заявка на подключение была оформлена в субботу.
                                  • В понедельник данные внкеты были проверены сотрудниками Яндекс. Из ЛК распечатали заявление, поставили подпись и печать, отсканировали и повторно отправили в Яндекс.
                                  • Также сотрудники Яндекса попросили указать ОГРНИП и ИНН нашей организации на сайте интернет-магазина.
                                  • После выполнения всех требований в три часа дня понедельника все заработало.

                                  Функционал кассы:

                                  • Получать отчеты о транзакциях в реальном времени
                                  • Смотреть настройки ваших магазинов
                                  • Выставлять счета пользователям (в электронных письмах и сообщениях или по специальной ссылке), делать возвраты
                                  • Скачивать акты об оказании услуг

                                  Также вы можете сделать форму оплаты на своём сайте, что несколько упростит процесс оплаты клиентами. Для этого необходимо получить shopid и scid из Яндекс.Кассы.

                                  В нашем проекте форма будет реализована позднее. Но это не точно

                                  P.S. Приём платежей из кошелька QIWI включится в течение 2–4 недель, из кошелька WebMoney — в течение 3–5 рабочих дней.

                                   
                                  • Павел Наконечный 13:17 on 24.07.2019 Permalink | Reply
                                    Tags:   

                                    How-To: Покупка Онлайн-кассы для бизнеса 

                                    В предыдущей статье мы писали о том, что для подключения ЯНДЕКС.КАССЫ нужно иметь онлайн-кассу и мы параллельно с регистрацией Яндекс.КАССЫ занимались онлайн-кассой.

                                    Задача: использование одной кассы и в розничном магазине, и при работе курьера, и при получении платежей on-line.

                                    Есть несколько моделей онлайн-касс в которые встроен терминал для приема банковских карт по эквайрингу. Выбор пал на модель ККТ "aQsi-5Ф" с эквайрингом (ФН 1.1 15 мес.). Стоимость – 25700 рублей. На картинке цена без фискального накопителя (ФН).

                                    Иные затраты:

                                    • Регистрация ККТ с получением карточки регистрации 2000 рублей.
                                    • Активация тарифа "Астрал.ОФД" (15 мес.) 2900 рублей.
                                    • Техническая поддержка ККТ ( до 30.09.19 г. ) 1500 рублей.

                                    После оплаты счетов на ККТ и услуги кассовый центр провел регистрацию в личном кабинете на сайте aQsi. Далее кассовый аппарат был подключен к оператору ОФД Такском (по ходу регистрации онлайн-кассы оператор был выбран другой: тариф оказался дешевле). Для регистрации кассы была использована имеющаяся у юр. лица интернет-магазина ЭЦП на usb-носителе. Это сильно упростило регистрацию на сайте налоговой.

                                    Регистрация была выполнена за один день и уже к вечеру можно было пользоваться кассой в розничном магазине: можно было выбить чек при оплате заказа на сайте, или курьер мог с этой кассой поехать к заказчику и пробить чек на месте. Можно было создавать товары и заказы в самой кассе или в Личном Кабинете на сайте.

                                    Но для подключения эквайринга еще было необходимо подписать договор с банком ВТБ. Заявка была отправлена из ЛК AQSI. Рассмотрение заявки банком займет 5-10 дней.

                                    P.S. Касса работает на Android и использует стандартный разъем USB Type-C, поэтому проблем с покупкой проводов для зарядки больше не возникнет.

                                     
                                    • c
                                      Compose new post
                                      j
                                      Next post/Next comment
                                      k
                                      Previous post/Previous comment
                                      r
                                      Reply
                                      e
                                      Edit
                                      o
                                      Show/Hide comments
                                      t
                                      Go to top
                                      l
                                      Go to login
                                      h
                                      Show/Hide help
                                      shift + esc
                                      Cancel