DEV Community: itachiszep24

Chessclub master

itachiszep24 — Sat, 03 Jan 2026 04:12:19 +0000


















8. Newsletter jako pop-up. Dowolna technika, exit-intent najlepiej exit-intent to jest że jak wykryje że ktoś chce wyjśc ze strony wtedy wyskakuje dopiero na ryj. To ostatnio akurat robiłem, znaczy koło tygodnia temu
Ale jak nie ta to w inny sposób typu 15sec jak ktoś już przebywa na stronie, najlepiej z blokadą żeby jedna osoba nie dostawała za każdym razem co wejdzie na stronę  




13. Jak klikniesz "Dolacz do nas" to Interaktywny wybór planu gdzie wybierasz płatność miesięczna lub roczna (zniżka przy rocznej np. -20%), wybór poziomu dołączenia typu Pionek/Skoczek/Król (w sensiei takie nazwy zamiast Basic/Premium czy inny kurwa VIP) i Pionek najtańszy, Król najdroższy, a ceny się animują przy zmianie czy miesięczny czy roczny i czy Pionek, Skoczek czy Król


2

Who the fuckin’ can do that? I can. But what it takes is discipline that no one can ever even… they don’t understand it.

itachiszep24 — Fri, 02 Jan 2026 06:42:38 +0000

Who the fuckin’ can do that? I can. But what it takes is discipline that no one can ever even… they don’t understand it.

All Hooks React

itachiszep24 — Thu, 01 Jan 2026 13:33:42 +0000

https://github.com/itachiszep/react-hooks-course-2025

https://www.youtube.com/watch?v=xfKYYRE6-TQ&list=PL5wBasCVs21VTLKW0cTMixU9HPfkTZ2JJ&index=3

Tailwind naucze sie :)

itachiszep24 — Tue, 30 Dec 2025 01:57:03 +0000

W Tailwind CSS klasa relative oznacza, że element ma ustawione:

position: relative;

Co to daje w praktyce?

Element nadal jest w normalnym układzie strony
position: relative nie wyjmuje elementu z flow (w przeciwieństwie do absolute).

Możesz go przesuwać za pomocą:

<div class="relative top-2 left-4">


co odpowiada:

top: 0.5rem;
left: 1rem;


Jest punktem odniesienia dla elementów absolute wewnątrz
To jest najczęstsze zastosowanie 👇

<div class="relative">
  <div class="absolute top-0 right-0">
    🔴
  </div>
</div>


👉 Element z absolute będzie pozycjonowany względem tego relative, a nie całej strony.

Porównanie z innymi klasami Tailwinda
Klasa   CSS Znaczenie
static  position: static    domyślne
relative    position: relative  punkt odniesienia
absolute    position: absolute  pozycja względem najbliższego relative
fixed   position: fixed względem okna
sticky  position: sticky    „przyklejony”
Kiedy używać relative?

gdy chcesz pozycjonować elementy wewnątrz (absolute)

gdy potrzebujesz lekko przesunąć element

bardzo często jako „wrapper” dla ikon, badge, tooltipów itp.

ggggg

itachiszep24 — Sat, 27 Dec 2025 16:02:30 +0000

gdgdgdgd

Simple Navbar tailwind

itachiszep24 — Sat, 27 Dec 2025 11:42:40 +0000

import React, { useState } from "react";
import { Menu, X } from "lucide-react";

const Navbar = () => {
  const [open, setOpen] = useState(false);

  return (
    <nav className="fixed top-0 left-0 w-full bg-gray-800 shadow-lg z-50">
      <div className="mx-auto px-6 h-12 flex items-center justify-between">
        <div className="text-white font-bold text-lg">KnopersShop</div>

        <ul className="hidden md:flex gap-6 absolute left-1/2 transform -translate-x-1/2">
          <li><a className="text-red-400 hover:text-white transition" href="">Home</a></li>
          <li><a className="text-red-400 hover:text-white transition" href="">About</a></li>
          <li><a className="text-red-400 hover:text-white transition" href="">Contact</a></li>
          <li><a className="text-red-400 hover:text-white transition" href="">Products</a></li>
        </ul>

        <button
          onClick={() => setOpen(!open)}
          className="md:hidden text-white"
          aria-label="Toggle menu"
        >
          {open ? <X size={24} /> : <Menu size={24} />}
        </button>
      </div>

      {open && (
        <div className="md:hidden bg-gray-900 px-6 py-4 flex flex-col gap-3">
          <a href="" className="text-red-400 hover:text-white transition">Home</a>
          <a href="" className="text-red-400 hover:text-white transition">About</a>
          <a href="" className="text-red-400 hover:text-white transition">Contact</a>
          <a href="" className="text-red-400 hover:text-white transition">Products</a>
        </div>
      )}
    </nav>
  );
};

export default Navbar;

Projekty do zrobienia

itachiszep24 — Tue, 23 Dec 2025 13:52:31 +0000

https://www.youtube.com/watch?v=cIYdiRDFWQw

Alex Hagen - Superhero

itachiszep24 — Thu, 18 Dec 2025 15:57:21 +0000

React map method

itachiszep24 — Mon, 15 Dec 2025 11:25:42 +0000

`import React from 'react'
import { navLinks } from '../../constants/index.js'

const Navbar = () => {
return (

Velvet Pour

    <ul>
        {navLinks.map((link) => (
            <li key={link.id}>
                <a href={`#${link.id}`}>{link.title}</a>
            </li>
        ))}
    </ul>



    </div>
</nav>

)
}

export default Navbar`

export const navLinks = [
    {id: 'cocktails', title: 'Cocktails'},
    {id: 'about', title: 'About Us'},
]

import React from 'react'
import { cocktailLists } from '../../constants'

const Cocktails = () => {
return (

<div className='list'>
    <div className='popular'>
        <h2>Most popular cocktails:</h2>

        <ul>
            {cocktailLists.map(({name, country,detail, price}) => (
                <li key={name}>
                    <div className='md:me-28'>
                        <h3>{name}</h3>
                        <p>{country} | {detail}</p>
                    </div>
                    <span>- {price}</span>
                </li>
            )

        )}
        </ul>

    </div>
</div> 
</section>

)
}

export default Cocktails

Rihanna - Umbrella - Solo Version (without JayZ). ♥

itachiszep24 — Sat, 13 Dec 2025 14:46:53 +0000

Best Gaming Music 2023 ♫ Best Of EDM ♫ Trap, Dubstep, House

itachiszep24 — Sat, 13 Dec 2025 10:43:54 +0000

Build & Deploy 3 Stunning Animated Websites with GSAP, Three.js, and React | 10-Hour Course

itachiszep24 — Fri, 12 Dec 2025 14:32:28 +0000