Skip to content
View unit-404's full-sized avatar
Dark nights of soul...
Dark nights of soul...

Organizations

@unite-2-re

Block or report unit-404

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
unit-404/README.md

🖤 Dark nights of soul... 🖤

💼 Profile? 💼

I'm not so young student, individual with developmental delays.


📑 License Agreements (Restrictions)

  • Do not distribute without author mentions...
  • Please, save something from original trademark.
  • By making use of the Software for military purposes, you choose to make a 🐰 unhappy.

📈 Projects 📈

Here are some of my notable projects:

  • 🧩 Unite 2-RE 🧩 - huge collection of own SCSS, JS and TS libraries and services.
  • 📱 ADL-U2RE 📱 - (in development) our web application...

📝 Extended About 📝


🗃️ Stack

Vanilla Pre-proc OS Env Browser Framework IDE
CSS TS Windows 11 Deno Edge SolidJS VS Code
HTML PostCSS Ubuntu NPM Firefox Svelte
JS SASS Linux Vite Chrome LIT
JSON Pug Fastify Electron Vue
Wasm C++ Node

More...


🚀 About Me

I'm a passionate Frontend Developer with a strong focus on creating user-friendly web applications. I have experience working with modern technologies Pug, SCSS, TypeScript, along with HTML, CSS, and JavaScript (and also bigger frameworks). My goal is to deliver high-quality, responsive, and accessible interfaces that provide an exceptional user experience.

🛠️ Skills & Tools

  • Languages: JavaScript/TypeScript, HTML/Pug, CSS/SCSS...
  • Tools: Webpack (in past), Vite, Deno, Git, pnpm/npm/yarn.
  • Frameworks: Vanilla, Lit, SolidJS, Lucide, own conceptions.
  • Frameworks (in past): Svelte, Vue, React
  • Other:
    • Responsive Design
    • Accessibility (a11y)
    • Performance Optimization
    • Progressive Web Apps (PWA)
    • CSP, CORS, CORP, etc.
    • Backend (Node.js, Fastify, Vite)
  • Featured:
    • Deep CSS/SCSS tricking
    • Passive CSS programming
    • Multi-level coding concept
    • Able to replicate most libraries
    • Able re-generate newer concepts
    • JS helping to CSS or vice versa

🌱 Learning

Currently learning:

  • Advanced performance optimization techniques
  • More CSS and JS tricks and techniques
  • More CSS standards and specifications
  • More EcmaScript conceptions

🎯 Interests

Besides coding, I enjoy:

  • Reading tech blogs and articles
  • Participating in hackathons and coding challenges
  • Exploring new tools and frameworks

📫 Get In Touch

Feel free to reach out if you want to collaborate or just chat about tech!


📈 Stats

GitHub stats


🎨 HSV? In my CSS?! 🎨

Yes, this is real HSV.

.hsv-based {
    --hsv-value: hsl(40 90 20); /* no-sense, it's hsv */

    // for string interpolation
    $L: calc((l / 100) * (1 - (s / 100) * 0.5));
    $S: calc(((l / 100) - #{$L}) / min(#{$L}, 1 - #{$L}));

    // use string interpolated $S and $L calc math
    background-color: hsl(from var(--hsv-value) h calc(#{$S} * 100) calc(#{$L} * 100));
}

🗡️ Less for your hopes, my small troll... 🗡️

Code to block some actions of naive users...

Ideal scenario for protect from ban avoid... Why? Because after clear cache, memory process still remain You can pass ban-system only if you block such events, or if you clear store in out of process

//some process or memory still remains even after clearing storage...
addEventListener("beforeunload", saveToStorage);
addEventListener("pagehide", saveToStorage);

//
document.addEventListener("visibilitychange", (ev)=>{
    if (document.visibilityState === "hidden") {
        saveToStorage(ev);
    }
});

// but using such events may broke mechanism...
addEventListener("storage", (ev)=>{
    if (ev.storageArea == localStorage) {

    }
});

🔥 Let's build something amazing together!

Pinned Loading

  1. unite-2-re/ui.system unite-2-re/ui.system Public

    All UI elements, which may not compact in dedicated project...

    SCSS 1

  2. unite-2-re/interact.ts unite-2-re/interact.ts Public

    Library for sort of interaction

    TypeScript 1

  3. unite-2-re/uniform.ts unite-2-re/uniform.ts Public

    🏬 Replacement of all my web workers libraries. 🏬

    TypeScript 1

  4. unite-2-re/object.ts unite-2-re/object.ts Public

    Reactive Objects Utils

    TypeScript 1

  5. unite-2-re/dom.ts unite-2-re/dom.ts Public

    DOM Utilities

    TypeScript 1

  6. unite-2-re/webapp.runtime unite-2-re/webapp.runtime Public

    Template of web-app runtime (i.e. loader)

    JavaScript 1