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

Чем опасен 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