CodeRoll | Frontend

Eleventy (11ty) - более простой генератор статических сайтов. Написано на JavaScript. Преобразует каталог шаблонов (разных типов) в HTML. Работает с HTML, Markdown, Liquid, Nunjucks, Handlebars, Mustache, EJS, Haml, Pug и шаблонными литералами JavaScript. #cms

cdnjs - бесплатная CDN с открытым исходным кодом, созданная для облегчения жизни разработчиков, обслуживающих более 12,5% всех веб-сайтов, работающих на Cloudflare. #полезное

Layzr.js - небольшая, быстрая и современная библиотека для отложенной загрузки изображений. Layzr был разработан с учетом современного рабочего процесса JavaScript. #javascript

В CSS существует множество единиц измерения. Обычно мы используем единицы размеров, но также есть единицы для углов — например, deg и turn, единицы времени — s и ms, единицы плотности экрана — например, dpi и dppx и другие. Здесь будут рассматриваться только единицы размеров, которыми мы пользуемся чаще всего. #статьи #css

Auto Close Tag - расширение для VS Code, которое упрощает разработку автоматически добавляя закрывающий тег HTML / XML. #расширения #vscode

Автор статьи рассказывает о том, как организовать поиск по веб-странице на JavaScript без каких-либо зависимостей. А мы - берем и пользуемся готовым решением! #javascript #статьи

Size Limit - это инструмент определения производительности для JavaScript. Он проверяет каждую фиксацию на CI, вычисляет реальный размер вашего JS для конечных пользователей и выдает ошибку, если размер превышает лимит. #javascript #инструменты

Gradien Stroke - реализация обводки с градиентом. Кажется ничего особенного, но уверен, мало кто знает как это делать. Забираем в коллекцию! #codepen #css

Яндекс вернёт деньги за курс каждому, кто устроится к ним разработчиком в течение 6 месяцев после окончания курса.  Подробные условия акции В курсе по алгоритмам вас ждут: – более 100 практических задач; – все необходимые разделы в теории; – помощь наставника; – код-ревью; – помощь с трудоустройством для тех, кому это интересно.  Решить несколько пробных задач можно в бесплатной части курса.

NodeGui - создавайте производительные, нативные, кроссплатформенные настольные приложения для Windows, macOS и Linux с помощью JavaScript и CSS. Виджеты NodeGui построены на Qt, который является зрелой платформой для настольных приложений. Виджеты очень легко настраиваются, как и в сети, но НЕ использует внутренний браузер. #javasript #css

Cirrus.CSS - полностью отзывчивая и всеобъемлющая структура SCSS с красивыми элементами управления и упрощенной структурой. Интегрируйте его с любым существующим дизайном или используйте его, чтобы начать свой следующий проект. #css

Какое решение подходит под ваш IT-проект? Что выбрать: PostgreSQL, ClickHouse, MongoDB, Elasticsearch или что-то ещё? Для того чтобы ответить на этот вопрос, в команде Yandex.Cloud создали интерактивный тест. С его помощью вы подберёте решение вашей задачи по работе с данными всего за несколько минут. Вы ответите на простые вопросы, например: что собираетесь хранить, нужны ли транзакции или горизонтальное масштабирование — и подходящее решение окажется в начале списка. Вы увидите, как в зависимости от вашего ответа меняется рекомендация. Для подготовки теста Yandex.Cloud проанализировали свой опыт (управляемые базы данных используют внутри сервисов Яндекса, команда создала ClickHouse и участвует в разработке других открытых проектов, например, PostgreSQL) и опыт своих пользователей. Подробнее о том, почему выбирают управляемые сервисы, можно прочитать в статье. 💡В июле есть возможность получить промокод на 5000 руб. для тестирования баз данных! Проходите тест и выбирайте своё решение →

PageMap - мини-карта для веб-страниц. Вы можете создать краткий вид сайта возле скролла. Библиотека похожа на карту как в IDE или редакторах кода. #javascript

Vectors - отличные бесплатные наборы иллюстраций для личного и коммерческого использования. #графика

26 июля пройдет онлайн-митап о хакатоне CRM Hack Российский ИТ-разработчик - Т1 Консалтинг готовится к запуску CRM нового поколения. Участникам хакатона нужно предложить MVP самостоятельных решений, которые в будущем смогут стать функциональными модулями системы. Призовой фонд хакатона 500 000 руб, прием заявок до 5 августа.  На митапе эксперты Т1 Консалтинг подробнее расскажут о функционале будущей CRM и технологической платформе, на которой будет строиться система.  Митап будет интересен как участникам, которые уже зарегистрировались на хакатон, так и тем, кто только думает об участии или слышит о CRM Hack впервые.  Для чего участвовать: узнать подробнее о задачах хакатона и задать вопросы по участию  📆 Регистрируйся и добавляй в календарь: crmhack.ru

Turbo CSS - это язык CSS более высокого уровня . Имена классов компилируются так же, как исходный код JavaScript. Служебные функции, такие как w in w-16 , действительно являются функциями, принимающими аргументы. CSS фактически создается путем вызова этих служебных функций и передачи им предоставленных аргументов. Turbo CSS использует ориентированный на мобильные устройства подход к адаптивному дизайну. Пример кода: <div class="t1 w-full flex flex-col w6:flex-row w6:flex-end-center p-16 bg-c-white">   <button class="t1 u1.btn u1.btn-m u1.btn-action-3 mb-8 w6:mb-0 w6:mr-8">Tertiary</button>   <button class="t1 u1.btn u1.btn-m u1.btn-action-2 mb-8 w6:mb-0 w6:mr-8">Secondary</button>   <button class="t1 u1.btn u1.btn-m u1.btn-action">Primary</button> </div> #css

Buefy — легковесная библиотека UI-компонентов для Vue, созданная на базе Bulma (CSS-фреймворк). Она комбинирует Bulma с Vue, помогая создавать прекрасно выглядящие приложения с минимальным количеством кода. #vue

SVGminify - этот инструмент удаляет ​​лишнюю информацию у файлов SVG, тем самым уменьшая размер ваших изображений. Редакторы векторной графики, такие как Adobe Illustrator или Inkscape, встраивают в экспортированный файл SVG много информации, которая не требуется для презентации. #инструменты

Расширение Visual Studio IntelliCode предоставляет возможности разработки с помощью искусственного интеллекта для разработчиков Python, TypeScript / JavaScript и Java в Visual Studio Code с аналитическими сведениями, основанными на понимании контекста кода в сочетании с машинным обучением. #vscode