Web разработка

Трёхстраничная шпаргалка по REST API, с помощью которой вы узнаете:

— как называются части URL в контексте запроса;
— зачем нужны те или иные заголовки запросов (например, Accept-Charset / User-Agent);
— чем отличается код 300 от 500

#api #шпаргалка

🤹 Магия clip-path в CSS

clip-path часто используется для обрезки узла DOM в определенные формы, например, треугольники. Но что, если использовать его для анимации?

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

👉 Читать

Десять советов по улучшению CSS-переходов и анимации

Одни анимации и переходы только украшают приложение — другие делают его хуже. Пользователи могут не понимать, что такого особенного в переходах или анимации, но они могут чётко определить разницу между хорошим и плохим.

Как избежать негативных отзывов при создании собственных виджетов? В этой статье автор собрал советы и рекомендаций для CSS анимаций:

https://joshcollinsworth.com/blog/great-transitions

#css

​​​​Алгоритмы и структуры данных для начинающих

Уверенное применение структур данных и алгоритмов имеет важное значение при создании программ. Изучить основы поможет серия коротких видеоуроков с примерами на JavaScript. Например, что такое BinarySearchTree, LinkedList, Stack, Queue, их применение, а также другие структуры и алгоритмы:

https://youtube.com/playlist?list=PLIFGfLqvZ-yGHI2Fg0NCgi7FY0h1yh-af

#javascript #алгоритмы

Music Player with slider - Музыкальный плеер со слайдером и выбором песен.

https://codepen.io/ecemgo/pen/vYPadZz

Создаем платежную карту с эффектом переворачивания, используя только HTML и CSS 🚀

https://github.com/atherosai/ui/tree/main/payment-card-02

Инструмент для добавления интерактивности HTML-страницам

Благодаря такому инструменту вы получаете доступ к AJAX, CSS Transitions, WebSockets и Server Sent Events прямо из HTML, без необходимости обрабатывать это всё на стороне JS. Так вы сможете сконцентрироваться на вёрстке и даже делать интерактивные страницы без знания JavaScript или CSS.

Ссылка на инструмент: htmx

#инструмент #web #frontend

💡Border radius на CSS: полезные заметки для фронтенд-разработчика

#css #tips by David Mraz

​​Интерактивный гайд по CSS Container Queries

Отличная возможность для того, чтобы попробовать относительно новую фичу без необходимости создавать свою песочницу: https://ishadeed.com/article/css-container-query-guide

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

⚡️ ТОП БЕСПЛАТНЫХ Курсов по Frontend! Javascript, React, Vue, Angular... ВЫУЧИТЬСЯ С НУЛЯ!

https://www.youtube.com/watch?v=FZ4rBSYgPAg

@htmlcssjavas

Луший и простой способ освоить кодинг.

Обучиться азам CSS можно с помощью крутой игры Grid Garden — нужно просто вбивать правильный код и выращивать морковку, поливая её водой.

Игра Доступна абсолютно бесплатно, ссылка вот.

Совет по HTML 💡

Знаете ли вы, что мы можем легко создать сворачивающуюся панель без использования Javascript?

Demo https://www.codewithshripal.com/playground/html/details-element

@htmlcssjavas