Skip to content

Instantly share code, notes, and snippets.

Avatar

Artem Kuznecov artemijeka

View GitHub Profile
View .htaccess
RewriteEngine On
RewriteRule ^$ /articles [L]
View .htaccess
# +FollowSymLinks - означает, что если каталог является символьной ссылкой, перейдите по ссылке
Options +FollowSymLinks
View art-css-framework.scss
// Вдохновение 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;
View datepicker-timepicker.md
<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;
View README.md

Расширения - плагины для 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
View width
window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
View README.ts
// 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
View README.md
<!-- Component.vue -->
<nuxt-img
      loading="lazy"
      :quality="80"
      class=""
      sizes="sm:328px xxl:150px"
      :src="'/test.jpg'"
      :alt="" />
View PREVIEW.md

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

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

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

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

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

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