artemijeka

RewriteEngine On
RewriteRule ^$ /articles [L]

artemijeka

# +FollowSymLinks - означает, что если каталог является символьной ссылкой, перейдите по ссылке
Options +FollowSymLinks

artemijeka

// Вдохновение https://tailwindcss.com/docs/
// v 0.1 - 1.04.2023
// Config:
$xs: 320px; // min-width: 320px; etc...
$sm: 480px;
$md: 576px;
$lg: 768px;
$xl: 992px;
$xxl: 1200px;
// $xxl: 1280px;

artemijeka

<input type="date" oninput="inputHandler(this)">

<!-- Это для передачи placeholder в ::after псевдокласс чтобы эмитировать placeholder -->
input[type='date']::after,
input[type='time']::after {
  content: attr(placeholder);
  height: 100%;
  display: flex;
 align-items: center;

artemijeka

Расширения - плагины для VSCode

Работа с строками

Транслит строки cyrillic в latin а также конвертация через дефисы (тире)

Name: Translit
Id: Psilon.translit
Description: Transliteration cyrillic to latin and slugify
Publisher: Psilon
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=Psilon.translit

artemijeka

window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth

artemijeka

// TypeScript for JS Programmers https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html
// TypeScript для продвинутых за 2 часа https://www.youtube.com/watch?v=7NU6K4170As
// +TypeScript - Быстрый Курс за 70 минут https://www.youtube.com/watch?v=nyIpDs2DJ_c&t=3661s
  // ?40 минута не понял концепт
  // ?enum  не понял на кой...

let age: number 

// Переменной можно назначать тип встроенных класcов js
let data: Data 

artemijeka

<!-- Component.vue -->
<nuxt-img
      loading="lazy"
      :quality="80"
      class=""
      sizes="sm:328px xxl:150px"
      :src="'/test.jpg'"
      :alt="" />

artemijeka

Как сжать шрифт для веб-сайта?

Существует хороший сжимальщик шрифта по адресу в интернете https://transfonter.org/

Наглядный пример на сколько может сжать шрифт данный инструмент

Подробнее как сжать шрифт для веб-сайта в данной статье

artemijeka

onResizeStartEnd(
  () => {
    popup.classList.add("--hide");
  },
  () => {
    popup.classList.remove("--hide");
  },
  500
);