CodeRoll | Frontend

Woolly - сказочные рисованные иллюстрации. 75 иллюстраций в PNG и PSD. Создано нашей собственной командой дизайнеров. #графика

React Marathon — возможность выучить основы React.js за неделю и собрать свое веб-приложение. Короткие видеоуроки в Телеграме, задания и ревью кода от ментора. Запустите бота по ссылке, чтобы участвовать. #react

Всем привет! Кто знает, есть ли сервисы, которые проверяют в css дублирование селекторов?

DropzoneJS - это библиотека с открытым исходным кодом, которая обеспечивает загрузку файлов перетаскиванием с предварительным просмотром изображений. Не имеет зависимостей. #javascript

Живые и неживые коллекции в JavaScript. Найти несколько DOM-элементов и получить к ним доступ из JavaScript можно разными способами: querySelectorAll, getElementsByTagName, children и так далее. В итоге в каждом случае будет возвращена коллекция — сущность, которая похожа на массив объектов, но при этом им не является, на самом деле это набор DOM-элементов. Стоит учесть, что фактически разные методы возвращают разные коллекции. #статьи

Seolik - данный сервис будет полезен любому, у кого есть свой веб сайт. Благодаря этому инструменту анализа сайтов, вы сможете проверить все основные показатели, как своих сайтов, так и сайты ваших конкурентов. Анализ выполняется за 10-30 секунд. Для удобства навигации отчет разбит на категории, а так же есть возможность фильтровать данные прямо в отчете. #инструменты

DisplayJS - простая структура для создания амбициозного пользовательского интерфейса, не задумываясь о том, как все будет отображаться. Проще говоря, это фреймворк, который помогает эффективно отображать DOM. #javascript

TOAST UI Editor - редактор позволяет редактировать документы Markdown, используя текст или WYSIWYG, и имеет функции выделения синтаксиса, синхронизации прокрутки, просмотра в реальном времени и диаграмм. #typescript

AGIMA и «Нетология» подготовили онлайн-митап про важность UX-дизайна. Приглашаем всех 2 сентября в 18:00. Вот ссылка: https://netology.ru/free-lessons/issledovanie-dizajna#online_meetup. На митапе вы: — разберете, почему крутой дизайн начинается с UX, — узнаете, какие роли важны для создания дизайна, который понравится пользователю, — поймете, как работают основные инструменты и какие soft и hard skills нужны UX/UI-дизайнеру. На нашей виртуальной сцене выступят эксперты от Райффайзенбанк, JetStyle, Тинькофф и AGIMA. Еще раз: 2 сентября, 18:00. Регистрируйтесь уже сейчас.

Neumorphism.io - генератор кода CSS для популярного направления дизайна под названием Neumorphism / Soft UI. Это поможет дизайнерам и разработчикам поэкспериментировать с ним. Создан на React.js. Открытый исходный код, так что можете развернуть проект. #инстурменты

С ростом популярности мобильных телефонов и планшетов растёт и необходимость разработки компонентов веб-страниц, прокручивать которые удобно, пользуясь сенсорными экранами, и, в частности, жестами, известными как «свайпы». Одной из основных причин появления спецификации CSS Scroll Snap является обеспечение разработчиков удобными средствами для организации хорошо контролируемой прокрутки содержимого страниц. #статьи

Line Icons - созданные вручную бесплатные линейные иконки для современных пользовательских интерфейсов. Коллекция насчитывает более 5000 иконок. #иконки

Семантическая вёрстка — подход к разметке, который опирается не на внешний вид сайта, а на смысловое предназначение каждого блока и логическую структуру документа. Даже в этой статье есть заголовки разных уровней — это помогает читателю выстроить в голове структуру документа. Так и на странице сайта — только читатели будут немного другими. #статьи

TeamLead: как стать руководителем команды разработки. Ребята из AGIMA совместно с Rambler&Co подготовили для вас мощный митап. Это мероприятие для тех, кто чувствует в себе силы и мощь и разработчика, и управленца. На митапе спикеры поговорят о том, какие скиллы нужны, чтобы стать тимлидом, какие функции берет на себя тимлид, как правильно общаться с бизнесом и менеджерами и понимать продукт, а главное — как управлять командой и процессами. В программе вас ждут доклады от Rambler&Co, Skyeng и AGIMA. Когда: 24 августа 18:00 мск Как: онлайн Регистрация: https://clck.ru/WncD3

CSS Wand - онлайн-инструмент CSS с открытым исходным кодом, который ускоряет разработку и предоставляет небольшой интерфейс кнопок и прелоадеров. #css #html

React Query - библиотека, которая упрощает получение, кэширование, синхронизацию и обновление состояния сервера в ваших приложениях React и React Native, не затрагивая никаких «глобальных состояний». #react

Почему стоит использовать тег <picture> вместо <img> Использование изображений и анимаций в интерфейсах пользователя стало распространённой практикой в современных веб-приложениях. Хотя эти примеры современного дизайна делают упор на повышение удобства работы с приложениями, если изображения не адаптируются ко всем устройствам, то могут возникать проблемы. Выбор между тегами picture и img может показаться мелким решением, но сделав правильный выбор, вы сможете повысить и удобство для пользователя, и производительность. #статьи

Ionic Framework - набор инструментов мобильного пользовательского интерфейса с открытым исходным кодом для создания высококачественных кроссплатформенных нативных веб-приложений. #javascript

Автор: Эрик Хэнчетт, Бенджамин Листоун О книге: 2019 год, 304 страницы, Русский язык, 42.92Mb Vue.js – это популярная библиотека для создания пользовательских интерфейсов. В ней значительно переосмыслены реактивные идеи, впервые появившиеся в React.js. Книга «Vue.js в действии» рассказывает о создании быстрых и эластичных пользовательских интерфейсов для Интернета. Освоив ее, вы напишете полноценное приложение для интернет-магазина, где будут присутствовать списки товаров, админка, а также организован полноценный процесс онлайнового заказа. #книги

Присоединяйся к хакатону, решай задачи по улучшению цифровых сервисов для жителей малых и средних городов — выигрывай 150 тысяч рублей!  Участвуй в хакатоне, если ты:  — бэкенд или фронтенд-разработчик, — UI/UX-дизайнер,  — Data science-специалист,  — алгоритмист,  — AI-специалист.  Регистрируйся на онлайн-хакатон на сайте: atomhack.rosatom.city Прием заявок до 18 августа.  Организатор — «Русатом Инфраструктурные решения». При поддержке ведомственного проекта Минстроя России “Умный город” и АНО “Цифровая экономика”.