Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Skip to content
View u2re-dev's full-sized avatar
⚫
Dark nights of soul...
⚫
Dark nights of soul...

Organizations

@unite-2-re

Block or report u2re-dev

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
u2re-dev/README.md

U2RE-dev (about me/us)

🌐 Frontend-side 🌐

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, CSS/SCSS...
  • Tools: Vite, Git, pnpm/npm/yarn, other...
  • Frameworks: Vanilla, Lit, SolidJS, own conceptions.
  • Assets: Lucide, 'Source Sans', AI-Generated
  • 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

🧒 Some my tricks 🧒

🌈 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));
}

πŸ”° Addition for Evercookies... πŸ”°

Code to block some actions from of naive users...

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) {

    }
});

🎯 Projects 🎯

Here are some of my notable projects:

  • πŸ“• Unite.2RE πŸ“• - huge collection of own SCSS, JS and TS libraries and services.
  • πŸŒƒ OS.U2RE πŸŒƒ - (in development, private) our web application...
  • πŸͺŸ OS: https://os.u2re.space/ πŸͺŸ

πŸ“‘ 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.

πŸ’“ Get In Touch

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

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