Skip to content

Instantly share code, notes, and snippets.

@yojeero
yojeero / index.html
Created January 31, 2026 04:52
tailwind browser mockup
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
@yojeero
yojeero / vite.config.js
Last active March 14, 2026 22:55
vite tailwind config
import { defineConfig } from "vite"
import tailwindcss from "@tailwindcss/vite"
export default defineConfig({
base: "./",
plugins: [
tailwindcss(),
],
@yojeero
yojeero / smooth_scroll.js
Created December 23, 2025 02:18
smooth scroll
// smooth scroll
document.addEventListener("DOMContentLoaded", function () {
const e =
"scrollingElement" in document
? document.scrollingElement
: ((n = document.documentElement),
(t = n.scrollTop),
(n.scrollTop = t + 1),
(t2 = n.scrollTop),
(n.scrollTop = t),
@yojeero
yojeero / extensions.json
Last active December 19, 2025 18:36
vscode extensions
[
{
"id": "1000ch.svgo",
"name": "svgo",
"description": "Fully featured SVGO plugin for Visual Studio Code",
"version": "3.1.0",
"publisher": "1000ch",
"state": false
},
{
@yojeero
yojeero / keybindings.json
Last active December 20, 2025 20:28
vscode keybindings win
// Поместите настраиваемые сочетания клавиш в этот файл, чтобы переопределить сочетания клавиш по умолчанию.auto[]
[
{
"key": "alt+/",
"command": "divider.addDividerLevel1WithOneLine"
},
{
"key": "f1",
"command": "editor.action.commentLine",
@yojeero
yojeero / settings.json
Last active February 2, 2026 04:13
vscode settings
{
"files.autoSave": "onFocusChange",
"telemetry.telemetryLevel": "off",
"editor.fontLigatures": true,
"editor.fontWeight": "normal",
"editor.fontFamily": "JetBrains Mono",
"window.menuBarVisibility": "visible",
"editor.wordWrapColumn": 100,
"editor.matchBrackets": "never",
"editor.wordWrap": "wordWrapColumn",
@yojeero
yojeero / tailwind off-canvas nav.html
Last active March 4, 2025 23:09
tailwind off-canvas nav
<!-- NAVIGATION -->
<!-- open button -->
<button id="menu" class="absolute top-4 right-4 lg:top-8 lg:right-8 w-14 h-14 cursor-pointer bg-sky-600 rounded-full" onclick="openNav()">
<svg class="w-6 h-6 ml-4 cursor-pointer text-white" viewBox="0 0 24 24">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
d="M7 15c0 3.3 0 4.95 1.025 5.975S10.7 22 14 22s4.95 0 5.975-1.025S21 18.3 21 15s0-4.95-1.025-5.975S17.3 8 14 8S9.05 8 8.025 9.025S7 11.7 7 15M9.58 2l1.346 1.11c.716.591 1.074.886 1.074 1.254h-1c-3.771 0-5.657 0-6.828 1.171S3 8.592 3 12.364V13"
@yojeero
yojeero / tailwind smoth scroll to.html
Last active December 19, 2025 14:20
tailwind smooth scroll to
<a href="#home" class="scroll">
<a href="#foo" class="scroll">
document.addEventListener("DOMContentLoaded",function(){var e=function(){if("scrollingElement"in document)return document.scrollingElement;var a=document.documentElement,b=a.scrollTop;a.scrollTop=b+1;var c=a.scrollTop;a.scrollTop=b;return c>b?a:document.body}(),h=function(a){var b=e.scrollTop;if(2>a.length)a=-b;else if(a=document.querySelector(a)){a=a.getBoundingClientRect().top;var c=e.scrollHeight-window.innerHeight;a=b+a<c?a:c-b}else a=void 0;if(a)return new Map([["start",b],["delta",a]])},m=function(a){var b=a.getAttribute("href"),c=h(b);if(c){var d=new Map([["duration",800]]),k=performance.now();(function l(a){d.set("elapsed",a-k);a=d.get("duration");var f=d.get("elapsed"),g=c.get("start"),h=c.get("delta");e.scrollTop=Math.round(h*(-Math.pow(2,-10*f/a)+1)+g);d.get("elapsed")<d.get("duration")?requestAnimationFrame(l):(history.pushState(null,null,b),e.scrollTop=c.get("start")+c.get("delta"))})(performance.now())}},n=function b(c,d){var
@yojeero
yojeero / tailwind list works.html
Last active December 19, 2025 14:20
tailwind list works
<div class="text-slate-300 text-center works-list">
<h3 class="text-4xl"> Onky </h3>
<h3 class="text-4xl"> Junso </h3>
<h3 class="text-5xl text-blue-300"> Luxe </h3>
<h3 class="text-3xl"> Pendev </h3>
<h3 class="text-3xl"> Arumo </h3>
</div>
@yojeero
yojeero / tailwind mouse svg.html
Last active December 19, 2025 14:20
tailwind svg mouse scroll
# =========================================================
<!-- one time -->
<svg class="grid place-self-center w-8 h-8 text-slate-400 animate-[scroll_ease-in-out_2.5s_forwards]" viewBox="0 0 24 24">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3" d="M12 22c6 0 7.5-4.51 7.5-10S18 2 12 2S4.5 6.51 4.5 12S6 22 12 22m0-13V6" color="currentColor" />
</svg>
<!-- loop -->
<!-- <svg class="grid place-self-center w-8 h-8 text-slate-400 animate-[scroll_ease-in-out_2.5s_infinite]" viewBox="0 0 24 24">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3" d="M12 22c6 0 7.5-4.51 7.5-10S18 2 12 2S4.5 6.51 4.5 12S6 22 12 22m0-13V6" color="currentColor" />