CodeRoll | Frontend

Ungit решает все эти задачи с помощью интуитивно понятного графического интерфейса для управления Git-репозиториями. Он представляет ваш репозиторий как паутину коммитов и ветвей. Основные особенности: - Чистый и интуитивно понятный интерфейс для Git (что есть невероятно круто для освоения Git) - Работает на любой платформе с установленными Node.js и самим Git - Веб-ориентированный. Возможность запускать его в облаке. #Инструменты

The Icon of - коллекция из 1100+ отличных иконок, подходящих для любого проекта. Все иконки доступны в самых популярных форматах, включая оптимизированный веб-шрифт. #Графика

OmgoPass - библиотека может предоставить самое быстрое и минимальное (с точки зрения размера пакета) решение для генерации паролей. Особенности библиотеки: - Быстро: в 600 раз быстрее, чемpassword-generator - Маленький: 322 байта (минимизированный и сжатый с помощью gzip) - Безопасность: использует криптографически стойкий случайный API вместо Math.random - Нет зависимостей - Поддерживает Node.js #JavaScript

Любишь рисовать? Хочешь совместить своё хобби с перспективной и высокооплачиваемой профессией? Попробуй себя в создании компьютерной графики!  Участвуй в бесплатном онлайн-интенсиве от опытного 2D-художника. Регистрация займёт меньше минуты: ▶️ https://clc.am/wHz22w. ✔️ Ты узнаешь, как развиваться в профессии 2D-художника. ✔️ Прокачаешь навыки работы в Photoshop. ✔️ Создашь стилизованный концепт-арт котиков. ✔️ Задашь вопросы спикеру в прямом эфире. ✔️ Получишь возможность выиграть сертификат на 30 000 рублей для обучения в Skillbox. Занятия идеально подходят для начинающих — будет интересно, доступно и понятно. Присоединяйся!

Animation Library - это библиотека анимации на чистом CSS. Появление, исчезновение, поворот элементов. Просто подключите файл библиотеки и используйте тег в HTML. Пример кода: <div class="u--fadeIn" >...</div> #CSS #Animation

Фича 2. Свойство place-items в CSS Grid Свойство place-items позволяет центрировать элемент по горизонтали и по вертикали, обходясь при этом минимальным объёмом CSS-кода. Пример кода: .box{     display: grid;     place-items: center; } Свойство place-items представляет собой сокращение, используемое для настройки свойств justify-items и align-items. #Фичи #CSS

Бесплатный видео-курс "С нуля до первого сверстанного сайта". В данном курсе Вы узнаете что такое правильная верстка сайта и как делать верстку сайта без глубоких познаний. Во многих курсах по тому, как сделать верстку сайта есть одни и те же ошибки верстки сайтов из-за которых упускаются некоторые важные этапы верстки сайта. Конечно, есть разные виды верстки сайтов, но грамотная современная верстка сайта должна быть без глупых ошибок. Автор курса - Виталий Киренков. #Курсы

Идеи для проектов на JavaScript. Часть 1. 1. Часы Один из самых простых и базовых проектов, с которых можно начать, это обычные часы. Они должны показывать текущее время (часы и минуты, а возможно и секунды). 2. Форма с валидацией Реализуйте форму и проверку значений, которые вводятся в ее поля, например, email-адреса или телефонного номера. Для валидации используйте регулярные выражения. 3. Индикатор загрузки Например, это может быть анимированная полоска, вид которой обновляется каждые несколько миллисекунд. По мере загрузки индикатор может менять цвета. 4. Калькулятор для подсчета налогов Это приложение должно иметь поле, куда пользователь сможет ввести сумму своего дохода. Также в нем должна быть кнопка, при нажатии которой будет запускаться функция, подсчитывающая налоги. 5. Викторина Создайте программу, которая выводила бы набор вопросов с вариантами ответа. Вопросы должны выбираться рандомным образом из большего набора данных. #Статьи

🔥 Веб разработчики стоят 70к - 300к Порог вхождения в веб низкий, пространство для роста большое Senior WebDev тебя прокачает: -> фичи JS / CSS / PHP / SQL простым языком -> готовые решения для проектов -> тесты на проверку знаний Подписывайся - качай скиллы 👇

Themeor — новая библиотека для React разработчиков. На данный момент она еще находится в разработке, однако уже существующих компонентов достаточно для построения mid-tier проектов. В документации уже расписано взаимодействие с такими компонентами как Box, Font, Fit и Gap, которыми можно воспользоваться для построения полноценного UI. Компоненты по типу Line, Align и Icon помогают кастомизировать и упрощают работу с настройкой вашего UI на ваш вкус. #React

"Тёмный режим" или "тёмная тема" в последние пару лет является очень актуальной тенденцией в разработке мобильных приложений. В CSS спецификации есть медиа запрос prefers-color-scheme, который на данный момент поддерживается практически всеми популярными браузерами. Простой пример на CSS: /* Light mode */ @media (prefers-color-scheme: light) { html { background: white; color: black; } } /* Dark mode */ @media (prefers-color-scheme: dark) { html { background: black; color: white; } } Или же подключаем стили через HTML: <link rel="stylesheet" href="dark.css" media="(prefers-color-scheme: dark)"> <link rel="stylesheet" href="light.css" media="(prefers-color-scheme: no-preference), (prefers-color-scheme: light)"> #CSS

В телеге наконец-то появился канал, где собирают вопросы на логику с технических собеседований. 90% что при собеседовании в Яндекс или Гугл что-то из этого у вас спросят. Подписывайся на АйТи собес и прокачивай свой скилл собеседований.

Git How To — это интерактивный тур, который познакомит вас с основами Git. Тур создан с пониманием того, что лучшим способом научиться чему-нибудь — сделать это своими руками. #Инструменты

Landrick - это отличный HTML-шаблон для стартапа, коворкинга, облачного хостинга, езды на машине, классических saas, классических приложений, событий, бизнеса, приложений, образовательных курсов, личного портфолио, услуг. Landrick полностью обновлен до последней версии bootstrap v4.5. Он на 100% отзывчив и отлично смотрится на всех типах экранов и устройств. #Шаблоны

Открываем сентябрь полезными ивентами от Лектрума! 💪 2 сентября собираемся на воркшоп, на котором сверстаем ваш первый настоящий лендинг за 60 минут Что вы узнаете: ✅ Что такое тег и как их правильно применять ✅ Атрибуты тегов и их предназначение ✅ Как отображать на страничке текст и графику ✅ Что такое слои и как с ними работать ✅ Как при помощи стилей превратить обычную HTML-разметку в красивый лендинг ✅ Какие единицы измерения лучше использовать при вёрстке сайта ✅ Что лучше использовать при стилизации элемента — тег, класc или идентификатор Этот воркшоп для вас, если вы: 🤓 Хотите на практике понять, что такое вёрстка 🤓 Решили начать свой путь в IT с вёрстки 🤓 Планируете развиваться во фронтенде 🤓 Хотите пообщаться с экспертами и получить ответы на вопросы, которые возникают у новичков Нажимайте на кнопку ⬇️⬇️⬇️ для регистрации на ивент!

UIkit - это легкий и модульный интерфейсный фреймворк для разработки быстрых и мощных веб-интерфейсов. Основные особенности: - UIkit развивается на LESS & SASS. - Коллекция небольших, aдаптивных компонентов с использованием унифицированных и бесконфликтного соглашения об именовании. -  UIkit обеспечивает согласованную работу от телефонов и планшетов до десктопов. Ведь он основан на Mobile first подходе #html #css #framework

IT Барахолка - Первая в Telegram торговая платформа для Айтишников. Канал разыгрывает SSD-накопитель. Samsung 860 EVO MZ-76E250BW 250 GB Условие: подписка на каналы: @ITbarakholka @office_story Бот случайным образом определит 1 победителя 06.09.2020 в 18.00 по Москве #партнёрский_пост До конца розыгрыша осталось: 07 дн. 01:00 Участников: 278

🔥 Лучшее на канале за последнюю неделю 1) Lineicon - 1000+ векторных иконок бесплатно. 2) Web Developer Checklist - замечательное расширение для веб-разработчиков, которые хотят быть уверенными в том, что они следуют лучшим практикам. 3) React Hooks - Полный Курс от Владилена Минина. 4) Satisfying Button (Neumorphism) - кнопки с неоморфной анимацией. 5) Scale - генеративный способ создания цветовых шкал. Рекомендуйте наш канал, по возможности, друзьям. Всем успешной разработки! #Лучшее