CodeRoll | Frontend

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 - генеративный способ создания цветовых шкал. Рекомендуйте наш канал, по возможности, друзьям. Всем успешной разработки! #Лучшее

Главные причины изучить NodeJS в 2020 году NodeJS — самая популярная технология в мире, особенно в Силиконовой долине. Это идеальный навык, чтобы открыть удивительные карьерные возможности для любого разработчика программного обеспечения. У каждого языка программирования есть свои преимущества, но что делает Node таким особенным? Особенности языка: - Приложения в реальном времени - Низкая кривая обучения - Производительность и масштабируемость - Поддержка NPM с богатыми модулями - Полезная единая кодовая база - Потоковая передача данных - Хорошо подходит для создания микросервисов - Сильная Корпоративная Поддержка Это отличный выбор для создания интерактивных игр, программ чата, инструментов для совместной работы, мгновенных сообщений и многого другого. #Node

Скидка 50% на любой курс от SkillBox по специальной ссылке. Спешите, осталось всего 2 дня! Какие курсы доступны: - Веб-разработчик PRO - Frontend-разработчик - Python-разработчик - Fullstack-разработчик - PHP-разработчик - Разработчик Игр на Unreal Engine 4 - и много других курсов! Таких больших скидок, да еще и на все курсы подряд, у Skillbox не было. Переходите по ссылке выбирайте подходящие и приступайте к обучению!

Moment.JS - облегченная библиотека JavaScript для анализа, проверки, управления и форматирования даты и времени. #JavaScript

Satisfying Button (Neumorphism) С виду это обычные не примечательные кнопки , но при наведении на них, они становятся захватывающими, анимационными и неоморфными! #html #css