Test Cases - онлайн-инструмент для измерения и тестирования производительности JS-кода.

#javascript

Современные реалии по отбору кандидатов на уровень джуна.

#юмор

Storytale - высококлассные веб-иллюстрации для Вашего проекта. основная часть, к сожалению, платная, но есть и бесплатный раздел с не менее классными иллюстрациями (порядка 80 шт.).

#графика

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

Лучшее в Atlaskit - это его модульность. Вам не нужно импортировать всю библиотеку Atlaskit, чтобы использовать ее компонент. Просто выберите пакет, который здесь очень хорошо документирован, и импортируйте его в свой проект.

#react

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

1) FullPage.js - простая и удобная в использовании библиотека для создания веб-сайтов с полноэкранной прокруткой
2) Flexbox.help — инструмент-помощник в освоении технологии FlexBox.
3) Clock JS - красивая реализация текущего времени для Вашего проекта на чистом JS c пошаговым прогрессбаром в 1 минуту.
4) Longcat Range Sliders - реализация range-слайдера в виде котиков.
5) Cristino - адаптивный шаблон личного портфолио

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

#Лучшее

CSS Layout - коллекция популярных макетов и шаблонов, сделанных с помощью CSS. Они основаны на современных функциях CSS, таких как flexbox и CSS Grid.

#css

Accessibility Checker - это инструмент аудита доступности. Всегда лучше постараться сделать свои страницы максимально доступными, а axe поможет вам избежать случайного исключения сегмента пользователей с вашего сайта. 

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

Preact  - быстрая альтернатива React размером 3 КБ с тем же современным API.

Основные особенности:
- Знакомые React API и шаблоны: класс ES6, хуки и функциональные компоненты.
- Обширная совместимость с React через простой псевдоним preact / compat.
- Все необходимое: JSX, VDOM, DevTools, HMR, SSR.
- Высокооптимизированный алгоритм сравнения и бесшовная гидратация от рендеринга на стороне сервера.
- Поддерживает все современные браузеры и IE11.
- Прозрачный асинхронный рендеринг с подключаемым планировщиком.
- Мгновенная настройка приложения производственного уровня с помощью Preact CLI.

#javascript

А на сколько ты опытен в работе с пк? Пиши в комментариях!

Modern CSS Solutions - ресурс, который разбирает современные решения старых проблем CSS. Сейчас рассмотрено 22 примера, но автор постоянно обновляет материал.

#css

Babylon.JS - Невероятно мощный движок веб-рендеринга, с помощью которого можно создавать игры, создавать объекты в 3D. Фактически, поскольку это движок рендеринга, а не игровая библиотека, у вас есть доступ к функциям более низкого уровня, особенно к тем, которые связаны с визуализацией.

#javascript

Graphberry - предоставляет творческие графические ресурсы, необходимые для преобразования в вашу личную или коммерческую работу. Вы сможете найти PSD макеты, иконки, а так же HTML-шаблоны.

#графика

Spectre.css – лёгкий, отзывчивый и современный CSS фреймворк для ускоренной и расширяемой разработки. Spectre предоставляет базовые стили для шрифтового оформления и элементов, адаптивную систему макетов на основе Flexbox, а также чистые компоненты и утилиты CSS.

#css #framework

JS Nice - онлайн инструмент который приведет не понятный код в читаемый, а именно выполнит деобфускацию и базовое документирование JS-скрипта. Вставляете непонятный код, сервис его анализирует и приводит в нормальный вид — добавляет отступы, пытается назвать переменные осмысленно в зависимости от контекста, добавляет комментарии с указанием переменных и их типов.

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

Credit Card Form - красивая реализация заполнения банковской карты при помощи Vue.js. Особенно интересно разобраться тем, кто только начинает изучение Vue.

#vue

💡 Размеры экрана, окна и веб-страницы в JavaScript.

Размер экрана - ширина и высота экрана: монитор или экран мобильного телефона.
window.screen.width;
window.screen.height;

Доступный размер экрана  - ширина и высота активного экрана без панелей инструментов операционной системы.
window.screen.availWidth;
window.screen.availHeight;

Внешний размер окна - состоит из ширины и высоты всего окна браузера, включая адресную строку, панель вкладок и другие панели браузера.
window.outerWidth;
window.outerHeight;

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

С учетом полосы прокрутки:
window.innerWidth;
window.innerHeight;

Без учета полосы прокрутки:
document.documentElement.clientWidth;
document.documentElement.clientHeigh;

Размер веб-страницы состоит из ширины и высоты отображаемого содержимого страницы.
document.documentElement.scrollWidth;
document.documentElement.scrollHeight;

#МиниУрок #JavaScript

Tinyhttp - это современныйвеб-фреймворк, подобный Express, написанный на TypeScript и скомпилированный в собственный ESM, который использует минимальное количество зависимостей, пытаясь избежать унаследованного ада.

#node

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

1) Credit Card Form - красивая реализация заполнения банковской карты при помощи Vue.js.
2) CSS Layout - коллекция популярных макетов и шаблонов, сделанных с помощью CSS.
3) Modern CSS Solutions - ресурс, который разбирает современные решения старых проблем CSS. л.
4) JS Nice - онлайн инструмент который приведет не понятный код в читаемый, а именно выполнит деобфускацию и базовое документирование JS-скрипта.
5) Мини-урок по размерам экрана, окна и веб-страницы в JavaScript.

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

#Лучшее

LearnGitBranching - это веб-приложение создано, чтобы помочь новичкам постичь мощные возможности ветвления и работы с git. Приложение сделано в виде игры, чтобы было понятнее и веселее проходить обучение.

#git

Boxicons - это простой. но стильный набор бесплатных векторных иконок, тщательно созданный для дизайнеров и разработчиков для использования в вашем проекте. Набор насчитывает 1500 иконок.

#графика

Как сделать модальное окно на JS?

Видео-урок от автора канала "Просто: Разработка", в котором вы узнаете как с 0 сделать очень крутое модальное окно. Пройдётесь по вёрстке и затем по JS, узнаете как написать утилиту, которая проверяет ширину скролла браузера. А ещё, познакомитесь с ResizeObserver. Другими словами, в данном видео очень много полезной информации!

#javascript