Якорные ссылки — простой способ создать навигацию по странице. Например, в оглавлении можно использовать якорные ссылки для перехода к различным разделам страницы.
https://www.dev-notes.ru/articles/frontend/anchor-links-and-how-to-make-them-awesome/
https://www.dev-notes.ru/articles/frontend/anchor-links-and-how-to-make-them-awesome/
Заметки разработчика
Якорные ссылки и как их сделать потрясающими
Якорные ссылки — простой способ создать навигацию по странице. Например, в оглавлении можно использовать якорные ссылки для перехода к разделам страницы.
👍2🔥1
Казалось бы, можно просто установить в CSS
https://www.dev-notes.ru/articles/frontend/animating-dialog/
transition от 0 к 1 для opacity элемента dialog, но это не работает. Необходимо изучить @starting-style, а также ключевые слова overlay и allow-discrete.https://www.dev-notes.ru/articles/frontend/animating-dialog/
Заметки разработчика
Анимация элемента dialog
Казалось бы, можно просто установить в CSS transition от 0 к 1 для opacity элемента dialog, но это не работает.
👍1
Познакомьтесь с новым ключевым словом в JavaScript
https://www.dev-notes.ru/articles/javascript/explicit-resource-management-js-using-keyword/
using для более эффективного управления ресурсами, вдохновлённого C# и Rust.https://www.dev-notes.ru/articles/javascript/explicit-resource-management-js-using-keyword/
Заметки разработчика
Явное управление ресурсами в JavaScript: ключевое слово using
Познакомьтесь с новым ключевым словом using в JavaScript для более эффективного управления ресурсами, вдохновлённого C# и Rust.
Есть несколько способов закоммитить многострочные сообщения в
https://www.dev-notes.ru/articles/git/commit-multiline-messages-git-commit/
git commit, всё зависит от личных предпочтений.https://www.dev-notes.ru/articles/git/commit-multiline-messages-git-commit/
Заметки разработчика
Как закоммитить многострочные сообщения в git commit
Есть несколько способов закоммитить многострочные сообщения в git commit, всё зависит от личных предпочтений.
В веб-разработке управление асинхронными задачами имеет решающее значение для создания отзывчивых и эффективных приложений. Асинхронные операции, такие как получение данных с сервера или выполнение трудоёмких вычислений, часто требуют возможности отменить или прервать их до завершения. Здесь на помощь приходит
https://www.dev-notes.ru/articles/javascript/abort-controllers-in-javascript/
AbortController, о котором и пойдёт речь.https://www.dev-notes.ru/articles/javascript/abort-controllers-in-javascript/
Заметки разработчика
AbortController в JavaScript
Асинхронные операции, часто требуют возможности отменить или прервать их до завершения. Здесь на помощь приходит AbortController, о котором и пойдёт речь.
👍1
Незаметно https://hub.docker.com/ разблокировали доступ из России 🤷♂️
🔥3
PHP разработчику, нужно знать множество особенностей языка, чтобы облегчить написание и сопровождение кода. Без явного рассказа о той или иной части языка сложно даже узнать о её существовании, поэтому сегодня поговорим о магических методах, которыми обладают классы, и о том, как их использовать при написании кода.
https://www.dev-notes.ru/articles/php/phps-magic-methods/
https://www.dev-notes.ru/articles/php/phps-magic-methods/
Заметки разработчика
Магические методы PHP
PHP разработчику, нужно знать множество особенностей языка, чтобы облегчить написание и сопровождение кода. Сегодня поговорим о магических методах.
🔥7
Помните HTML-элемент
https://www.dev-notes.ru/articles/frontend/infinite-scrolling-logos-html-css/
marquee? Он устарел, поэтому вряд ли стоит его использовать, когда понадобится что-то вроде горизонтальной автопрокрутки. Вот тут-то и приходит на помощь CSS, потому что в нём есть все необходимые инструменты для реализации этой функции.https://www.dev-notes.ru/articles/frontend/infinite-scrolling-logos-html-css/
Заметки разработчика
Бесконечная прокрутка логотипов на чистом HTML и CSS
Помните HTML-элемент marquee? Не стоит его использовать, он устарел. На помощь приходит CSS, в нём есть все необходимые инструменты для реализации автопрокрутки
👍3🔥1
Знаете ли вы, какая информация утекает через заголовок
https://www.dev-notes.ru/articles/security/security-tip-is-your-referrer-leaking-information/
Referer, когда ваши пользователи переходят по внешним ссылкам?https://www.dev-notes.ru/articles/security/security-tip-is-your-referrer-leaking-information/
Заметки разработчика
Происходит ли утечка информации через ваш Referer
Знаете ли вы, какая информация утекает через заголовок Referer, когда ваши пользователи переходят по внешним ссылкам?
❤4👍2
Рассмотрим класс даты
https://www.dev-notes.ru/articles/laravel/immutable-carbon-dates/
Carbon в Laravel и то, как изменить настройки использования этого класса в Laravel, чтобы сделать его иммутабельным.https://www.dev-notes.ru/articles/laravel/immutable-carbon-dates/
Заметки разработчика
Иммутабельные даты Carbon в Laravel
Рассмотрим класс даты Carbon в Laravel и то, как изменить настройки использования этого класса в Laravel, чтобы сделать его иммутабельным.
👍4🔥2
В PHP 8.4 добавлены четыре новые функции массива для поиска и проверки элементов массива с функцией обратного вызова:
https://www.dev-notes.ru/articles/php/8.4/array_find-array_find_key-array_any-array_all/
array_find, array_find_key, array_all и array_any.https://www.dev-notes.ru/articles/php/8.4/array_find-array_find_key-array_any-array_all/
Заметки разработчика
PHP 8.4: Функции array_find, array_find_key, array_any и array_all
В PHP 8.4 добавлены новые функции массива для поиска и проверки элементов массива с функцией обратного вызова: array_find, array_find_key, array_all и array_any
👍4
Расширение Intl в PHP 8.4 добавляет новую функцию
https://www.dev-notes.ru/articles/php/8.4/grapheme_str_split/
grapheme_str_split, разбивающую заданную строку на массив графем.https://www.dev-notes.ru/articles/php/8.4/grapheme_str_split/
Заметки разработчика
PHP 8.4: Новая функция grapheme_str_split
Расширение Intl в PHP 8.4 добавляет новую функцию grapheme_str_split, разбивающую заданную строку на массив графем.
👍1
Валидация — важная часть любого веб-приложения. Она помогает предотвратить уязвимости в системе безопасности, повреждение данных и множество других проблем, которые могут возникнуть при работе с пользовательским вводом.
https://www.dev-notes.ru/articles/laravel/ultimate-guide-to-laravel-validation/
https://www.dev-notes.ru/articles/laravel/ultimate-guide-to-laravel-validation/
Заметки разработчика
Руководство по валидации в Laravel
Валидация — важная часть веб-приложения. Она предотвращает повреждение данных и множество других проблем, возникающих при работе с пользовательским вводом.
👍2
Сегодня хочу поговорить о нескольких инструментах для предварительного рендеринга HTML. Давайте разбираться!
https://www.dev-notes.ru/articles/ssg/the-different-static-site-generators-and-which-one-to-choose/
https://www.dev-notes.ru/articles/ssg/the-different-static-site-generators-and-which-one-to-choose/
Заметки разработчика
Генераторы статических сайтов (и какой из них выбрать)
Сегодня хочу поговорить о нескольких инструментах для предварительного рендеринга HTML. Давайте разбираться!
Composer — основной менеджер зависимостей для PHP, и если работаете с PHP, то уже знакомы с такими часто используемыми командами, как
https://www.dev-notes.ru/articles/php/lesser-known-yet-useful-composer-commands/
composer install и composer update. Composer также предоставляет несколько менее известных, но полезных при работе над приложениями в PHP, команд.https://www.dev-notes.ru/articles/php/lesser-known-yet-useful-composer-commands/
Заметки разработчика
Composer: Менее известные, но полезные команды
Итак, вот пять команд Composer, которые вы, возможно, не знаете, но с удовольствием будете использовать.
👍4
HTTPS — повсюду, но HTTP всё ещё остаётся доступным… Как остановить злоумышленников, перехватывающих и понижающих соединения с вашим сайтом?
https://www.dev-notes.ru/articles/security/security-tip-how-strict-is-your-transport-security/
https://www.dev-notes.ru/articles/security/security-tip-how-strict-is-your-transport-security/
Заметки разработчика
Насколько строга ваша транспортная безопасность
HTTPS — повсюду, но HTTP всё ещё остаётся доступным… Как остановить злоумышленников, перехватывающих и понижающих соединения с вашим сайтом?
👍1
Метод
https://www.dev-notes.ru/articles/javascript/control-promises-from-anywhere-using-promise-withresolvers/
Promise.withResolvers() повышает гибкость, позволяя удалённо разрешать или отклонять промисы, упрощая и оптимизируя асинхронный код.https://www.dev-notes.ru/articles/javascript/control-promises-from-anywhere-using-promise-withresolvers/
Заметки разработчика
Управляйте промисами используя Promise.withResolvers()
Метод Promise.withResolvers() повышает гибкость, позволяя удалённо разрешать или отклонять промисы, упрощая и оптимизируя асинхронный код.
❤2
Давайте рассмотрим использование CSS в качестве альтернативы JavaScript для создания простых таймеров. Используем современные свойства CSS, такие, как
https://www.dev-notes.ru/articles/css/how-to-make-a-css-timer/
@property, @keyframes, и псевдоэлементы со значениями counter().https://www.dev-notes.ru/articles/css/how-to-make-a-css-timer/
Заметки разработчика
Как сделать таймер на CSS
Рассмотрим использование CSS как альтернативу JavaScript для создания простых таймеров. Используем для этого современные свойства CSS.
👍1