 | BernardCrelt on Новый формат нетворкинга |
 | Андрей on Обещал Филу Ранжину написать с… |
 | GregoryGox on С днём рождения меня I guess |
 | Борис on Возьму на себя смелость посове… |
 | Павел Наконечный on Привет всем Сегодня я слегка п… |
MakeStories – бесплатный визуальный редактор AMP Stories. Он позволяет экспортировать истории в виде html/css файлов для загрузки на сайт по FTP или размещать напрямую в WordPress через специальный плагин.
Visual Stories – конструктор блогов, использующих Web Stories как основной формат контента. Вы можете использовать его на своём сайте (домене или поддомене) или на поддомене сайта visualstories.com
В качестве эксперимента Google пригласил воспользоваться платформой ряд партнёров, таких как CNN, The Washington Post, CoSMOPOLITAN и Mashable. Примеры сторис этих компаний на картинке ниже:
AMP Stories (теперь Web Stories with AMP) – новый веб формат доставки сторис контента, основанный на технологии AMP.
Сторис (истории) – формат контента, состоящий из набора вертикальных динамичных слайдов 9:16, проматываемых автоматически или вручную. Каждый слайд в сторис может содержать картинки, тексты, фоны, видео или аудио контент.
Подборка из 6 интересных, но редко используемых свойств CSS. Не факт, что их нужно использовать, но иногда можно блеснуть знаниями.
(More …)
Я придерживаюсь мнения, что учить фреймворки ради фреймворков – занятие крайне бессмысленное. Ведь если вы эксперт в своём вопросе, то всегда сможете найти работу. Но посмотреть статистику-то всё равно интересно.
Вы начали учить новый язык программирования и хотите проверить ваши знания? Я подготовил восемь классических задач для вас.
Пишите свои решения в комментарии. Понравились задачи? Подписывайтесь на меня в соцсетях и следите за новыми задачами.
Привет всем! Меня зовут Наконечный Павел, и я являюсь корреспондентом журнала "Системный Администратор.
По работе мне приходится мониторить интернет и соцсети, читать большой объем статей и материалов, а ссылки на лучшие из них я сохраняю в закладки, чтобы в дальнейшем использовать для написания собственных статей. Но зачем же им там пылиться, если я могу поделиться лучшими ссылками с теми, кому они будут интересны и полезны? То есть с вами. Поэтому представляю пятый выпуск веб дайджеста, в котором я подбираю самые интересные новости веб разработки за день.
Едет новый русский на мерине. Врезается в волгу. Выходит, значит, он разбираться. Из волги выходит мужичок в кепке
- Все, мужик, ты попал, реально попал. Ты кто ваще?
- Я мэр Лужков
- Говорю, и ты попал, и Лужки твои попали
На 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. Вчера Ruvds опубликовали на хабре статью 9 инструментов, повышающих продуктивность веб-разработчика. Не могу сказать, чтобы они открывали что-то радикально новое, но новичкам может быть полезно.
А Яндекс тем временем опубликовал нарезку видео с докладами с недавнего митапа UX.txt, смотреть плейлист на YouTube. Также UI/UX специалистам будет интересно над чем стоит работать в первую очередь: формула для расстановки приоритетов в дизайне интерфейсов — vc.ru
Яндекс также рассказал как устроено тестирование фронтенда в Яндекс.Маркете, и почему они отказываются от еженедельных релизов — снова Хабр.
А вы уверены, что знаете как правильно и красиво работать с Promises в JavaScript? Эта статья покажет интересный и эстетичный способ сборки цепочек из Promises — dev.to.
А вот тут мне подвернулась статейка про паттерн фабрики для фронтендеров – muy interesante — dev.to.
Ну и для развлечения – 10 бесплатных альтернатив Netflix — cnet.
И для ленивых, я собрал все материалы из статьи обычным списком ссылок.
Новости:
Умер Юрий Лужков
Гонка "суперприложений"
Hardskills:
Дизайн
Фронтенд
Развлечения:
Надеюсь, вам понравился дайджест. Оставайтесь с нами и подписывайтесь на новые выпуски по ссылкам ниже.
Привет всем! Меня зовут Наконечный Павел, и я являюсь корреспондентом журнала "Системный Администратор.
По работе мне приходится мониторить интернет и соцсети, читать большой объем статей и материалов, а ссылки на лучшие из них я сохраняю в закладки, чтобы в дальнейшем использовать для написания собственных статей. Но зачем же им там пылиться, если я могу поделиться лучшими ссылками с теми, кому они будут интересны и полезны? То есть с вами. Поэтому представляю четвертый выпуск веб дайджеста, в котором я подбираю самые интересные новости веб разработки за день.
Сегодня я попробую сделать дайджест в формате свободного рассказа, а не простого набора ссылок.
Написанный плохой код все же лучше, чем удивительный, но не существующий.
TMZ
Жители США впервые увидели электропикап Cybertruck от Илона Маска вживую в Лос-Анджелесе. Создатель съездил на нём в ресторан с друзьями — vc.ru. Но об Илоне Маске можно писать долго. Например, известный астрофизик Нил деГрассе Тайсон призвал Илона Маска перестать думать о киберпикапах и сосредоточиться на создании космического варп двигателя, прямо как в Star Trek — cnews. Но и конкуренты по автопрому не спят – Hyundai представил Sonata N-Line с очень необычным камуфляжным раскрасом. Не могу ничего сказать о характеристиках автомобиля, но выглядит она странно. Узнать больше можно на roadshow.
Пока американцы развивают свой автопром, в России гадают, сколько же времени нужно тасовать карты для достижения максимально случайного результата — читать на хабре. Шучу, конечно же. У нас тоже есть IT. Вон, например, Яндекс не только отчитался по Яндекс.Музыке, но и решил расширить свои офисные площади на башню "Око" в Москва Сити. Там он снимет 45 тыс. кв. м., а за аренду заплатит до 1.5 млрд руб. в год. Подробнее читайте на рбк.
Окей, а как там в Китае? А всё очень даже неплохо, я вам скажу. Даже у подсанкционной Huawei – со следующего года компания будет поставлять своё железо с предустановленной Harmony OS – их собственной разработкой. Однако это не коснется телефонов, которые продолжат использовать Android. Источник – cnet.
Кстати, с началом 2020 года изменятся пошлины для покупок из иностранных интернет магазинов. Все мы знаем, что основная цель закона – китайский AliExpress. И хабровчане уже написали подробный разбор того, с чем мы столкнёмся, когда решим заказать новый Xiaomi после новогодних праздников (старый утопили в шампанском)– хабр.
С новостями разобрались, давайте немножко прокачаем свои хард скиллс. Дизайнеры должны обрадоваться, узнав о новых фичах 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-й митап Гильдии дизайнеров — видеозапись митапа.
Привет всем! Меня зовут Наконечный Павел, и я являюсь корреспондентом журнала “Системный Администратор.
По работе мне приходится мониторить интернет и соцсети, читать большой объем статей и материалов, а ссылки на лучшие из них я сохраняю в закладки, чтобы в дальнейшем использовать для написания собственных статей. Но зачем же им там пылиться, если я могу поделиться лучшими ссылками с теми, кому они будут интересны и полезны? То есть с вами. Поэтому представляю третий выпуск веб дайджеста, в котором я подбираю самые интересные ссылки из веб разработки за день.
Привет всем! Меня зовут Наконечный Павел, и я являюсь корреспондентом журнала "Системный Администратор.
По работе мне приходится мониторить интернет и соцсети, читать большой объем статей и материалов, а ссылки на лучшие из них я сохраняю в закладки, чтобы в дальнейшем использовать для написания собственных статей. Но зачем же им там пылиться, если я могу поделиться лучшими ссылками с теми, кому они будут интересны и полезны? То есть с вами. Поэтому представляю второй выпуск веб дайджеста, в котором я подбираю самые интересные ссылки из веб разработки за день.
Самое важное: [EN] Automattic: 9 проектов ядра, запланированные для 2019 года — make.wordpress.org
Самое важное:
Сегодня я решил поэкспериментировать с новым форматом: ежедневным дайджестом Web разработки. Подборка свежих новостей и интересных статей, посвященных веб разработке, каждый день в 21:00.
Heroku – крупная облачная PaaS платформа, позволяющая разработчикам быстро и дешево развернуть свои проекты в действующем облаке. А начинающим программистам хватит и бесплатного тарифа, чтобы показать миру свои творения.
Но работа с Heroku может быть довольно запутанной и затруднительной для неопытного пользователя, поэтому мы и решили написать эту статью. Итак, обо всём по порядку.
Скачиваем и устанавливаем Heroku CLI – консольная утилита для деплоя на сервера Heroku.
Входим в аккаунт Heroku, вызвав из консоли команду
Любовь, and 
Валерий are discussing. heroku login
Это откроет в вашем браузере по умолчанию страницу, где вам будет предложено войти в аккаунт и подтвердить доступ для Heroku CLI.
Это можно сделать в web админке или же из консоли (из папки проекта), вызвав команду
heroku create [projectname]
Опциональный аргумент projectname – желаемое название проекта (должно быть уникальным для heroku), использующее маленькие латинские буквы и цифры. Если projectname не указан, то будет сгенерировано случайное название проекта.
В данном руководстве мы будем использовать BuildPack от zidizei.
Если кратко, BuildPack – набор инструкций как Heroku следует запускать ваш проект, на какой машине, а также какие приложения для этого необходимы. Команда Heroku официально поддерживает билдпаки для наиболее популярных стеков: NodeJS, Java, PHP и других. Так как TypeScript – надстройка над NodeJS, требующая отдельной компиляции, ему требуется отдельный билдпак.
Добавляем buildpack'и из консоли:
heroku buildpacks:set heroku/nodejs
heroku buildpacks:add zidizei/typescript
Деплой проекта на 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 занимает некоторое время.
Не так давно в рунете бытовало мнение, что шрифты с засечками непригодны для веб-сайтов. Однако с улучшением экранов, а в частности 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 будет неуместен в названии фэнтези-рпг.
Можно запомнить простое правило: чем проще, тем лучше. Причем это касается не только оформления, но и самого содержания — как правило, чем проще структура исходного текста (наличие разного рода выделений, заголовков и вставок), тем проще его оформить.
На конечный результат вашей работы влияют не сколько выбранный шрифт, сколько его размер, начертание (жирное или курсивное), расстояние между строчками (интерлиньяж), расстояние между буквами (трекинг и кернинг), отступы и поля, использование типографских символов (например, длинные тире и кавычки «елочки»), цвет, композиция, визуальная иерархия, изображения, горизонтальные разделители и многое другое. Поэтому не стоит тратить долгие часы на выбор идеального шрифта. Если текущий вариант читабелен и воспринимается читателем, то он вам подходит (исключением станет брендинг компаний, где, возможно, потребуется даже разработка собственного шрифта).
Таким образом, выбор между шрифтом с засечками и без остается за вами и зависит от множества маленьких факторов. Эта статья написана шрифтом с засечками, поскольку содержит много текста, а также содержит техническую информацию, которой свойственна серьезность. А какой текст пишете вы?
Задача: подключить сайт к платформе приема платежей Яндекс.Касса.
Для приема таких платежей необходимо использовать онлайн-кассу, поэтому параллельно была оформлена заявка на покупку и регистрацию этой кассы. Об этом вы можете почитать в этой статье.
Процесс подключения интернет-магазина к Яндекс.Кассе
- Идем на сайт Кассы (kassa.yandex.ru)
- Кликаем "Подключить кассу"
Нужно иметь аккаунт Yandex. После заполнения формы регистрации, нам создадут личный кабинет. Для подключения необходимо иметь юр. лицо или ИП.
- В личном кабинете заполняем анкету, выбираем технические настройки
Теперь следует определиться с интеграцией в интернет-магазин. Она зависит от CMS или платформы, используемой вами. Наш сайт был написан на OpenCart, поэтому мы могли купить модуль интеграции, но было решено не использовать данный вариант. Поэтому при помощи модуля FilterIt (о нём вы можете прочитать в этой статье) был добавлен способ оплаты через Яндекс.Кассу. Счёт на оплату покупателю выставляется вручную менеджером магазина.
После обработки заказа менеджер интернет-магазина создает в личном кабинете Яндекс.Кассы счет для покупателя. При подключении по Email-протоколу покупателю отправляется ссылка на данный счет любым возможным способом: e-mail, Whatsapp, Viber sms и тп. После выполнения оплаты в магазин на контактный e-mail приходит уведомление. Также эту оплату можно увидеть в Личном Кабинете Яндекс.Денег.
Деньги на расчетный счет магазина от Яндекс.Кассы поступают на следующий банковский день.
Размеры комиссий на текущий момент
- Заявка на подключение была оформлена в субботу.
- В понедельник данные внкеты были проверены сотрудниками Яндекс. Из ЛК распечатали заявление, поставили подпись и печать, отсканировали и повторно отправили в Яндекс.
- Также сотрудники Яндекса попросили указать ОГРНИП и ИНН нашей организации на сайте интернет-магазина.
- После выполнения всех требований в три часа дня понедельника все заработало.
Функционал кассы:
- Получать отчеты о транзакциях в реальном времени
- Смотреть настройки ваших магазинов
- Выставлять счета пользователям (в электронных письмах и сообщениях или по специальной ссылке), делать возвраты
- Скачивать акты об оказании услуг
Также вы можете сделать форму оплаты на своём сайте, что несколько упростит процесс оплаты клиентами. Для этого необходимо получить
shopidиscidиз Яндекс.Кассы.В нашем проекте форма будет реализована позднее. Но это не точно
P.S. Приём платежей из кошелька QIWI включится в течение 2–4 недель, из кошелька WebMoney — в течение 3–5 рабочих дней.
В предыдущей статье мы писали о том, что для подключения ЯНДЕКС.КАССЫ нужно иметь онлайн-кассу и мы параллельно с регистрацией Яндекс.КАССЫ занимались онлайн-кассой.
Задача: использование одной кассы и в розничном магазине, и при работе курьера, и при получении платежей on-line.
Есть несколько моделей онлайн-касс в которые встроен терминал для приема банковских карт по эквайрингу. Выбор пал на модель ККТ "aQsi-5Ф" с эквайрингом (ФН 1.1 15 мес.). Стоимость – 25700 рублей. На картинке цена без фискального накопителя (ФН).
Иные затраты:
После оплаты счетов на ККТ и услуги кассовый центр провел регистрацию в личном кабинете на сайте aQsi. Далее кассовый аппарат был подключен к оператору ОФД Такском (по ходу регистрации онлайн-кассы оператор был выбран другой: тариф оказался дешевле). Для регистрации кассы была использована имеющаяся у юр. лица интернет-магазина ЭЦП на usb-носителе. Это сильно упростило регистрацию на сайте налоговой.
Регистрация была выполнена за один день и уже к вечеру можно было пользоваться кассой в розничном магазине: можно было выбить чек при оплате заказа на сайте, или курьер мог с этой кассой поехать к заказчику и пробить чек на месте. Можно было создавать товары и заказы в самой кассе или в Личном Кабинете на сайте.
Но для подключения эквайринга еще было необходимо подписать договор с банком ВТБ. Заявка была отправлена из ЛК AQSI. Рассмотрение заявки банком займет 5-10 дней.
P.S. Касса работает на Android и использует стандартный разъем USB Type-C, поэтому проблем с покупкой проводов для зарядки больше не возникнет.
Валерий 18:33 on 17.08.2020 Permalink |
За предоставленную информацию благодарим
Екатерина 23:27 on 24.08.2020 Permalink |
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 |
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 |
Здравствуйте спасибо за информацию