Want better browsing experience ?
PC is recommended !
Natsuki

ABOUT

Hi, 👋
I'm Natsuki,
a web developer

Software Skills

Html+Css

90%

react

70%

VUE

70%

Javascript

85%

Typescript

60%

three.js

70%

Implemented Features

Favicon Design
Responsive
Mobile menu toggle
Scroll-to-top button
Fixed top navbar
👋Animations
Click to zoom in / out images
Carousel
Custom pagination style
Table display
Collapse / expand sub-cards
Dropdown submenu
Links hover animation
Scrollbar styles
Selected text styles
GRID / FLEX
Router navigation
Calendar
Skill progress bars
Pseudo-elements
Dark mode
Language toggle
Blog

About Me

Code

Lifelong learning
code + design + art

Des.

C4D modeling and rendering
Sketching, Figma

Lang

English: IELTS(7), TOEIC(900)
Japanese: JLPT N1
Spanish: read easy books

Like

No books, movies, music
No life

Run

2024 is the 8th year
Personal best: 21KM

Self

Driven by curiosity
Always enjoy "flow"

Project Summary

From conception to completion, this personal website underwent three major design draft revisions. Built with vanilla languages.
770 lines of HTML , 1589 lines of CSS , 241 lines of JS
Again, gratitude to Github for providing free static page hosting.

DEMO

Leonard Cohen

Leonard Norman Cohen was a Canadian singer-songwriter, poet, and novelist. Themes commonly explored throughout his work include faith and mortality, isolation and depression, redemption and betrayal, social and political conflict, and sexual and romantic love, desire, regret, and loss.

My favorite songs ever
Singer The song Year The album
Can Mary, Mary So Contrary 1969 Monster Movie (Remastered)
Old Man Canyon Hollow Tree 2016 Delirium
Violent Femmes Kiss Off 2007 Rocket Science
The Cure Sugar Girl 2004 Join the Dots: B-Sides & Rarities
The Smiths There is a Light That Never Goes Out 1986 The Queen Is Dead
Kraftwerk Computer Love 1981 Computer World
Bob Dylan Why try to change me now 2015 Shadows in the Night
Total 7
Thank u music, always makes me smile and cry :)
SUN
MON
TUE
WED
THU
FRI
SAT

module 1

module 2

module 3

DOC

HTML & structure

HyperText Markup Language

It can be applied to pieces of text to give them different meaning in a document...

Javascript & control

Core programming language of W3

A lightweight, interpreted, or just-in-time compiled programming language with first-class functions...

HTTP & protocol

Hypertext Transfer Protocol

Designed for communication between web browsers and web servers with a classical client-server model...

Three.js & WebGL

Cross-browser JavaScript 3D library

Using Three.js to create and display animated 3D computer graphics in a web browser using WebGL...

react & Framework

Declarative and component-based

Build encapsulated components that manage their own state, then compose them to make complex UIs...

vue & Framework

Approachable, performant, versatile

Truly reactive, compiler-optimized rendering system that rarely requires manual optimization...

axios & xhr

Promise based HTTP client

Axios is isomorphic, it can run in the browser and nodejs with the same codebase...

webstorm & ide

An integrated environment

Automating routine work and helping you handle complex tasks with ease...

CSS & style

Cascading Style Sheets

CSS is the code that styles web content, it basics walks through what you need to get started...

show more

contact