Keita Yamada
Portfolio
Light
Dark
Monospaced

Born in 1994in Osaka, Japan.I believeweb designcan be morediverse and inspiring.With a missionto presentthe possibilitiesof web design,I am pursuingnew expressionsthrough experimentsand thoughts.

Shogo Tominaga

Mar.2025 / Dev / Design: Hiroaki Nakano

LQVE

Mar.2025 / Dev / Design: Hiroaki Nakano

PRODUCTION HASU

Oct.2024 / Design & Dev

emuni

Jul.2024 / Dev / Design: Hiroaki Nakano

UNDER VOYAGER

Apr.2024 / Design & Dev

obake.blue

Feb.2024 / Design & Dev

cocoon records

Jan.2024 / Design & Dev

Starpeggio

Aug.2023 / Design & Dev

BNN Online Store

Jul.2023 / Design & Dev

ILY GIRL

Jul.2023 / Design & Dev

OVERTURE

Mar.2023 / Design & Dev

yansuKIM

Jan.2023 / Design & Dev

PUNCH

Nov.2022 / Design & Dev

SOLANI

Nov.2022 / Design & Dev

REVENGE POP

Oct.2022 / Design & Dev

REI NAKANISHI

Jun.2022 / Dev / Design: OKUMA

HOLO.g

Dec.2021 / Design & Dev

PAN- PROJECTS

Sep.2021 / Design & Dev

VIXI

Jun.2021 / Dev / Design: hydekick

Yoshiki Okamura

Feb.2021 / Design & Dev

buoy

Oct.2020 / Design & Dev

100 DAYS OF POETRY

May.2020 / Design & Dev

naname

Mar.2020 / Dev / Design: hydekick

  • Awwwards Independent of the Year
    2020 Nominee
  • Awwwards Site of the Day
    Web Graphic Experiments
  • Awwwards Site of the Day
    100 DAYS OF POETRY

How did you make the background effect in this website?

I used three.js to write WebGL faster and the background effect is written in glsl.
If you are interested in glsl, I recommend you to read The Book of Shaders.

Where can I find your code?

I have GitHub account but my projects (including this website) are private repository.

Can I use your code?

I don‘t allow anyone to use my code. I don‘t wanna say such thing but I got too much questions about that.

How did you learn web frontend and WebGL/glsl ?

By reading books and articles on the internet.
Here is a list of web pages I recommend to read.

three.js examples
The Book of Shaders
three.js journey
Codrops

What libraries do you use?

GSAP for creating animations.
three.js for writing WebGL code.
Tweakpane for tuning parameters.
Alpine.js is my favorite JavaScript framework.

Copycats

Websites created by plagiarizing the source code of this portfolio site are listed here.

It’s completely normal to feel inspired by someone’s work and want to imitate it, and that’s how I’ve honed my skills as well. What I hate are idiots who just copy the source code and release it as their own.

The links below are to a Google Drive page where evidentiary screenshots were saved. The Names of the website owners are links to their sns account.

If you find any website that has stolen my website’s code, please let me know.(p5aholic923@gmail.com)

web.stanford.edu/~efezldn/ by Efe Zaladin
- Web Archive Page

bkhtdev.com by Bakhtiyor Ganijon

manosunidas.ar by Gomez Alberto A.
- Web Archive Page

huszar-bence.com by Huszár Bence

veronicapinar.thepixelperfect.es by Verónica Pinar
- Web Archive Page