Полезное для веб-разработчика (видео)
Используй эти полезные фишки для своей вёрстки
Отправка формы: событие и метод submit
При отправке формы срабатывает событие submit, оно обычно используется для проверки (валидации) формы перед её отправкой на сервер или для предотвращения отправки и обработки её с помощью JavaScript. Метод form.submit() позволяет инициировать отправку формы из JavaScript. Мы можем использовать его … Continued
Как сделать ссылку кнопку или кнопку ссылку на HTML? По 3 способа!
Каждый веб мастер задавался вопросом как же сделать кнопку по клику на которую человек сразу перейдет по нужному адресу. Простая ссылка “<a href=”адрес”>Ссылка” выглядит не красиво, и не всегда подходит по дизайну вашего сайта. Так же иногда возникает необходимость сделать … Continued
Исчерпывающий путеводитель по тегу iframe
Мы рассмотрим большинство функций, которые предоставляет элемент iframe, и поговорим о том, как их использовать, а также о том, как iframe может быть полезен для преодоления некоторых сложных ситуаций. Наконец, мы поговорим о том, как вы можете защитить свой iframe, … Continued
Тег dialog
Тег для создания всплывающего окна без боли и страданий.
Полноэкранная кнопка для ваших встроенных игр (Fullscreen button)
Если вы хотите добавить полноэкранную кнопку при встраивании игры на свой сайт, просто используйте приведенный ниже код. Эта кнопка javascript будет работать на любом фрейме, чтобы вы могли редактировать onclick="goFullscreen('embededGame'); отредактировав «embededGame» на идентификатор вашего iframe.
Всё о
CSS & HTML & JavaScript
Patterns.dev (Eng)
В сборник включены паттерны на чистом JS, а также на популярных фреймворках. Для каждого паттерна есть подробнейшее описание, с наглядными (и красивыми) анимациями и примерами реализации в песочницах
create a dynamic link with html select option value
создать динамическую ссылку со значением параметра выбора html
Слайдер для сайта на чистом CSS и JavaScript
В этой статье разберём, как подключить на сайт простой адаптивный слайдер ItcSlider, написанный на чистом CSS и JavaScript. Рассмотрим его HTML-структуру и настройку под разные размеры экрана.