Профилактика угроз в .htaccess

Читать

Корректные настройки файла .htaccess позволяют значительно снизить вероятность взлома Вашего веб-сервиса недоброжелателями.

#dev #apache #php

Замедляем цикл

Читать

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

#frontend #js

Адаптивное видео с youtube

Читать

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

#frontend #css

JavaScript: тип пользовательского устройства

Читать

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

#frontend #js

SVG favicon

Читать

В настоящее время просто необходимо использовать svg для favicon. Этот формат поддерживается всеми современными браузерами.

#frontend #html

PHP: извлекаем данные из PDF

Читать

Однажды я столкнулся с необходимостью извлечения информации из документа в формате PDF, с дальнейшим преобразованием полученных данных в JSON-объект для их дальнейшей обработки.

#backend #php

Тренды веб-дизайна

Читать

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

#dev #design #frontend

CSS: как красиво выделить текст

Читать

Различные сайты используют различные инструменты для того, чтобы сделать акцент на определенном тексте. Таким образом, можно обратить внимание пользователя на различные предупреждения или важную информацию (например, в случае, когда нужно указать на скидку, акцию или выгодную цену в интернет-магазине). Вы будете удивлены, узнав, как просто это сделать.

#frontend #css

CSS: отключаем возможность выбрать текст

Читать

По-умолчанию, любой пользователь, просматривающий страницы различных сайтов, может выбрать текст с помощью клавиатуры или мыши.
Сегодня мы попробуем отключить эту возможность. Таким образом, веб-страница станет менее похожей на документ и приобретет особенности приложения.
Все, что нам потребуется - CSS-свойство user-select: none.

#frontend #css

Label в роли плейсхолдера и автозаполнение

Читать

Многим веб-разработчикам известен CSS-прием, при котором для выбранного поля ввода происходит смещение плейсхолдера.

#frontend #css

Лживый оператор ===

Читать

Это забавно и, возможно, удивительно, но существует ряд случаев, в которых оператор идентичности === возвращает совсем не то значение, которое все ожидают.

#frontend #js

Что делать с ошибкой "is not a function"

Читать

Многие разработчики не используют точку с запятой при написании кода, видимо, потому, что так удобно. Возможно, такой код легче читается. С другой стороны, не меньшее количество программистов придерживается синтаксиса с замыкающей точкой с запятой. Такая позиция тоже понятна и имеет право на существование.
В конце концов, каждый веб-разработчик выбирает свой уникальный путь.
Тем не менее, синтаксис без точек с запятой требует от программиста дополнительного внимания, особенно в Node,js, где функция require() применяется для подключения внешних модулей и файлов.
В некоторых случаях можно столкнуться с такой ошибкой require(...) is not a function

#frontend #js

CSS: 5 полезных свойств

Читать

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

#frontend #css

Как добавить контент

Читать

В этой небольшой статье мы поговорим о очень полезном JavaScript-методе, который можно применить к любому элементу для того, чтобы добавить новый HTML-контент. Это insertAdjacentHTML - стандартный метод интерфейса Element, который анализирует HTML-документ и вставляет полученные узлы в нужную позицию.

#frontend #js

Плавающий label

Читать

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

#frontend #css #html

spread vs rest

Читать

Итак, после представления в спецификации ES6, оператор ... (dot, dot, dot) занял свое место и часто используется JavaScript-разработчиками для управления массивами и другими итерируемыми сущностями.
Но, синтаксис ... может определять вызов как spread-, так и rest-оператора, в зависимости от того, где и как Вы его используете.

#frontend #js

Сокращаем код

Читать

В этой небольшой статье мы разберем девять приемов, с помощью которых Ваш JavaScript-код станет короче.

#frontend #js

Адаптируем картинки для dark mode

Читать

Изменить CSS-свойства различных элементов при переходе в темный режим (dark mode) несложно - достаточно использовать медиа функцию prefers-color-scheme.
Но, что делать, если появляется другая проблема: как при смене темы браузера на dark mode изменить изображение, объявленное непосредственно в HTML-документе, когда нет возможности воспользоваться всеми преимуществами правил CSS?

#frontend #html

Основные команды Linux

Читать

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

#dev #bash #linix #terminal

Префиксы в именах логических переменных

Читать

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

#frontend #js