Pull to refresh
17
0
Send message

Настройка проекта AstroJS: VS Code, Prettier, ESlint, Stylelint, Tailwind CSS, PostCSS, минификация файлов

Level of difficulty Medium
Reading time 8 min
Views 3.9K

AstroJS изначально был движком для создания статичных сайтов. Теперь там есть работа с API, server-side рендеринг, гибридный режим сервера. Можно написать код сайта в Astro-файлах на обычном html + js, а можно подключить визуальный фреймворк на свой выбор: React, Preact, Vue, Solid, Svelte. Подключаем CMS или backend-as-a-service - вот уже замена именитым NextJS и NuxtJS.

Но перед активной фазой создания сайта давайте потратим 10 минут. Настройка проекта для работы в команде займет каких-то шагов 20...

Читать далее
Total votes 6: ↑5 and ↓1 +4
Comments 3

Как опубликовать Hugo сайт на Яндекс Облако?

Level of difficulty Medium
Reading time 8 min
Views 3.1K

Hugo позволяет легко и быстро получить красивый статический веб-сайт. Однако, веб-сайт бесполезен, если его никто не видит.

В этой статье, Я расскажу о том, как разместить свой собственный статический веб-сайт в российском сервисе - Яндекс Облако. И не просто разместить вручную, Я расскажу о том, как настроить автоматический CD пайплайн в GitHub, дабы каждое изменение, сделанное в проекте сайта, автоматически развёртывалось в сети Интернет.

Читать далее
Total votes 3: ↑3 and ↓0 +3
Comments 4

Создание telegram web apps и взаимодействие с ними в телеграм ботах

Reading time 8 min
Views 212K

В обновлении Bot API 6.0 телеграм-боты получили много новых функций. Из них для разработчиков самая примечательная - Telegram Web Apps (Веб-приложения внутри телеграм). С этим нововведением разработчики могут подключать к своим ботам web-приложения, которые открываются в дополнительном окне, что сильно расширяет инструментарий, а, следовательно и функционал ботов в телеграм.

Читать далее
Total votes 32: ↑32 and ↓0 +32
Comments 42

Парсинг контактов адресной книги Яндекс.почты в CSV на Python

Reading time 3 min
Views 5.5K

Как-то в процессе работы возник вопрос как на корпоративном домене в Яндексе выгрузить все контакты организации из адресной книги Яндекс.почты в файл .csv или .xls, чтобы было красиво и потом удобно работать с этими данными в MS Excel.

Оказывается, что стандартными средствами Яндекс.почты можно выгрузить только в Vcard формат, что мне совсем не подходит. Нужно потом его как-то конвертировать сторонними средствами. Такие попадались на просторах интернета, что совсем неудобно.

На помощь пришел Python.

C помощью библиотеки BeautifulSoup очень удобно и быстро парсить html и вынимать всю нужную нам информацию.

Проведя анализ исходного кода страницы и выведя особые закономерности в представлении на ней информации было решено “В бой!”.

Для парсинга нам понадобится Python 3, библиотека BeautifulSoup и браузер с инспектором кода.

Читать далее
Total votes 2: ↑1 and ↓1 0
Comments 6

React: лучшие практики

Reading time 19 min
Views 73K


Разрабатываете на React или просто интересуетесь данной технологией? Тогда добро пожаловать в мой новый проект — Тотальный React.

Введение


Я работаю с React уже 5 лет, однако, когда дело касается структуры приложения или его внешнего вида (дизайна), сложно назвать какие-то универсальные подходы.

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

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

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

Предлагаемые подходы не являются истинной в последней инстанции. Это всего лишь мое мнение. Существует много разных способов решения одной и той же задачи.
Читать дальше →
Total votes 13: ↑9 and ↓4 +5
Comments 6

Создание компонента Toggle

Reading time 12 min
Views 18K

В рамках серии материалов GUI Challange, в данной статье Адам Аргайл демонстрирует один из способов создания очень маленького, но трудоёмкого компонента переключателя toggle с учётом цветовой схемы и предпочтений пользователя.

Читать далее
Total votes 11: ↑10 and ↓1 +9
Comments 9

Автоматическая генерация лога изменений проекта с помощью GitLab

Reading time 7 min
Views 18K

В этой небольшой статье поговорим о том, что такое лог изменений проекта, зачем он нужен и как можно автоматизировать его генерацию с помощью GitLab.

Читать далее
Total votes 24: ↑23 and ↓1 +22
Comments 7

35 инструментов для веб-разработчика на каждый день

Reading time 4 min
Views 41K

Кроме редактора кода, терминала, браузера и гита веб-разработчики пользуются вагоном и маленькой тележкой маленьких инструментов, которые выполняют какую-то одну задачу, но могут пригодиться в ежедневной работе. Предлагаем вам нашу подборку — надеемся, что что-то пригодится, а по поводу чего-то вы и вовсе скажете «А что, так можно было?».

Краткое содержание: проверка кода по стандартам, проверка вёрстки и стилей, работа с кодом, работа с графикой (SVG, фавиконки, конвертеры и сжималки), работа с текстом (типографы и конвертеры всего во всё).

Дисклеймер: подборка не претендует на полноту, но в комментариях собираем другие полезные инструменты.

Читать далее
Total votes 27: ↑25 and ↓2 +23
Comments 18

Как создать бота ВКонтакте: гайд для старта на платформе

Reading time 5 min
Views 55K

Автоматизируем рутинные процессы с помощью платформы ботов VK — подборка материалов для разработчиков

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

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

Читать далее
Total votes 21: ↑21 and ↓0 +21
Comments 0

Как разговорить Марусю: FAQ по созданию скиллов для голосового ассистента

Reading time 7 min
Views 51K


Голосовые помощники как технология возникли благодаря развитию целого созвездия других технологий. И одним из таких голосовых помощников стала Маруся, относительно недавно созданная в Mail.ru Group. В её основе лежат последние разработки компании в области распознавания речи, машинного обучения и быстрой обработки крупных массивов данных. Маруся — это диалоговая платформа. Она способна взаимодействовать с человеком не только звуком, но и посредством изображений или текста. Есть много ситуаций, в которых она ответит не голосом, а изображением, текстом или ссылкой.

Маруся дебютировала еще в прошлом году, а первое устройство с этим ассистентом появилось в апреле 2020. Компания развивает его, делает умнее и наполняет библиотеку скиллов. В частности, ассистент стал лучше понимать пользователя, улучшился TTS. Кроме того, Маруся научилась управлять умным домом. В июне 2020 года Mail.ru Group открыла возможность создавать свои собственные скиллы. С тех пор протокол сильно прокачался и возможности ассистента намного выросли, а для разработчиков появился отладчик, где можно протестировать созданные скиллы.
Читать дальше →
Total votes 39: ↑26 and ↓13 +13
Comments 26

Если интересно, этот текст написан человеком

Reading time 4 min
Views 8.6K
«Висконсин явно вышел на победный путь, выигрывая 51-10 после третьей четверти матча. Команда увеличила своё преимущество, когда Рассел Вилсон нашёл пасом Якоба Петерсена, и тот совершил тачдаун после семиметрового рывка, сделав счёт 44-3».

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

Генератор журналистских текстов создан в компании Narrative Science, которая ведёт разработки в области искусственного интеллекта.
Читать дальше →
Total votes 79: ↑65.5 and ↓13.5 +52
Comments 47

Краткое введение в SIM-карты

Reading time 6 min
Views 221K
Когда на вопрос «кем вы работаете?» я отвечал «разработчиком ПО для SIM-карт», даже технически подкованные люди частенько удивлялись. Многие думают, что SIM-карта это «что-то типа флешки».

В этой статье я постараюсь кратко рассказать что такое SIM-карта (и смарт-карты в общем), зачем она нужна и что у нее внутри.

На самом деле SIM-карта — это частный случай контактной смарт-карты с микропроцессором. По сути, представляет из себя достаточно защищенный микрокомпьютер с CPU, ROM (опционально), RAM и NVRAM (которая выступает в качестве аналога жесткого диска в PC), с аппаратными генераторами случайных чисел и аппаратной реализацией крипто-алгоритмов.

В некотором приближении архитектуру микропроцессорной смарт-карты можно представить так:
Архитектура смарт-карты

Читать дальше →
Total votes 474: ↑470 and ↓4 +466
Comments 180

Запасаемся на зиму

Reading time 1 min
Views 22K
Книги — пища для мозгов программиста. А художественные — десерт. Хорошая книга — как вкусное блюдо, которое хочется дочитать растянув удовольствие, испробовать снова и снова. Но есть куча книг, которые мы еще не нюхали и, возможно, никогда не попробуем, потому что нам их не посоветовали несколько человек.

У каждого есть одна-две любимые книги, которые могут понравится другим, поделитесь пожалуйста, заразите. Думаю многим будет интересно поставить в очередь «к прочтению» несколько новых. Давайте устроим «дегустацию» книг в формате: одна книга — один комментарий. Чтобы другие могли добавить в избранное (и оценить, и обсудить) каждую книгу по отдельности.

Читать дальше →
Total votes 158: ↑148 and ↓10 +138
Comments 476

Публикация скриншотов (почти) одним кликом

Reading time 3 min
Views 1.2K
Иногда инструмент попадается под руку именно в тот момент, когда в нем возникает потребность. Примерно так 15 минут назад произошло с сервисом для быстрой публикации скриншотов scrnshots.com.

Время от времени возникает потребность передать собеседнику по чату или переписке то, что в данный момент находится у тебя на мониторе. Такая «фотография» обычно воспринимается легче, чем словесное объяснение, да и вообще, самый простой способ передать контекст рабочей среды — просто показать, о чем речь.

Как правило, для передачи скриншота требуется выполнить несложную, но нудную цепочку действий. Нажать Print Screen, открыть графический редактор, создать в нем новый документ, воткнуть в него скопированное изображение, обрезать (при необходимости) лишнее, сохранить в приемлемый для передачи по сети формат, зайти браузером какой-нибудь image hosting, нажать кнопку Browse, долго и скучно бродить по папкам, загрузить нужный файл и только после этого получить ссылку для копирования в чат или куда-то еще.

А почему бы не сократить эти действия до двух-трех, которые действительно требуют человеческого вмешательства? А именно, выделить фотографируемую область десктопа, нажать кнопку подтверждения публикации и получить готовый URL картинки.
Читать дальше →
Total votes 19: ↑15 and ↓4 +11
Comments 41

Генератор прелоадеров (индикаторов загрузки)

Reading time 1 min
Views 5K
Проблема: создать анимированный прелоадер с оригинальным дизайном и неоходимым цветовым решением.
Решение: есть специальный ресурс для генерации прелоадеров http://www.ajaxload.info/. Выбираем из списка тип индикатора загрузки (доступно более 20 вариантов). Далее — цвет бекграунда (можно сделать прозрачный прелоадер) и цвет самого индикатора. Жмем GENERATE. Смотрим. Если результат подходит — жмем DOWNLOAD и сохраняем полученный прелоадер.

О других полезных утилитах и приемах Вы можете почитать на блоге www.bontonweb.com
Total votes 17: ↑9 and ↓8 +1
Comments 9

Десятка лучших гаджетов 2007. Версия Time

Reading time 2 min
Views 1.6K
Конец года и начало следующего — самое жаркое время для составления разного рода хит-парадов и топ-листов. Производители в общем маркетинговом порыве бьются за внимание СМИ, дабы именно их продукты попали в списки самых-самых. Впрочем, зачастую многие ведущие журналы и онлайн-порталы полагаются в выборе устройств, событий, софта и пр. на свои собственные оценки. На прошлой неделе известнейший журнал Time отметился своим списком 10 лучших гаджетов 2007 года. Не берусь судить, насколько честно эта десятка составлена, но по большей части устройства в ней представлены и распределены по «местам» вполне адекватно.

Десятка лучших гаджетов по версии Time...
Total votes 23: ↑18 and ↓5 +13
Comments 34

Эффективный поиск по сайту. Постановка проблем — поиск решений.

Reading time 7 min
Views 3.8K
Это перепечатка статьи Ивана Никитина, которая в сентябре была опубликованна на нашем сайте Nomagic.ru. Данная статья содержит только постановку задачи и обсуждению возможных решений. Ссылки на статьи с описанием решения поставленной задачи c помощью LiveSearch API на ASP и PHP можно найти в конце статьи.



У любого современного сайта, на котором присутствуют более 5 – 10 страниц с контентом, должна быть поисковая система. Как бы хорошо мы не планировали навигационную панель, или каталог товаров/разделов сайта, все равно любые наши попытки интуитивно-понятной систематизации, в конечном итоге, будут непонятны 101-му пользователю сайта.
Читать дальше →
Total votes 11: ↑11 and ↓0 +11
Comments 15

Как пережить digg-эффект с wordpress

Reading time 3 min
Views 796
Поскольку вы добрались до этой страницы, я предполагаю, что ваш сайт расположен на публичном сервере и уже стал жертвой дигг-эффекта (или вы, по крайней мере, знаете, что это такое) – и теперь вам необходимо как-то разрешить эту проблему.

Конечно, хорошо размещать свои статьи на Дигге – так ваш голос наверняка будет услышан. Все идет хорошо, пока ваша статья не попадает на главную страницу Дигга. С этого момента вы уже не можете контролировать свой сайт, не можете открыть панель управления или получить доступ к своим файлам по FTP. Огромный трафик с Дигга просто завалит сервер, на котором расположен ваш сайт.
Если администратор сервера следит за ним, не сомневайтесь, что ваш аккаунт будет заблокирован. Если же администратор невнимателен, то ваш сайт все равно не выживет – сервер не в состоянии справиться с таким трафиком. У вас нет другого выхода, кроме как беспомощно смотреть и ждать, пока трафик не уменьшится до нормального уровня.
Читать дальше →
Total votes 35: ↑30 and ↓5 +25
Comments 41

Статья Стива Павлины «Как стать жаворонком»

Reading time 4 min
Views 2K
Хорошо вставать до рассвета, потому что такая привычка способствует здоровью, богатству и мудрости.
— Аристотель.

Рождаются ли ранними пташками или становятся? В моем случае — определенно второе. Когда мне было 20 с чем-то лет, я редко ложился до полуночи, и почти всегда любил поспать подольше. Обычно мои ежедневные дела начинались не утром, а ближе к полудню.

Но спустя некоторое время я заметил и уже не мог игнорировать сильную связь между достижением успеха и ранним подъемом, даже в своей собственной жизни. В тех редких случаях, когда я все-таки вставал рано, я замечал что моя продуктивность почти всегда была выше, причем не только утром, но и на протяжении всего дня. Кроме того, я ощущал себя гораздо бодрее. Поэтому, будучи активным в достижении своих целей, я решил обязательно стать жаворонком. Я быстро установил будильник на 5 часов…
Читать дальше →
Total votes 57: ↑50 and ↓7 +43
Comments 86

Планируем бюджет для веб-сайта

Reading time 4 min
Views 2.9K
Примечание: ниже перевод статьи «Setting a Web Design Budget», посвященной вопросам создания веб-сайтов с финансовой стороны.

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

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

Иногда небольшое изменение точки зрения на проблему способно существенно повлиять на результат.
Читать дальше →
Total votes 8: ↑6 and ↓2 +4
Comments 5

Information

Rating
Does not participate
Location
Москва и Московская обл., Россия
Date of birth
Registered
Activity