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

Читать

В этой небольшой статье мы поговорим о очень полезном 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

Чем опасен target=_blank

Читать

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

#frontend #html

lh и rlh

Читать

Относительные единицы измерения lh и rlh были анонсированы еще в 2018 году. В апреле 2020 года они были включены в состав единиц измерения для CSS. Но только релиз Safari Technology Preview 105 позволил испытать новые возможности CSS на практике.

#frontend #css

Выгружаем CSV

Читать

Выгрузка данных в формате CSV с помощью PHP требует изменения структуры кода, в отличии от большинства автоматически генерируемых файлов. Для создания CSV-файла потребуются функция header() и поток php://output.

#backend #php

Golang vs Node.js

Читать

Node.js и Golang имеют свои сильные стороны. Но, при решении определенных задач, один из языков программирования может выглядеть более предпочтительным, так как наделен возможностями, отсутствующими у конкурирующего языка.
В этом обзоре мы попробуем сравнить Golang и Nodе.js

#dev #go #nodejs

Как установить код ответа HTTP

Читать

Для того, чтобы установить определенный код ответа HTTP, в PHP есть встроенная функция http_response_code().

#backend #php

Язык сайта и местоположение

Читать

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

#frontend #html #js

upsert для объекта Map

Читать

Сегодня мы поговорим о преимуществах и особенностях потенциально новой функции upsert для объекта Map в JavaScript.

#frontend #js

Простой счетчик на CSS

Читать

Бесспорно, очень здорово решать проблемы верстки HTML-документа только с помощью CSS, абсолютно не прибегая к помощи JavaScript. CSS-счетчик - отличный пример такой реализации. Надеюсь, в один прекрасный день он Вам пригодится.

#frontend #css

Добавляем картинку в DOM

Читать

Что делать, если нужно добавить картинку в DOM или, иными словами, динамически интегрировать ее в уже существующий HTML-документ.

#frontend #js

Сохраняем пароли в базе данных

Читать

Так делать нельзя. Нельзя сохранять пароли в базе данных. Но можно сохранять хеши паролей (password hash).

#backend #db

Команды Linux для Powershell

Читать

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

#dev #bash #cli

Показываем и скрываем выбранные элементы

Читать

Не скрою, что возможностью скрывать и показывать выбранные элементы с помощью JQuery я пользовался довольно часто. Но как же реализовать эффекты fadeIn и fadeOut на чистом JavaScript.

#frontend #js

Последний сегмент ссылки

Читать

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

#frontend #js

Перемешиваем массив

Читать

Сегодня мы разберем, как с помощью JavaScript перемешать элементы в массиве.

#frontend #js