CodeRoll | Frontend

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

Lodash - одна из самых популярных и полезных JavaScript библиотек. Она берёт на себя все хлопоты по работе со строками, массивами, объектами и прочим. На данный момент её рейтинг на GitHub составляет 45 000 звёзд. Полезные функции: - Итерация по строкам, объектам и массивам. - Создание композитных функций. - Управление значениями и их тестирование. #JavaScript

Наше сообщество по веб-разработке разрослось уже почти до 5000 человек. Хочу поблагодарить каждого из Вас, кто читает данный канал! У нас есть новости для Вас и все они хорошие) 1) Мы открыли дополнительно 2 канала. Плохой Хороший Программист - подготовка к собеседованию IT Входит в меня - IT юмор 2) Наш ламповый чат приближается к отметке в 200 человек, где уже решено много проблем при разработке. Спасибо всем активным! 3) С понедельника мы начинаем новый этап разработки. Хотим выпустить для Вас набор UI элементов (кнопки, бэйджы, прогрессбары, вкладки...), которые с легкостью можно интегрировать в свой проект. Единственное, надо придумать креативное название. Если есть идеи - пишите в чате. 4) Немного изменили название канала с CodeRoll | Веб-разработка на CodeRoll | Web & Design. Как оказалось, у нас многие интересуются не только разработкой, но и веб-дизайном.

Materialize - современный адаптивный фреймворк, который использует большое количество стилей, элементов, компонентов, анимации и, конечно, принципы Материального дизайна от Google. #HTML #CSS #JavaScript

Quickly — бесплатный онлайн инструмент для генерации совершенно разных векторных фигур. С возможностью экспорта в SVG для Вашего веб проекта. #Инструменты

Чек лист правильной верстки проекта. - Внешний вид и работоспособность сайта 1. Целостность верстки, соответствие техническому заданию. 2. Внешне сайт выглядит как макет.  3. Подключены необходимые шрифты. 4. Все интерактивные элементы работают в соответствии с техническим заданием: 5. Интерактивные элементы имеют состояния при наведении, клике и выделении (:hover, :active и :focus).  6. Кроссбраузерность. 7. Адаптивность верстки.  8. Оптимизация скорости загрузки страницы - Качество кода 1. Валидность. 2. Семантичность верстки.  3. Доступность.  4. Единообразие и аккуратность кода.  5. Сайт должен корректно работать при добавлении текстового контента.  6. Базовая работоспособность сайта должна сохраняться при выключенном javascript. #Статьи

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

Cursors CheatSheet Нашел для Вас классную шпаргалку с демонстрацией различного состояния курсора для веб-проекта. Все состояния курсора вынесены в отдельный CSS код. #CSS

Denzel. - HTML шаблон персональной страницы. Denzel. - креативный, элегантный и модный личный шаблон резюме / портфолио. Вы можете использовать его для многих веб-сайтов, особенно лучше всего использовать для личного портфолио и креативных сайтов агентства. Шаблон построен на Bootstrap 4. #Шаблоны

Numl – Альтернативный язык разметки и стилизации для веб. Numl это язык разметки, который объединяет в себе функции CSS-фреймворка, JS-фреймворка без композиции и Дизайн-системы, и предоставляет набор готовых элементов, каждый из которых имеет обширный набор свойств для кастомизации. Язык основывается на нативном браузерном API Custom Elements из спецификации Web Components, и совместим с популярными JS-фреймворками, такими как Vue, Svelte, Angular и React. Отличительной (и я бы даже сказал "уникальной") чертой Numl является то, что все стили для интерфейса он генерирует в runtime, что позволяет выжать максимум из CSS и добиться огромной гибкости в стилизации и кастомизации элементов. Возможно, в скором времени этот язык может стать стандартом при разработке веб-интерфесов, а пока можете с ним ознакомиться.

Базовый курс по Git. Базовый видео курс по Git от Devcolibri. Git — распределённая система управления версиями. Изначально проект был создан Линусом Торвальдсом для управления разработкой ядра Linux. Git поддерживает быстрое разделение и слияние версий, включает инструменты для визуализации и навигации по нелинейной истории разработки. Этот курс научит Вас быстро ориентироваться при работе с ветками, сделаете свой первый коммит, отмените его, посмотрите историю коммитов и узнаете многое другое. #Курсы

CSS Tooltip Magic - классная реализация всплывающих подсказок (tooltip) при наведении на элемент на чистом CSS c плавной анимацией появления и исчезновения. #CSS #HTML

C3.JS - библиотека диаграмм на основе D3, которая обеспечивает более глубокую интеграцию диаграмм в веб-приложения. C3 предоставляет различные API и обратные вызовы для доступа к состоянию диаграммы. Используя их, вы можете обновлять диаграмму даже после ее рендеринга. #JavaScript

🔥 Лучшее на канале за последнюю неделю 1) Griddy - онлайн инструмент для автоматического создания grid-сеток 2) Плавная прокрутка "Наверх" на чистом CSS. 2) BEM Cheat Sheet - инструмент призван помочь вам не потеряться в методологии БЭМ. 3) CSS Gradient Animator - онлайн инструмент для создания красивых анимированных градиентов 5) Неоновые анимированные кнопки.. Всем успешной разработки! #Лучшее

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

Bounce.js - это бесплатный и простой в использовании онлайн-инструмент, который поможет легко создавать CSS3-анимации, просто скопируйте и вставьте экспортированный код CSS в свой файл стилей. А еще, Вы сможете развернуть такой же инструмент на своем сервере. #Инструменты #JavaScript

CSS Gradient Animator - онлайн инструмент, который сэкономит время на создание красивых анимированных градиентов для Вашего проекта, при этом работать с ним можно через веб-форму. #Инструменты