CodinGame - набор игр для программистов. Изучите новые концепции, решая увлекательные задачи на 25+ языках, затрагивая все актуальные темы программирования.

За считанные часы откройте для себя новые языки, алгоритмы, созданных ведущими разработчиками.

#полезное

Подборка курсов с Udemy, на которые сейчас проходят акции и в ограниченный срок Вы можете их забрать себе и изучать в дальнейшем бесплатно!

1) Полный мастер-класс по графическому дизайну и монтажу видео
2) Разработка расширений Google Chrome для новичков [2021]
3) Python для начинающих
4) Глубокое погружение в блокчейн

#Курсы

target = "_blank" - по умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено атрибутом target тега <a>. В XHTML применение этого атрибута запрещено.

Как оказалось - это не очень безопасный атрибут и автор статьи рассказывает почему.

#статьи

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

#vue

Sinon.JS - это mock-библиотека для JavaScript, которую можно использовать с любым тестовым фреймворком. Она предоставляет функции для эмуляции и проверки требуемого поведения в JavaScript. В библиотеке представлено три вида тестирования с spy, stub и mock.

#javascript

MVP.css - минималистичная таблица стилей для HTML-элементов. Готовые стили CSS для элементов HTML. Ни имен классов, ни фреймворка для изучения.

#css #html

Многие разработчики по старинке пользуются конструкциями типа <div id="nav"> для обозначения навигации или других структурных элементов страницы. Тем временем в стандарте HTML есть несколько семантических тегов, которые рекомендуется использовать для разметки страниц вместо <div> и <span>

Почему семантика важна? Читайте подробно в данной статье.

#статьи

Компоненты Tailwind 2.0 UI.

Красивые компоненты пользовательского интерфейса, созданные с помощью Tailwind CSS.
Более 400 профессионально разработанных, полностью отзывчивых примеров компонентов, которые вы можете добавить в свои проекты Tailwind и настроить по своему усмотрению. 

Полностью интерактивные фрагменты кода, ориентированные на доступность, для React и Vue, а также HTML.

#html #vue #react

Amazing Tab Bar (Animated) - это не очередные вкладки! Это небольшой набор плавных анимаций для ваших табов. Забираем в коллекцию!

#codepen

CSS clip-path maker - простой онлайн-инструмент для обрезки картинок по заданному трафарету.

#инструменты

Tornis - представляет собой минималистичную библиотеку JavaScript, которая отслеживает состояние окна просмотра вашего браузера, позволяя вам реагировать, когда что-то меняется.

#javascript

🔥 Лучшее на канале за последнюю неделю

1) Amazing Tab Bar (Animated) - небольшой набор плавных анимаций для ваших табов. 
2) Компоненты Tailwind 2.0 UI.
3) MVP.css - минималистичная таблица стилей для HTML-элементов.
4) Все про семантическую разметку сайта.
5) Tornis - представляет собой минималистичную библиотеку JavaScript, которая отслеживает состояние окна просмотра вашего браузера.

Всем успешной разработки!

#Лучшее

Next.js - фреймворк React, который имеет гибридный статический и серверный рендеринг, поддержка TypeScript, интеллектуальное связывание, предварительная выборка маршрута и многое другое.

#react

Random Password Generator - реализация генератора случайно созданных паролей с красивой стилизацией. Забираем в коллекцию!

#codepen

Responsively - инструмент для одновременной проверки внешнего вида его сайта на разных устройствах. Имеет более 30 встроенных профилей, охватывающих все основные устройства.

#инструменты

404 Page - реализация страницы с 404 ошибкой(страница не найдена), которая содержит эффект параллакса. Забираем в коллекцию!

#codepen

Подборка ресурсов от нашего подписчика с бесплатными мокапами.

1) https://www.ls.graphics
2) https://smartmockups.com
3) http://mockuuups.studio
4) http://psdrepo.com
5) https://themockup.club
6) https://mockups-design.com
7) https://www.mockupworld.co
8) https://graphicburger.com

#графика

Pfpmaker -онлайн инструмент для быстрого создания аватарок. Измените цвета, фон и тени до совершенства. Фон удаляется автоматически.

#инструменты

Propeller.js - библиотека JavaScript для поворота элементов с помощью мыши или сенсорных жестов. 

Propeller использует композицию requestAnimationFrame и GPU для повышения производительности. Он также совместим с сенсорными устройствами. Есть поддержка jQuery.

#javascript #jquery

Vuesax — новый фреймворк UI-компонентов, созданный Vuejs для упрощения работы над проектами и придания им уникального и приятного стиля. Он был создан с нуля и спроектирован так, чтобы подходить самым разным разработчикам, как любителям фронтенда, так и бэкендерам, желающим без особых проблем создать интерфейс приложения для конечного пользователя.

#vue

🔥 Лучшее на канале за последнюю неделю

1) Random Password Generator - реализация генератора случайно созданных паролей с красивой стилизацией.
2) Подборка ресурсов с бесплатными мокапами.
3) Propeller.js - библиотека JavaScript для поворота элементов с помощью мыши или сенсорных жестов. 
4) Responsively - инструмент для одновременной проверки внешнего вида его сайта на разных устройства.

Всем успешной разработки!

#Лучшее