Всем хорошего выходного дня!

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

1) Barba.js - это небольшая и простая в использовании библиотека, которая помогает создавать плавные переходы между страницами вашего веб-сайта.
2) Основы работы с Git.
3) NanoPop - это крошечная библиотека позиционирования.
4) Milligram – CSS-фреймворк, созданный для повышения производительности и продуктивности.
5) CSS Gradient - это приятный маленький веб-сайт и бесплатный инструмент, который позволяет создавать градиентный фон для веб-сайтов.

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

#Лучшее

В Chrome 89, который теперь доступен для загрузки, поисковый гигант Google наконец-то включил поддержку PartitionAlloc-везде в своем браузере. 

Функция PartitionAlloc-everywhere поставляется с расширенным распределителем памяти, позволяющим сократить использование памяти Chrome до 22% в процессе браузера. Аналогичным образом, Google заявляет, что обновление сократило использование памяти на 8% в рендерере браузера и на 3% в графическом процессоре.

Google Chrome также стал на 9% более отзывчивым, благодаря новым вкладкам, в которых нет улучшений.

#статьи

Algolia Places – библиотека JavaScript для автоматического заполнения форм. Она специализируется на адресах, может добавить карту в поиск и отобразить местоположение. Удивительно точная и сверхбыстрая библиотека повысит удобство работы пользователей с сайтом.

#javascript

GEE! ME - это отличный набор бесплатной flat графики, 100 персонажей и более 400 самых крутых объектов. Вы можете использовать его в любых дизайнерских или девелоперских проектах.

#графика

HtmlReference.io - это бесплатное руководство по HTML. В нем есть все элементы и атрибуты.

#html

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

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

Tetradic radial-background generator - использование колорпикера в полной мере со сменой заднего фона. Забираем в коллекцию!

#html #css #javascript

Popper - библиотека всплывающих подсказок и механизма позиционирования всплывающих окон.

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

#javascript

13 бесплатных хостингов в 2021 году.

1: 000webhost.com
2: Freehostia.com
3: Jimdo.com
4: FreeHosting.com
5: xtreemhost.com
6: 110MB.com
7: AwardSpace.com
8:1FreeHosting.com
9: FreeHostingEU.com
10: Uhostfull.com
11: 50Webs.com
12: ZettaHost.com
13: x10hosting.com

Спасибо за предоставленную информацию участнику нашего дружного сообщества!

#полезное

Создавайте сложные, реактивные, постоянные веб-приложения, просто написав HTML и CSS, без единой строчки JavaScript и без серверной части.

Что такое Маво?
- Mavo расширяет синтаксис HTML для описания веб-приложений, которые управляют, хранят и преобразуют данные.
- Храните данные в облаке, локально или вообще не храните, просто изменив атрибут HTML.
- Редактируйте данные прямо на веб-сайте с помощью интуитивно понятного, автоматически создаваемого настраиваемого интерфейса.
- Мультимедиа загружаются на вашу страницу с помощью перетаскивания, вставки или просмотра без единой строчки кода.
- Выполняйте вычисления прямо в HTML, которые обновляются по мере необходимости. Не нужно писать JavaScript!

Хоть JS и не используется, но библиотеку подключить необходимо.

#html

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

1) 13 бесплатных хостингов в 2021 году.
2) HtmlReference.io - это бесплатное руководство по HTML. В нем есть все элементы и атрибуты.
3) Algolia Places – библиотека JavaScript для автоматического заполнения форм.
4) Kolumna - отличный онлайн-инструмент, который пригодится как для верстальщиков, так и для дизайнеров. 
5) GEE! ME - это отличный набор бесплатной flat графики, 100 персонажей и более 400 самых крутых объектов.

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

#Лучшее

Vue Hover Responsive Parallax Cards - красивая реализация карточек. При наведении происходит параллакс эффект. Забираем в коллекцию!

#vue #codepen

TweenJS - это простая, но мощная библиотека JavaScript для анимации HTML элементов. Позволяет легко создавать сложные анимации движения путем объединения команд.

#javascript

Межсайтовый скриптинг (XSS) - тип уязвимости веб-сайта, при которой вредоносный скрипт внедряется в сайт или приложение, который затем устанавливает вредоносное ПО в браузер жертвы.

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

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

#статьи

Веб-компоненты в действии

Автор: Бен Фаррелл
О книге: 2020 год, 461 страница, Русский язык, 3.09Mb

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

#книги

Tails - это онлайн инструмент для создания перетаскиваемых страниц, созданный для работы с TailwindCSS. Более 150+ компонентов, которые помогут Вашему проекту выглядеть привлекательно.

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

Evil Icons - бесплатный набор иконок SVG, созданный специально для веб-проектов. Доступен для Ruby, Node.js, Grunt / Gulp. Просто используйте имена значков со своими шаблонами и стилями - а все остальное будет сделано автоматически.

#графика

Rico's cheatsheets - огромнейшая коллекция шпаргалок на все случаи жизни для разработчика. шпаргалки как для инструментов разработки, так и для языков программирования.

#полезное