Linux для игр, Windows для работы. С чего начать, как установить и настроить
https://habr.com/ru/articles/751624/
https://habr.com/ru/articles/751624/
Forwarded from mefody.dev
Стилизуй свой RSS
Дэрек Кэй предлагает интересное. Если у вас есть блог, или вы делаете новостной сайт, или сайт с какой-то обновляемой базой знаний, то скорее всего вы уже прикрутили RSS-ленту. Я, например, RSS пользуюсь постоянно, подписан много на кого через Feedly.
И вот пользователь переходит по прямой ссылке на RSS-ленту. Скорее всего он увидит месиво из XML-тегов и их содержимого. Казалось бы, ну и ладно, это же для автоматики страница, а не для людей.
Но у нас ведь есть древний способ стилизовать XML-документы — XSLT. В прошедшем недавно ЯЛФ CTF как раз было задание, где нужно было в XML-документе поиграться со стилями и получить нужный для ответа флаг.
Как это работает:
1. Вы заводите XML-документ с данными. RSS — это подмножество XML.
2. К нему прикрепляете XSL-стили.
3. Внутри XSL описываете шаблон представления данных. По сути — HTML с дополнительными возможностями шаблонизации, среди которых циклы, фильтрация, работа с «объектами», условия и прочее.
4. Туда же добавляете обычные CSS-стили, потому что уже есть привычный HTML-шаблон с тегами и классами, если нужно.
5. Если в RSS-ленту зайдёт робот, он не будет ничего делать со стилями и просто распарсит вашу ленту, как ему надо. То есть ничего не меняется.
6. Если зайдёт по прямой ссылке реальный пользователь, он увидит красивую ленту в стиле вашего сайта. Можно, например, приделать инструкцию, как подписаться на эту ленту.
XSLT сейчас скорее мёртв, чем жив, и хорошо — с ним мороки было очень много, не самый DX-приятный способ писать сайты. Но браузеры всё ещё его поддерживают, чтобы не сломались сайты, которые писали в древности. Поэтому можно использовать эту древнюю технологию для таких вот интересных экспериментов.
https://darekkay.com/blog/rss-styling/
Дэрек Кэй предлагает интересное. Если у вас есть блог, или вы делаете новостной сайт, или сайт с какой-то обновляемой базой знаний, то скорее всего вы уже прикрутили RSS-ленту. Я, например, RSS пользуюсь постоянно, подписан много на кого через Feedly.
И вот пользователь переходит по прямой ссылке на RSS-ленту. Скорее всего он увидит месиво из XML-тегов и их содержимого. Казалось бы, ну и ладно, это же для автоматики страница, а не для людей.
Но у нас ведь есть древний способ стилизовать XML-документы — XSLT. В прошедшем недавно ЯЛФ CTF как раз было задание, где нужно было в XML-документе поиграться со стилями и получить нужный для ответа флаг.
Как это работает:
1. Вы заводите XML-документ с данными. RSS — это подмножество XML.
2. К нему прикрепляете XSL-стили.
<?xml-stylesheet href="/rss.xsl" type="text/xsl"?>.3. Внутри XSL описываете шаблон представления данных. По сути — HTML с дополнительными возможностями шаблонизации, среди которых циклы, фильтрация, работа с «объектами», условия и прочее.
4. Туда же добавляете обычные CSS-стили, потому что уже есть привычный HTML-шаблон с тегами и классами, если нужно.
5. Если в RSS-ленту зайдёт робот, он не будет ничего делать со стилями и просто распарсит вашу ленту, как ему надо. То есть ничего не меняется.
6. Если зайдёт по прямой ссылке реальный пользователь, он увидит красивую ленту в стиле вашего сайта. Можно, например, приделать инструкцию, как подписаться на эту ленту.
XSLT сейчас скорее мёртв, чем жив, и хорошо — с ним мороки было очень много, не самый DX-приятный способ писать сайты. Но браузеры всё ещё его поддерживают, чтобы не сломались сайты, которые писали в древности. Поэтому можно использовать эту древнюю технологию для таких вот интересных экспериментов.
https://darekkay.com/blog/rss-styling/
Darek Kay
Style your RSS feed
How to make your RSS feed look nice and provide useful information at the same time.
Forwarded from Frontender's notes [ru]
🗣️Создание статичного блога на Angular и Contentful
В этой статье автор продемонстрирует связку Angular и Contentful.
Читать...
В этой статье автор продемонстрирует связку Angular и Contentful.
Читать...
Forwarded from Frontender's notes [ru]
🌳DOM, DI и View: деревья в Angular
В статье рассмотрим различия, научимся держать их в уме и освоим, как можно обойти возможные трудности, связанные с ними.
Читать...
В статье рассмотрим различия, научимся держать их в уме и освоим, как можно обойти возможные трудности, связанные с ними.
Читать...
Forwarded from Web Stack
Пять практических примеров использования регулярных выражений
В этом учебном пособии мы рассмотрим их важность и покажем пять практических примеров их использования, включая проверку данных, извлечение данных, разбор журнала, поиск и замену, а также очистку данных.
https://blog.openreplay.com/five-practical-use-cases-for-regular-expressions/
В этом учебном пособии мы рассмотрим их важность и покажем пять практических примеров их использования, включая проверку данных, извлечение данных, разбор журнала, поиск и замену, а также очистку данных.
https://blog.openreplay.com/five-practical-use-cases-for-regular-expressions/
Опорная архитектура Node.js-приложений: рекомендации группы инженеров из IBM и Red Hat по разработке и эксплуатации Node.js-приложений
https://nodeshift.dev/nodejs-reference-architecture/
https://nodeshift.dev/nodejs-reference-architecture/
nodeshift.dev
Node.js Reference Architecture | Node.JS Reference Architecture
Overview
Использование шины событий для межкомпонентного взаимодействия
В данной статье рассматривается использование центрального узла, чтобы разработчики могли в полной мере использовать его потенциал для эффективной разработки на Vue.
https://blog.openreplay.com/using-an-event-bus-for-cross-component-communication/
В данной статье рассматривается использование центрального узла, чтобы разработчики могли в полной мере использовать его потенциал для эффективной разработки на Vue.
https://blog.openreplay.com/using-an-event-bus-for-cross-component-communication/
Openreplay
Using an Event Bus for Cross Component Communication
Learn how to use the Event Bus design pattern for communication among components
Полный стек TypeScript с tRPC и React
Следующий учебник представляет собой пошаговое руководство по созданию небольшого приложения CRUD с помощью Node + Express на сервере и React на клиенте.
https://www.robinwieruch.de/react-trpc/
Следующий учебник представляет собой пошаговое руководство по созданию небольшого приложения CRUD с помощью Node + Express на сервере и React на клиенте.
https://www.robinwieruch.de/react-trpc/
Robin Wieruch
Full-Stack TypeScript with tRPC and React - Robin Wieruch
How to use tRPC with React for full-stack type safety with TypeScript ...
Полное руководство по Web Workers
Web Workers позволяют улучшать производительность приложений за счет вынесения тяжелой логики из основного потока. В статье описаны способы работы с воркерами, а также их ограничения.
https://www.sitepoint.com/developing-faster-javascript-apps-the-ultimate-guide-to-web-workers
Web Workers позволяют улучшать производительность приложений за счет вынесения тяжелой логики из основного потока. В статье описаны способы работы с воркерами, а также их ограничения.
https://www.sitepoint.com/developing-faster-javascript-apps-the-ultimate-guide-to-web-workers
Sitepoint
Develop Faster JS Apps: the Ultimate Guide to Web Workers — SitePoint
Learn why long-running functions in JavaScript are problematic, and how to use web workers to address execution speed issues.
Forwarded from Node.JS [ru] | Серверный JavaScript
🛡Внедрение Guards NestJS. Аутентификация и авторизация на основе ролей
В этой статье рассмотрим наш кейс по внедрению guards для защиты данных от пользователя, который не имеет достаточно прав на их получение и/или изменение.
Читать...
В этой статье рассмотрим наш кейс по внедрению guards для защиты данных от пользователя, который не имеет достаточно прав на их получение и/или изменение.
Читать...
Forwarded from Linux для чайника
Скрипт, выполняющий резервное копирование каталогов и файлов
Замените
Сохраните скрипт в файл, например,
Затем запустите скрипт:
Замените
/path/to/source_directory1 фактическим путем к каталогам и файлам, резервную копию которых вы хотите создать. Аналогичным образом замените /path/to/backup_directory на путь к каталогу, в котором вы хотите хранить файлы резервных копий.Сохраните скрипт в файл, например,
backup_script.sh, и сделайте его исполняемым с помощью следующей команды:chmod +x backup_script.shЗатем запустите скрипт:
./backup_script.shForwarded from FrontEndDev
Регулярные выражения in JavaScript
Синтаксис регулярных выражений и методы работы с ними в JS. Большое руководство с примерами.
https://www.honeybadger.io/blog/javascript-regular-expressions/
Синтаксис регулярных выражений и методы работы с ними в JS. Большое руководство с примерами.
https://www.honeybadger.io/blog/javascript-regular-expressions/
Создание расписания конференции с помощью CSS Grid
https://css-tricks.com/building-a-conference-schedule-with-css-grid/
https://css-tricks.com/building-a-conference-schedule-with-css-grid/
CSS-Tricks
Building a Conference Schedule with CSS Grid | CSS-Tricks
It’s hard to beat the feeling of finding a perfect use for a new technology. You can read every handy primer under the sun and ooh-and-ahh at flashy demos,
Создание календарей с учетом требований доступности и интернационализации
https://css-tricks.com/making-calendars-with-accessibility-and-internationalization-in-mind/
https://css-tricks.com/making-calendars-with-accessibility-and-internationalization-in-mind/
CSS-Tricks
Making Calendars With Accessibility and Internationalization in Mind | CSS-Tricks
Doing a quick search here on CSS-Tricks shows just how many different ways there are to approach calendars. Some show how CSS Grid can create the layout
Книги по Linux для начинающих и профессионалов: выбираем лучшее
https://habr.com/ru/companies/ru_mts/articles/765308/
https://habr.com/ru/companies/ru_mts/articles/765308/
Хабр
Книги по Linux для начинающих и профессионалов: выбираем лучшее
В этой подборке — книги по Linux. В большинстве своём они предназначены для специалистов, но есть что почитать и новичку. Мы постарались собрать самые разные книги — для системных администраторов,...