Skip to content

pdkaizer/Design-to-code-learning

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

From Figma to Code — A Designer's Path

A structured learning site for visual designers to understand modern HTML semantics and CSS architecture.

Setup

npm install

Development

Start the local dev server with hot reload:

npm run dev

Opens at http://localhost:5173/

Build

Compile and minify for production:

npm run build

Output goes to dist/.

Preview

Preview the production build locally before deploying:

npm run preview

Project Structure

Designer-Code-learning/
├── site/
│   ├── index.html    # Main page
│   └── style.css     # All styles
├── dist/             # Production build output (generated)
├── vite.config.js    # Vite configuration
└── package.json

About

A structured learning site for visual designers to understand modern HTML semantics and CSS architecture.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors