CodeRoll | Frontend

​​Как изучить основы HTML и CSS за 5 занятий HTML и CSS — служат основой каждого сайта, соцсети или интернет-магазина, которыми мы пользуемся каждый день. Знать их полезно не только веб-разработчикам, но и всем, кто работает с вебом — дизайнерам, контент-менеджерам, интернет-маркетологам и руководителям проектов. На бесплатном курсе Нетологии «Основы вёрстки сайта» вы выполните 16 практических заданий и научитесь самостоятельно вносить изменения в HTML-код, верстать с нуля текстовые блоки, менять внешний вид отдельных элементов сайта с помощью CSS, а также готовить контент для публикации на сайте. Зарегистрироваться: https://netolo.gy/hdM

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

Uxcel - изучите новые дизайнерские навыки, подтвердите свои знания и получите работу своей мечты с помощью интерактивной платформы онлайн-обучения. #полезное #дизайн

Persona Avatar Generator - онлайн инструмент, которые генерирует стильные аватарки с различными лицами. #инструменты

С 19 по 21 ноября пройдет онлайн-конкурс Digital Strawberry. Кого ищем: — Data science-специалисты — Backend-разработчики — Computer vision-специалисты Какая задача: Участникам предстоит разработать систему мониторинга состояния растений на основании размеченных изображений, на которых показан процесс роста и развития клубники. Какой приз: 10 команд будут бороться за призовой фонд в 1 500 000 рублей. Подать заявку можно на сайте

JavaScript code snippets (ES6) - это расширение содержит фрагменты кода для JavaScript в синтаксисе ES6 для редактора VS Code (поддерживает как JavaScript, так и TypeScript). Все фрагменты включают конечную точку с запятой. #расширения #vscode

Push - это самый быстрый способ начать работу с уведомлениями рабочего стола на Javascript. Довольно новое дополнение к официальная спецификация, API уведомлений позволяет работать в современных браузерах. #javascript

CSS Stats — инструмент для анализа и визуализации таблиц стилей. Все, что нужно сделать, это ввести адрес сайта и нажать Enter. Информация разделяется на логические секции, такие как количество цветов, шрифты, z-index, специфичность и т.д. Можно сделать скриншот для последующего сравнения. #инструменты

The Front-End Checklist - идеально подходит для современных веб-сайтов и разработчиков, которые не уверены какие использовать теги или селекторые для определенной задачи. #полезное

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

CSSnano - это современный модульный инструмент сжатия, написанный поверх PostCSS. экосистема, которая позволяет нам использовать множество мощных функций для компактного CSS соответствующим образом. #инструменты

Шпаргалка по Bootstrap. Интерактивный список классов Bootstrap с примером кода будет у Вас всегда перед глазами. Кто использует или только начинает использовать бутсрап, Велкам! #полезное

​​Ну что, попрактикуемся? За 4 дня сверстаем сервис доставки еды. Каждый день будешь писать код, задавать вопросы и получать обратную связь по своей работе. Подробная программа: ✅ День 1 — Создаем каркас HTML-страницы — Подключаем CSS-стили — Стилизуем шапку сайта ✅ День 2 — Информация о блюдах — Публикуем проект на Github — Привязываем домен ✅ День 3 — Интерактив на сайте — Выпадающие списки — JavaScript код для сайта ✅ День 4 — Правила для смартфонов и планшетов — Медиа-запросы, тестирование — Анимация на сайте Переходи по ссылке и получи приглашение: https://telegram.me/gloacademy_bot?start=616fb21193b461ec65219fef

Fatpickr - это легкая и мощная библиотека для выбора даты и времени. Расширяемый и не имеет каких либо зависимостей. Интерфейс минималистичен, но много тем. Богатые, открытые API и система событий делают его подходящим для любой среды. Доступны библиотеки для React, Angular, Vue, Ember и других. #typescript

Классные бэкендеры, мы вас ждём! 💥 Если вы middle/senior разработчик и пишете на С++/Java/Python/C#/Go/Kotlin — приходите и получите оффер от Яндекса за пару дней! Онлайн-встречи пройдут 13 и 14 ноября. Подробности и регистрация по ссылке.

IconSax - более 1000 качественный иконок пользовательского интерфейса в 6 разных стилях и разных форматах, которые однозначно дополнят и украсят Ваш проект. #иконки

Shortcuts - это централизованная онлайн-база данных с возможностью поиска горячих клавиш, которая помогает более 12 тыс. дизайнерам и разработчикам каждый месяц настроить м автоматизировать свой рабочий процесс. #полезное

Делать сайты не так сложно как кажется! Клиент просит добавить изюминку в свой сайт? Вам нужен интересный эффект при наведении на кнопку?  Или ваш код слишком большой и вы не знаете как его оптимизировать? На канале Полезная вЁрстка можно найти ответы на эти и многие другие вопросы. - готовый код, копируй и вставляй в свой проект - полезные сервисы, конец нудным поискам в Google - нужные расширения, улучшат работу твоего редактора и браузера - а также: инструменты, библиотеки, игры, книги и многое другое Каждый пост - готовая идея для твоего проекта. Подписывайтесь на канал и получайте новые идеи!

Minimal - это идеальный UI Kit для старта вашего проекта. Он обеспечивает чистую и понятную кодовую базу. UI-kit включает в себя: Material-UI v5-beta. 100% React hooks. Redux Toolkit & React Context API. Formik Form Hook. ESLint & Prettier. Example simple version for Next.js. React Form Validation Formik + Yup. Отлично подойдет для создания клиентских и административных панелей. #шаблоны

amCharts - библиотека диаграмм и карт JavaScript. Библиотеки изначально интегрируется с приложениями TypeScript, Angular, React, Vue и обычным JavaScript. И исходный код общедоступен. #javascript