Lighthouse - это прекрасный инструмент с открытым исходным кодом, созданный Google. Он сообщает вам о важных аспектах ваших веб-страниц, таких как SEO (поисковая оптимизация), Performance (производительность), Accessibility (доступность), Best practises (лучшие подходы) и прочее.

Особенность Lighthouse — возможность использовать этот инструмент в разных формах. Самый популярный вариант — использование официального расширения для Google Chrome. Так же есть возможность использовать сервис прямо из панели разработчика браузера Chrome либо через веб-интерфейс.
Следует учитывать, что при использовании веб-интерфейса вам не придется ничего устанавливать, однако вам будет доступен не весь функционал.

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

iziModal.js - современный плагин, который позволит Вам создавать красивые модальные окна с оригинальным дизайном. Всплывающие окна на jQuery можно настраивать с разными эффектами и разметкой. Есть готовые варианты для фрейма, формы, AJAX`a. Все, что необходимо — это подключить библиотеку и стили плагина. Библиотека имеет отличную документацию.

#jQuery

В этом курсе от Федора Васильева Вы узнаете что такое WordPress, отличия его от Joomla. Личный опыт в WordPress, на что нужно обращать внимания при выборе CMS движка для ведения своего проекта, бизнеса в интернете. А так же узнаете все нюансы при разработке сайта на Wordpress.

#Курсы

Lost Grid - это мощная сеточная система, встроенная в PostCSS, которая работает с любым препроцессором и даже с обычным CSS.

Эта система сеток на основе Stylus, работающая с использованием calc().

#CSS

Khroma — инструмент, который использует искусственный интеллект, чтобы узнать, какие цвета вам нравятся, и создает палитры на основе ваших предпочтений.

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

Какими навыками должен владеть продвинутый программист не зависимо от языка программирования?

- Умение провести декомпозицию задачи и проектирует ее решение
- Адекватно оценивает затраты на выполнение задачи.
- Соблюдает принятые стандарты разработки.
- Обеспечивает требуемое качество, минимизируя затраты и риски.
- Выполняет тестирование и отладку кода
- Анализирует найденные дефекты и отклонения от графика.
- Знает основные и несколько дополнительных инструментов для ускорения разработки.

#Статьи

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

#JS

Bulma - это бесплатный CSS-фреймворк с открытым исходным кодом, основанный на Flexbox и используемый более 200 000 разработчиков.

Основные особенности:
- Изначально ориентирован на mobile first
- Модульность. Просто импортируйте то, что вам необходимо
- Построен на Flexbox
- Открытый исходный код
- Простой, легко настраиваемый и не навязывающий реализации Javascript

#Framework #CSS

Owl Carousel 2 - плагин jQuery с сенсорным управлением на мобильных устройствах, позволяющий создать красивый адаптивный слайдер карусели.

Основные особенности:
- Более 60 вариантов настройки
- Поддержка Touch and Drag
- Полностью адаптивный
- Использует аппаратное ускорение с переходами CSS3 Translate3d
- Поддержка старых браузеров с CSS2
- Модульная структура

#jQuery

Lineicons - сервис с набором крутых шрифтовых иконок, которые подойдут как для веб-проектов так и мобильных проектов. Данный сервис содержит бесплатные иконки, а так же расширенную платную версию.

Patternico - классный и полезный сервис для создания безшовного фонового изображения для Вашего проекта. Вы можете настраивать цвет фона, загружать собственные иконки и собственный backround

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

Крутая новость для студентов-разработчиков 🚀
Cтартует онлайн-марафон по разработке от ИТ компании КРОК. За три недели команда участников из 3-5 человек сможет решить реальную бизнес-задачу на Java или .NET. 
Какую?
💻 Например, создать онлайн-систему решения и проверки задач, in-memory OLAP-куб, инструмент для сбора и оценки метрик по работе с исходным кодом и многие другие. Огонь же? 🔥
Всё это с наставниками - экспертами компании. В рамках марафона пройдут вебинары и код-ревью, на которые можно зарегистрироваться отдельно без участия в решении задачи. 
📍Когда? С 20 июля по 7 августа, но сбор заявок заканчивается уже через неделю. 
📍Что нужно, чтобы присоединиться?
 Подать заявку по ссылке и пройти отбор. Участие совершенно бесплатное.

🛑 Спойлер: участие в марафоне можем оформить студентам как учебную практику (да, её можно пройти онлайн). Знаем, что круто, поэтому скорее переходи по ссылке и подавай заявку.

Помощник в виде шпаргалки с CSS триггерами.

Здесь вы найдёте некоторые свойства CSS и информацию о том, как они влияют на производительность браузерных движков.

Значения разноцветных полосок:
— Layout: перерасчет макета (синий цвет)
— Paint: прорисовка макета (зеленый цвет)
— Composite: компоновка макета (темно-зеленый цвет)

Bliss - небольшая классная библиотека, которая добавляет синтаксический сахар для Vanilla JS схожий на jQuery, делая API гораздо более приятным. В отличие от jQuery, он не влияет на сам API, а просто улучшает синтаксис, оставляя функциональность метода без изменений.

#JS

Выберите правильный ответ ниже.

Siteliner - сервис, который позволяет вам исследовать ваш сайт, выявляя ключевые проблемы, которые влияют на качество вашего сайта и рейтинг в поисковых системах.

Основные особенности:
- Поиск дублированного контента
- Анализ неработающих ссылок
- Определяет страницы, которые наиболее заметны для поисковых систем
-  Сканирует и анализирует страницы вашего сайта, выявляя ключевую информацию о каждой странице.

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

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

1) iziModal.js - современный плагин, который позволит Вам создавать красивые модальные окна.
2) Patternico - классный и полезный сервис для создания безшовного фонового изображения.
3) Siteliner - сервис, который позволяет вам исследовать ваш сайт.
4) Khroma — инструмент, который создает палитры на основе ваших предпочтений.
5) Bulma - это бесплатный CSS-фреймворк, основанный на Flexbox.

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

#Лучшее

Версия 5.0 фреймворка Bootstrap для создания веб-сайтов, ориентированных на мобильные устройства, перешла на стадию альфа-релиза, и этот инструментарий больше не зависит от библиотеки jQuery.

Устранение зависимости от jQuery стало возможным благодаря усовершенствованиям в интерфейсных средствах разработки и поддержке браузеров. В результате, проекты, созданные на Bootstrap 5, будут значительно легче в размерах файлов и загрузке страниц.

#Статьи