Как стать автором
Обновить
20
0

Пользователь

Отправить сообщение

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

Уровень сложностиСредний
Время на прочтение9 мин
Количество просмотров5.4K

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

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

Читать далее
Всего голосов 5: ↑4 и ↓1+4
Комментарии8

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

Уровень сложностиСредний
Время на прочтение8 мин
Количество просмотров3.3K

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

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

Читать далее
Всего голосов 3: ↑3 и ↓0+3
Комментарии4

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

Время на прочтение8 мин
Количество просмотров288K

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

Читать далее
Всего голосов 32: ↑32 и ↓0+32
Комментарии42

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

Время на прочтение3 мин
Количество просмотров6K

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

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

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

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

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

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

Читать далее
Всего голосов 2: ↑1 и ↓10
Комментарии6

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

Время на прочтение19 мин
Количество просмотров78K


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

Введение


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

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

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

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

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

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

Время на прочтение12 мин
Количество просмотров20K

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

Читать далее
Всего голосов 11: ↑10 и ↓1+9
Комментарии9

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

Время на прочтение7 мин
Количество просмотров21K

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

Читать далее
Всего голосов 21: ↑20 и ↓1+22
Комментарии7

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

Время на прочтение4 мин
Количество просмотров43K

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

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

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

Читать далее
Всего голосов 23: ↑21 и ↓2+23
Комментарии18

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

Время на прочтение5 мин
Количество просмотров59K

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

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

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

Читать далее
Всего голосов 21: ↑21 и ↓0+21
Комментарии0

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

Время на прочтение7 мин
Количество просмотров53K


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

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

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

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

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

Генератор журналистских текстов создан в компании Narrative Science, которая ведёт разработки в области искусственного интеллекта.
Читать дальше →
Всего голосов 79: ↑66 и ↓13+53
Комментарии47

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

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

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

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

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

Читать дальше →
Всего голосов 474: ↑470 и ↓4+466
Комментарии180

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

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

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

Читать дальше →
Всего голосов 158: ↑148 и ↓10+138
Комментарии476

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

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

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

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

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

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

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

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

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

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

Десятка лучших гаджетов по версии Time...
Всего голосов 23: ↑18 и ↓5+13
Комментарии34

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

Информация

В рейтинге
5 914-я
Откуда
Москва и Московская обл., Россия
Дата рождения
Зарегистрирована
Активность