Jumping Gooey Navigation.

Крутая реализация анимированной навигации с применением технологии GSAP и MotionPathPlugin
от Green Sock.

#html #css #javascript

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

1) Candy Color Button Animation - замечательная коллекция анимированных кнопок на чистом CSS.
2) SQLBolt - сервис интерактивных уроков и упражнений, призванных помочь вам быстро изучить SQL.
3) Книга: JavaScript для FrontEnd-разработчиков. Написание. Тестирование. Развертывание
4) OverAPI - огромная коллекция шпаргалок и подсказок по различным языкам программирования и технологиям.
5) CodeCombat - это многопользовательская игра, позволяющая научиться программировать.

Рекомендуйте наш канал, по возможности, друзьям. Всем успешной разработки!

#Лучшее

Sal.js - ориентированная на производительность, легкая (менее 2,8 КБ) библиотека анимации прокрутки, написанная на ванильном JavaScript. Никаких зависимостей!

Sal ( Библиотека анимации прокрутки ) была создана, чтобы предоставить эффективное и легкое решение для анимации элементов при прокрутке. Он основан на Intersection Observer , который обеспечивает потрясающую производительность с точки зрения проверки наличия элемента в области просмотра.

#javascript

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

Генератор экспортирует файлы SVG, которые можно скопировать прямо в буфер обмена для добавления в HTML/CSS или загрузить на свой компьютер, готовые к использованию в выбранном вами программном обеспечении для дизайна (Figma, Sketch, Framer, XD и т.д.)

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

Vectry Icons - высококачественный бесплатный набор интерфейсных иконок для Вашего проекта. В комплекте 20 иконок в SVG формате.

#Графика

CMS 1C-Битрикс: управление сайтом

В этом видео-курсе Вы познакомитесь с одной из наиболее популярных CMS Рунета – 1С-Битрикс: Управление сайтом. Из видео вы узнаете о Битриксе, о плюсах и минусах этой CMS, о том, какие типы сайтов можно сделать под управлением данной CMS.

#Курсы

На канале наших друзей - Просто: разработка, мы нашли интересный пост о том как реализовать интересную анимацию для ссылок на чистом CSS. Забираем в коллекцию!

#CSS

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

Основные преимущества:
- Удобное асинхронное серверное программирование благодаря встроенному Fibers.
- Отлично спроектированная абстракция для работы с данными через коллекции.
- Абстракция для вызова серверных методов, выглядящая как вызов асинхронной функции с callback'ом.
- Удобный деплой приложений.
- Протокол DDP, призванный заменить REST API. Это очень простой но мощный протокол, основанный на EJSON (расширенный JSON). DDP поддерживает RPC и двустороннюю передачу данных, работает поверх WebSockets и SockJS.
- Best practices enforcement. HTML, CSS, LESS или coffeescript должны быть валидными (иначе проект не скомпилируется), чёткое разделение между шаблонами (spacebars — наследник handlebars), css и js.

#javascript #framework

Web Developer - это не просто расширение для Chrome, а целый набор полезных инструментов для управления элементами сайта — например, для анализа веб-ресурсов и макетов, тестирования кода и мгновенного изменения параметров и внешнего вида страницы.

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

Подготовили для Вас небольшой чек-лист по оптимизации проекта для более быстрой загрузки.

Основные советы по оптимизации:
- Включите gzip-сжатие, если это возможно.
- Используйте оптимизацию изображений.
- Минимизируйте CSS и JavaScript
- Удалите неиспользуемый код CSS и JavaScript
- Используйте CDN
- Отложите загрузку низкоприоритетного контента, используя функцию ленивой загрузки.
- Уменьшить количество запросов, удалив то, что не влияет на работу сайта.
- Протестируйте Ваш сервер, его работа тоже влияет на время загрузки
- Проверьте время загрузки внешних скриптов и если они долго загружаются, добавьте им параметр async

#Статьи

Памятка по современному JavaScript

В этом документе собраны возможности языка JavaScript, с которыми вы наверняка столкнетесь в современных проектах и примерах кода.

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

#javaScript

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

Основные особенности:
- Невероятно быстрое время сборки - многоядерная компиляция и кеш файловой системы для быстрого восстановления даже после перезапуска.
- Готовая поддержка JS, CSS, HTML, файловых ресурсов и т. д. - никаких плагинов для установки.
- Автоматически преобразует модули, используя Babel, PostCSS и PostHTML, когда это необходимо - даже 
node_modules.
- Разделение кода нулевой конфигурации с помощью динамических import() операторов.
- Встроенная поддержка горячей замены модуля
- Удобный способ регистрации ошибок - выделенные синтаксисом кодовые фреймы помогают выявить проблему.

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

Effector - стейт-менеджер, который активно развивается и поддерживает множество фреймворков. Одни из них React, React Native, Vue, Svelte.

#JavaScript

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

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

Выберите правильный ответ ниже. Данный тест предоставил нам подписчик. Этот и другие вопросы по разработке можно всегда обсудить в нашем чате.

Bree - лучший планировщик заданий для Node.js и JavaScript с cron , date , ms , later и удобной поддержкой.

Работает в Node v10+ и браузерах (благодаря полифилу bthreads), использует рабочие потоки (Node.js) и веб-воркеры (браузеры) для создания изолированных процессов, а также поддерживает async / await, стратегии повтора для неудачных операций, регулирование, параллелизм и отменяемые задания с плавным завершением работы.

#JavaScript #Node

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

1) Памятка по современному JavaScript.
2) Sal.js - ориентированная на производительность, легкая библиотека анимации прокрутки.
3) Web Developer - набор полезных инструментов для управления элементами сайта.
4) Squircley - это онлайн инструмент, который умеет создавать красивые геометрические формы.
5) Vectry Icons - высококачественный бесплатный набор интерфейсных иконок для Вашего проекта.

Рекомендуйте наш канал, по возможности, друзьям. Всем успешной разработки!

#Лучшее

Shoelace - передовая библиотека веб-компонентов.

Основные особенности:
- Работает со всеми фреймворками
- Работает с CDN
- Полностью настраивается с помощью CSS
- Включает официальную темную тему
- Создан с учетом доступности
- Открытый исходный код

#CSS #Framework

Scale - генеративный способ создания цветовых шкал. Гибкая и удобная настройка почти любого параметра. А еще есть возможность развернуть себе такой же проект с GitHub.

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

15 языков программирования, знание которых гарантирует самые высокие зарплаты в IT.

В списке указана средняя зарплата за год в мире. Начнем от меньшей зп к большей.

15. C ++ — $55,3 тыс./год
14. JavaScript — $55,6 тыс./год
13. Python — $56,6 тыс./год
12. TypeScript — $57,4 тыс./год
11. Kotlin — $58,1 тыс./год
10. C# — $58,4 тыс./год
9. Prolog — $60,6 тыс./год
8. R — $61,6 тыс./год
7. Pascal — $62,7 тыс./год
6. Swift — $65,1 тыс./год
5. Objective-C — $66,6 тыс./год
4. Ruby — $72,1 тыс./год
3. Go — $72,6 тыс./год
2. Scala — $77,1 тыс./год
1. Perl — $84 тыс./год

#Статьи