🔥 Лучшее на канале за последнюю неделю
1) Random Password Generator - реализация генератора случайно созданных паролей с красивой стилизацией.
2) Подборка ресурсов с бесплатными мокапами.
3) Propeller.js - библиотека JavaScript для поворота элементов с помощью мыши или сенсорных жестов.
4) Responsively - инструмент для одновременной проверки внешнего вида его сайта на разных устройства.
Всем успешной разработки!
#Лучшее
1) Random Password Generator - реализация генератора случайно созданных паролей с красивой стилизацией.
2) Подборка ресурсов с бесплатными мокапами.
3) Propeller.js - библиотека JavaScript для поворота элементов с помощью мыши или сенсорных жестов.
4) Responsively - инструмент для одновременной проверки внешнего вида его сайта на разных устройства.
Всем успешной разработки!
#Лучшее
April 25, 2021
Instant.page - использует своевременную предварительную загрузку, предварительно загружает страницу прямо перед тем, как пользователь нажимает на нее.
#javascript
#javascript
April 26, 2021
TMDb - известный API, который предоставляет информацию по конкретным шоу, фильмам, актерам, сериалам. Используя изображения, не защищенные авторскими правами, вы действительно можете создать отличное приложение для поклонников своих любимых шоу.
#api
#api
April 26, 2021
Отличный способ плавной прокрутки ссылки-якоря c учетом фиксированного меню на JS.
#javascript
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
April 27, 2021
Подготовили для Вас перевод статьи 13 useful JavaScript array tips and tricks you should know
Массив - одна из самых распространенных концепций jаvascript, которая дает нам множество возможностей для работы с данными, хранящимися внутри. Принимая во внимание, что массив является одной из самых основных тем в jаvascript, о которой вы узнаете в начале вашего пути программирования, в этой статье будут показаны несколько приемов, о которых вы, возможно, не знали и которые могут быть очень важными!
#javascript
Массив - одна из самых распространенных концепций jаvascript, которая дает нам множество возможностей для работы с данными, хранящимися внутри. Принимая во внимание, что массив является одной из самых основных тем в jаvascript, о которой вы узнаете в начале вашего пути программирования, в этой статье будут показаны несколько приемов, о которых вы, возможно, не знали и которые могут быть очень важными!
#javascript
April 28, 2021
Supabase UI - это библиотека компонентов пользовательского интерфейса высокого уровня, ориентированная на быстрое и эффективное создание красивых приложений. Пользовательский интерфейс Supabase разработан для использования с служебными классами Tailwind CSS.
#react
#react
April 29, 2021
ApostropheCMS - это мощная и гибкая платформа для создания веб-сайтов для веб-агентств, SaaS-компаний, высшего образования, предприятий и многого другого.
#cms
#cms
April 30, 2021
Upscale - мгновенно увеличивайте разрешение любого рисунка или фотографии. Upscale не увеличивает ваши пиксели - он увеличивает ваше изображение. Технология анализирует ваше изображение и создает совершенно новые пиксели.
#инструменты
#инструменты
April 30, 2021
Гайд по HTML-элементам, которые можно использовать в каждом проекте.
В данной статье автор взял следующий набор элементов: header, nav, main, section, article, aside, address, и показал случаи, когда можно их использовать.
#статьи
В данной статье автор взял следующий набор элементов: header, nav, main, section, article, aside, address, и показал случаи, когда можно их использовать.
#статьи
May 4, 2021
Оффер от Яндекса за один день 🔥
15, 22 и 29 мая Яндекс проводит One Day Offer для мобильных разработчиков — онлайн-встречу, на которой можно получить оффер за один день. Ищут middle/senior-разработчиков, пишущих на Objective-C/Swift/Java/Kotlin.
Чтобы попасть, необходимо решить две задачи онлайн. Это можно сделать в любое время — решение проверяет компьютер.
Если задачи решены успешно — то ребята из Яндекса приглашают на собеседование One Day Offer, где в течение дня участники смогут пройти две секции с кодом и тем же вечером получить предложение о работе.
Теперь за день можно успеть всё. Надо лишь зарегистрироваться.
15, 22 и 29 мая Яндекс проводит One Day Offer для мобильных разработчиков — онлайн-встречу, на которой можно получить оффер за один день. Ищут middle/senior-разработчиков, пишущих на Objective-C/Swift/Java/Kotlin.
Чтобы попасть, необходимо решить две задачи онлайн. Это можно сделать в любое время — решение проверяет компьютер.
Если задачи решены успешно — то ребята из Яндекса приглашают на собеседование One Day Offer, где в течение дня участники смогут пройти две секции с кодом и тем же вечером получить предложение о работе.
Теперь за день можно успеть всё. Надо лишь зарегистрироваться.
May 4, 2021
Papa Parse - надежная библиотека JavaScript, которая считается самым быстрым анализатором CSV в браузере. Это универсальный инструмент для синтаксического анализа CSV в JSON.
#javascript
#javascript
May 5, 2021
Hugo - один из самых популярных генераторов статических сайтов с открытым исходным кодом. Он написан на Go. Hugo поддерживает неограниченное количество типов контента, меню, динамического контента на основе API и многого другого, и все это без плагинов.
#cms
#cms
May 5, 2021
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Card Hover Effects - красивая реализация разворачивающихся карточек при наведении на чистом CSS. Забираем в коллекцию!
#codepen
#codepen
May 7, 2021
JavaScript на примерах. Практика, практика и только практика.
Автор: А. Никольский
О книге: 2018 год, 272 страницы, Русский язык, 19.2Mb
Содержание: Эта книга является превосходным учебным пособием для изучения языка программирования JavaScript на примерах. Изложение ведется последовательно: от написания первой программы, до создания полноценных проектов: интерактивных элементов (типа слайдера, диалоговых окон) интернет-магазина, лендинговой страницы... По ходу даются все необходимые пояснения и комментарии.
#книги
Автор: А. Никольский
О книге: 2018 год, 272 страницы, Русский язык, 19.2Mb
Содержание: Эта книга является превосходным учебным пособием для изучения языка программирования JavaScript на примерах. Изложение ведется последовательно: от написания первой программы, до создания полноценных проектов: интерактивных элементов (типа слайдера, диалоговых окон) интернет-магазина, лендинговой страницы... По ходу даются все необходимые пояснения и комментарии.
#книги
May 8, 2021
Moovie - полностью настраиваемый и простой в использовании медиаплеер для фильмов. Настройка титров, нет зависимостей, адаптивный, стандартизированные события и многое другое.
#javascript
#javascript
May 9, 2021
Compressor.io - инструмент для сжатия изображений. Изображения веб-сайтов обычно слишком велики и не оптимизированы для использования в Интернете. Легко сэкономить несколько мегабайт, сжав ваши изображения, не заметив потери качества.
#инструменты
#инструменты
May 10, 2021
This media is not supported in your browser
VIEW IN TELEGRAM
Fancy hover animation - простая и в то же время красивая реализация монохромных карточек, которые при наведении становятся цветными. Забираем в коллекцию!
#codepen
#codepen
May 11, 2021
May 12, 2021
PrimeVue — это универсальная, простая в использовании и производительная библиотека UI-компонентов для Vue. Она создана, чтобы помочь вам строить прекрасные пользовательские интерфейсы.
В этой библиотеке вы найдете больше 80 UI-компонентов с адаптивным дизайном.
#vue
В этой библиотеке вы найдете больше 80 UI-компонентов с адаптивным дизайном.
#vue
May 12, 2021