Статьи о веб-разработке

Статьи переезжают на специальный сайт для статей practical-web.ru

Как выполнить callback по завершению события и при начале события

Когда это нужно

Например надо переместить элемент при окончании изменения ширины окна браузера (window resize), а не перемещать элемент каждую милисекунду при каждом запуске этого события.

#JavaScript
Подробнее

Медиа запрос в js на минимум от ширины окна

Когда надо выполнить какое то действие только при определённой ширине браузера (viewport)

#JavaScript
Подробнее

Как удалить минусы, пробелы и скобки из телефонного номера на JavaScript?

Обычно это надо чтобы убрать все скобки пробелы и тире из номера телефона, например когда надо записать номер в ссылку

<a href="tel:81234567890">8 (123) 456-78-90</a>
#JavaScript
Подробнее

Как сжать шрифт для веб-сайта?

Существует хороший сжимальщик шрифта по адресу в интернете https://transfonter.org/

Наглядный пример на сколько может сжать шрифт данный инструмент

Наглядный пример на сколько может сжать шрифт данный инструмент

#Fonts
Подробнее

Динамический блок невыходящий за левый и правый края viewport

Для чего:

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

Блок смещён вправо чтобы не выходил за край экрана

#JavaScript#NuxtJS#VueJS
Подробнее

Перемещение элемента по DOM дереву относительно другого элемента

Функция для перемещения элемента относительно другого элемента в теле страницы

#JavaScript
Подробнее

Как конвертировать английскую раскладку в русскую в JavaScript

Когда это бывает нужно

Например когда создаётся поиск посайту и надо чтобы неверный ввод на английской раскладке трансформировался в строку на русском языке

#JavaScript
Подробнее

Как сделать динамический индикатор выбора варианта в виде рамки

#NuxtJS#VueJS
Подробнее

Как зафиксировать элемент над другим элементом JavaScript

Как зафиксировать элемент над другим элементом JavaScript

#JavaScript#NuxtJS#VueJS
Подробнее

Как отправить данные с веб-формы HTML на сервер - универсальный скрипт

В данной статье будет рассмотрено:

  • Минимальные параметры формы
  • Универсальный скрипт отправки данных формы на сервер
#HTML#JavaScript
Подробнее

Как подключить (на сайт) отправку письма с формы обратной связи в phpmailer (+ yandex почта)

В данной статье будет рассмотрено:

  • Как скачать PHPMailer
  • Как установить на сайт PHPMailer
  • Какой скрипт написать для взаимодействия с PHPMailer, чтобы отправлять письма через него
  • Как получить пароль SMTP почты яндекс для отправки писем через эту почту
#PHP
Подробнее

Как перенаправить с файлов с расширением на теже пути без расширений (например /example.php -> /example) в .htaccess?

RewriteEngine On
# /dir/file.php to /dir/file
# Как не делать перенаправлений в определённой дирректории в .htaccess?
RewriteRule ^(app) - [L]
# Как не делать перенаправлений определённых файлов в .htaccess?
RewriteRule ^(mail.php) - [L]
# Сам код перенаправления с расширения .php на пути без разрешений
RewriteCond %{THE_REQUEST} \s/+(.+?)\.php[\s?] [NC]
RewriteRule ^ /%1 [R=302,L,NE]
#.htaccess
Подробнее

Как перенаправить на собственную страницу ошибки 404 (на сервере Apache, через файл .htaccess)

Например в NuxtJS SSG (предварительная генерация статического сайта)

# Если файл 404.html
ErrorDocument 404 /404.html
# Если дирректория /404/index.html - например в NuxtJS (SSG)
ErrorDocument 404 /404/
#.htaccess
Подробнее

Как разрешить CORS на сервере для другого домена или localhost через .htaccess

#.htaccess
Подробнее
Чтобы отправить опечатку или неточность, выделите её и нажмите
CTRL + ENTER

или

Воспользуйтесь формой, чтобы сообщить об ошибке
play