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

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

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

#Лучшее

Instant.page - использует своевременную предварительную загрузку, предварительно загружает страницу прямо перед тем, как пользователь нажимает на нее.

#javascript

TMDb - известный API, который предоставляет информацию по конкретным шоу, фильмам, актерам, сериалам. Используя изображения, не защищенные авторскими правами, вы действительно можете создать отличное приложение для поклонников своих любимых шоу.

#api

Отличный способ плавной прокрутки ссылки-якоря c учетом фиксированного меню на JS.

document.querySelectorAll('a[href^="#"').forEach(link => {

link.addEventListener('click', function(e) {
e.preventDefault();

let href = this.getAttribute('href').substring(1);

const scrollTarget = document.getElementById(href);

const topOffset = document.querySelector('.menu').offsetHeight;
// const topOffset = 0; // если не нужен отступ сверху
const elementPosition = scrollTarget.getBoundingClientRect().top;
const offsetPosition = elementPosition - topOffset;

window.scrollBy({
top: offsetPosition,
behavior: 'smooth'
});
});
});

Метод Window.scrollBy() имеет параметр top в котором мы укажем количество пикселей, на сколько нам необходимо прокрутить страницу. От общей высоты документа отнимем высоту навигации и получим необходимое смещение в пикселях по оси Y.

#javascript

Подготовили для Вас перевод статьи 13 useful JavaScript array tips and tricks you should know

Массив - одна из самых распространенных концепций jаvascript, которая дает нам множество возможностей для работы с данными, хранящимися внутри. Принимая во внимание, что массив является одной из самых основных тем в jаvascript, о которой вы узнаете в начале вашего пути программирования, в этой статье будут показаны несколько приемов, о которых вы, возможно, не знали и которые могут быть очень важными!

#javascript

Supabase UI - это библиотека компонентов пользовательского интерфейса высокого уровня, ориентированная на быстрое и эффективное создание красивых приложений. Пользовательский интерфейс Supabase разработан для использования с служебными классами Tailwind CSS.

#react

ApostropheCMS - это мощная и гибкая платформа для создания веб-сайтов для веб-агентств, SaaS-компаний, высшего образования, предприятий и многого другого.

#cms

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

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

Гайд по HTML-элементам, которые можно использовать в каждом проекте.

В данной статье автор взял следующий набор элементов: header, nav, main, section, article, aside, address, и показал случаи, когда можно их использовать.

#статьи

Оффер от Яндекса за один день 🔥

15, 22 и 29 мая Яндекс проводит One Day Offer для мобильных разработчиков — онлайн-встречу, на которой можно получить оффер за один день. Ищут middle/senior-разработчиков, пишущих на Objective-C/Swift/Java/Kotlin.

Чтобы попасть, необходимо решить две задачи онлайн. Это можно сделать в любое время — решение проверяет компьютер.

Если задачи решены успешно — то ребята из Яндекса приглашают на собеседование One Day Offer, где в течение дня участники смогут пройти две секции с кодом и тем же вечером получить предложение о работе.

Теперь за день можно успеть всё. Надо лишь зарегистрироваться.

Papa Parse - надежная библиотека JavaScript, которая считается самым быстрым анализатором CSV в браузере. Это универсальный инструмент для синтаксического анализа CSV в JSON.

#javascript

Hugo - один из самых популярных генераторов статических сайтов с открытым исходным кодом. Он написан на Go. Hugo поддерживает неограниченное количество типов контента, меню, динамического контента на основе API и многого другого, и все это без плагинов.

#cms

Vzy Icons — библиотека из более 1000 настраиваемых и высококачественных SVG иконок.

#графика

CSS Card Hover Effects - красивая реализация разворачивающихся карточек при наведении на чистом CSS. Забираем в коллекцию!

#codepen

JavaScript на примерах. Практика, практика и только практика.

Автор: А. Никольский
О книге: 2018 год, 272 страницы, Русский язык, 19.2Mb

Содержание: Эта книга является превосходным учебным пособием для изучения языка программирования JavaScript на примерах. Изложение ведется последовательно: от написания первой программы, до создания полноценных проектов: интерактивных элементов (типа слайдера, диалоговых окон) интернет-магазина, лендинговой страницы... По ходу даются все необходимые пояснения и комментарии.

#книги

Moovie - полностью настраиваемый и простой в использовании медиаплеер для фильмов. Настройка титров, нет зависимостей, адаптивный, стандартизированные события и многое другое.

#javascript

Compressor.io - инструмент для сжатия изображений. Изображения веб-сайтов обычно слишком велики и не оптимизированы для использования в Интернете. Легко сэкономить несколько мегабайт, сжав ваши изображения, не заметив потери качества.

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

Fancy hover animation - простая и в то же время красивая реализация монохромных карточек, которые при наведении становятся цветными. Забираем в коллекцию!

#codepen

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

#полезное

PrimeVue — это универсальная, простая в использовании и производительная библиотека UI-компонентов для Vue. Она создана, чтобы помочь вам строить прекрасные пользовательские интерфейсы.
В этой библиотеке вы найдете больше 80 UI-компонентов с адаптивным дизайном.

#vue

Pug - это высокопроизводительный шаблонизатор, созданный под сильным влиянием Haml и реализованный с помощью JavaScript для Node.js и браузеров.

Этот проект ранее назывался «Jade». Однако, «Jade» - зарегистрированная торговая марка; в результате потребовалось переименование.

#html