📖 CSS для профи

Автор: Кит Грант
О книге: 2019 год, 496 страниц, Русский язык, 40.3Mb

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

#Книги

Range input - красивая реализация ползунков для ваших фильтров на чистом CSS.

#html #css

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

1) Полный учебный курс для веб-разработчиков FullStack PHP 2020.
2) Курс разработчика веб-сайтов на Wordpress.
3) Оптимизация Wordpress 2020.
4) Полный курс Photoshop CC - от начального до среднего уровня.

#Курсы

AMP (Accelerated Mobile Pages) — технология отображения страниц сайта для мобильных пользователей, которая обеспечивает максимальную скорость загрузки сайта.

AMP представляют собой радикально урезанные версии обычных веб-страниц. На ускоренных страницах остается основной контент. Большинство вспомогательных элементов, включая виджеты, формы комментирования, блоки рекомендованного контента, рекламные объявления, на ускоренных страницах отсутствует.

Ускоренные страницы состоят из HTML-разметки со специальными тегами и библиотеки JavaScript. Для создания AMP можно использовать ограниченный набор тегов и скриптов. Это уменьшает функциональность и внешнюю привлекательность страниц, но резко увеличивает скорость их загрузки. Также ускорению загрузки способствует предварительное кэширование.

Страницы с AMP ранжируются выше других запросов в поиске за счет того, что соответствуют требованиям к быстрой загрузке и адаптированы под мобильные устройства.

#Статьи

Moveable - интересная JS библиотека, которая позволяет перетаскивание, изменение размера, масштабирование, вращение, деформацию, группировку, привязку элементов.

#javascript

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

1) Книга CSS для профи.
2) Основные команды GIT для базового использования.
3) Чат для вашего сайта на NodeJS + WebSockets.
4) WebDataRocks – это крутая онлайн-таблица, которая используется в любых проектах без каких-либо затрат. 
5) Range input - красивая реализация ползунков для ваших фильтров на чистом CSS.

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

#Лучшее

RetireJS — это средство проверки зависимостей с открытым исходным кодом. Включает в себя различные компоненты, такие как сканер командной строки, плагин Grunt, расширения Firefox и Chrome, плагины Burp и OWASP ZAP. Retirejs собирает информацию об уязвимостях из NIST NVD и других источников, таких как системы отслеживания ошибок, блоги и списки рассылки.

#javascript

Tarly - универсальный HTML-шаблон лендинга.

Шаблон Tarly построен с использованием HTML5, Bootstrap 4, CSS и Sass, предлагает многоцелевые одностраничные демонстрации продукта SaaS, мобильного приложения, книжной витрины, лендинга продукта и т.д. Он выглядит привлекательно и удобно на всех типах экранов и устройств, включая Windows, Mac, iOS, Android.

#шаблоны

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, которое извлекает список селекторов из разметки

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

#Лучшее