<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 .htaccess
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
RewriteEngine On | |
RewriteRule ^$ /articles [L] |
View .htaccess
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# +FollowSymLinks - означает, что если каталог является символьной ссылкой, перейдите по ссылке | |
Options +FollowSymLinks |
View art-css-framework.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Вдохновение 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
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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth |
View README.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 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
);
NewerOlder