Загрузка...
Древовидное представление (сворачиваемый список) можно сделать, используя только html и css, без использования JavaScript.
Древовидные представления, только html и css
Метка: front-end-development
box-shadow: CSS-генератор мягких теней
Управление панорамированием, наклоном и масштабированием вебкамеры
Обнаружение и использование функций панорамирования (pan), наклона (tilt) и масштабирования (zoom) – PTZ вебкамеры с помощью Javascript.
Выезжающая боковая панель (sidebar)
Как создать отзывчивую выдвигающуюся боковую панель (sidebar) для навигации, которая отслеживает состояние, поддерживает управление с клавиатуры, работает с Javascript и без него в разных браузерах
Поиск в DOM ближайшего родителя с position: relative
Отладка взаимного позиционирования HTML-элементов и поиск ближайшего родителя с CSS-свойством position: relative с помощью JavaScript в консоли браузера.
Аккордеон из HTML-элементов details и summary
Вы можете использовать их для интерактивных компонентов с раскрыванием контента (accordion) совсем без JavaScript.
Как сделать модальное окно с помощью javascript
Модальное диалоговое окно должно показываться поверх документа с которым будет запрещено что-либо делать до тех пор, пока диалог не будет завершён и закрыт.
Динамические выпадающие списки
Как связать нескольких выпадающих списков (html-элементов select), чтобы значения (option) каждого следующего зависели от выбранной опции в предыдущем.
Flip counter
Flip.js продвинутый плагин отсчета времени. Очень простые настройки, удивительно гибок и прекрасно анимирован.
Всё, что нужно знать про inputmode
атрибут inputmode подсказывает, какой набор кнопок экранной клавиатуры предложить пользователю для удобства ввода в зависимости от типа input: none, numeric, tel, decimal, email, url, search
Способы клонирования Object в JavaScript
С использованием ES6, js-библиотек, JSON.parse/stringify и нативных javascript-методов
CSS многоточие после нескольких строк
CSS-свойство line-clamp помогает подрезать текст на определенное количество строк.
JavaScript Service Workers
Несколько примеров работы Service Worker в Javascript для PWA (прогрессивных веб-приложений).
Используем Axios в React
Узнайте об интеграции React и Axios, правильном использовании запросов в жизненных циклах React’а, о самых популярных типах запросов и обработке ошибок.
Создание динамической фото-сетки с режимами смешивания CSS
Сперва фото были размещены вручную, чтобы избежать совпадения цветов. Теперь, применяя только CSS с помощью псевдоэлементов и фильтров SVG изменяем любую фотографию в сетке в любое время.