eCSStractor - замечательное расширение для VS Code, которое извлекает список селекторов из разметки (можно в БЭМ-представлении, с амперсандами в местах разделения элементов и модификаторов).

#расширения #vscode

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

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

Phosphor — коллекция из 558 бесплатных иконок в 6 начертаниях для интерфейсов, диаграмм, презентаций и многого другого.

#графика

Plyr — это красивый, простой и легко настраиваемый js плеер, который поддерживают все современные браузеры.

Особенности плеера:
- Поддерживает основные форматы HTML5 видео и аудио, а также YouTube и Vimeo.
- Поддерживает субтитры VTT и программ чтения с экрана.
- Имеет возможность изменять вид плеера и разметку.
- Использует правильные элементы: <input type="range"> - для звука, <progress> - для прогресса, <button> - для кнопок.
- Работает с любым размером экрана.
- Поддерживает hls.js, Shaka и dash.js потокового воспроизведения.
- Переключение воспроизведения, громкости, поиска и многое другое через стандартизированный API.
- Поддерживает собственный полноэкранный режим с резервным режимом "полного окна".
- Поддерживает управление клавиатурой.
- Поддерживает режим "картинка в картинке".
- Поддерживает нескольких дорожек субтитров.
- Поддерживает показ эскизов предварительного просмотра.

#javascript

Создание HTML5 игр с помощью Phaser 3 и JavaScript.

Курс от DoCode предназначен для всех желающих научиться создавать HTML5 игры с помощью Phaser 3 и улучшить свои навыки программирования на JаvaScript.

#курсы

ColorBox — полезный онлайн инструмент для создания цветовой палитры с поддержкой оттенков для темной темы.

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

VideoCall App UI - реализация ui для приложения онлайн видео-конференций с возможностью переключения между темной и светлой темой.

#html #css #javascript

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

Foundation является семантическим, читаемым, гибким и полностью настраиваемым.

#html #css

Ноябрьский рейтинг популярности языков программирования TIOBE ознаменовал важные перемены в первой тройке: Python стал вторым, сместив Java на третье место. Лидер — по прежнему C, причем по сравнению с предыдущим месяцем наблюдается незначительный рост популярности.

Топ 10 языков программирования:
1) C - 16.21%
2) Python - 12.12%
3) Java - 11.68%
4) C++ - 7.60%
5) C# - 4.67%
6) Visual Basic - 4.01%
7) JavaScript - 2.03%
8) PHP - 1.79%
9) R - 1.64%
10) SQL - 1.54%

#статьи

Генератор неонового текста для CSS и HTML

Есть функции копирования исходного кода, настройки свечения и использования иконок FontAwsome. А так же можете развернуть проект у себя на сервере.

#html #css

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

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

1) Plyr — красивый, простой и легко настраиваемый js плеер, который поддерживают все современные браузеры. 
2) Tarly - универсальный HTML-шаблон лендинга.
3) Курс по созданию HTML5 игр с помощью Phaser 3 и JavaScript.
4) Phosphor — коллекция из 558 бесплатных иконок в 6 начертаниях для интерфейсов
5) eCSStractor - замечательное расширение для VS Code, которое извлекает список селекторов из разметки

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

#Лучшее

Pygame — это модуль-обертка для мультимедийной библиотеки SDL. Simple DirectMedia Layer представляет собой кроссплатформенную библиотеку разработки, которая дает низкоуровневый доступ к: аудио, клавиатуре, мыши, джойстику, графическим аппаратным средствам через OpenGL и Direct3D.

Pygame портативен и запускается практически на всех платформах и операционных системах. Несмотря на то, что Pygame — это, в первую очередь, игровой движок, он вполне сгодится для простого воспроизведения mp3-файлов из Python-скриптов.

#Python

HTML DOM - крутая шпаргалка по JavaScript c подробным пояснением для тех, кто работает в основном c DOM частью на проекте.

#javascript

StackBlitz - это онлайн-среда разработки, в которой вы можете создавать проекты Angular, React, Vue, Svelte, которые сразу же становятся онлайн и доступны по ссылке… всего одним щелчком мыши.  Он автоматически заботится об установке зависимостей, компиляции, объединении и быстрой перезагрузке по мере ввода данных.

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

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

1) Python для начинающих: введение в Python.
2) Курс Adobe Premiere Pro CC - от начального до продвинутого.
3) Стек PERN. Создайте клон Yelp - Postgres, Express, React, Node.

#Курсы

Davur - HTML шаблон панели администратора для заказа еды в ресторане, кафе, интернет-магазинах . 

Комплектация: 
- HTML файлы,
- файлы jQuery и jаvascript,
- CSS и файлы Sass,
- документация.

#шаблоны

Шпаргалка по БЭМ. Классное объяснение как работать с CSS-препроцессорами и БЭМ. Список рекомендаций по неусложнению жизни себе и другим участникам проекта по вёрстке.

БЭМ (Блок, Элемент, Модификатор) — компонентный подход к веб-разработке. В его основе лежит принцип разделения интерфейса на независимые блоки. Он позволяет легко и быстро разрабатывать интерфейсы любой сложности и повторно использовать существующий код, избегая «Copy-Paste».

#html #css

Protractor — это сквозной тестовый фреймворк, написанный на Node.js для тестирования приложений на AngularJS и Angular. Он был создан на основе WebDriverJS и проверяет приложения подобно конечному пользователю, используя специальные драйвера и встроенные события.

#angular

Google Chrome начнет блокировать JavaScript-редирект по кликам на ссылки.

Атрибут target=«blank» дает команду браузеру открывать ссылку в новой вкладке при клике. У этого атрибута есть известная проблема безопасности, которая позволяет злоумышленникам использовать JavaScript для перенаправления на другой URL. По этому адресу могут находиться фишинговые страницы или те, которые автоматически загружают вредоносы.

Чтобы этого не происходило, в браузер Chrome включили атрибут ссылки HTML rel=«noopener», который не позволяет новой вкладке использовать JavaScript для перенаправления.

Функция уже включена в Chrome Canary и, как ожидается, войдет в Chrome 88 в январе 2021 года.

В 2018 году Apple уже внесла подобное изменение в Safari. Там обрабатываются все ссылки с target="_blank". Если эта функция включена, даже при отсутствии у сайта атрибута rel=«nooopener» в URL-адресах браузер все равно обработает их.

#статьи