Welcome to
web design
and Animation
restart
You can see all my exercises at Git Hub
account .
All my works are :
- 100% Responsive web design
- Built with valid HTML5 CSS3 Bootstrap Vanila JS ES6
React 18
- Simple & Easy Customize
- Tested on real devices
For now, I still don't have my projects. Nobody hired me mostly practice
tutorials ..
For beginners only
Best Visual Studio Code Extensions
- 1 Prettier - Code formatter
- 2 Live Server
- 3 Lorem ipsum
- 4 Material Icon Theme
- 5 npm Intellisense
- 6 Auto Close Tag
- 7 Auto Rename Tag
- 8 Bracket Pair Color DLW
- 9 Code Runner
- 10 Live Sass Compiler
- 11 Codeium
- 12 Emmet
- 13 Path Intellisense
- 14 Peacock
How to Push an Existing Project to GitHub
- 1 Create a new GitHub Repo
- 2Initialize Git open terminal VSC
- 3git init
- 4git add .
- 5git commit -m 'Initial Commit'
- 6copy link from GitHub
- 7git remote add origin git@github.com:paste/link-here.git
- 8git push -u -f origin main
Host Website on Netlify for Free
- 1 Sign up on Netlify
- 2 Click Add a new site
- 3 Connect to a Git provider
- 4 Choose the Repository
- 5 Configure the site's settings
- 6 Click Deploy
Best Chrome Extensions for Developers
- 1 Color Picker
- 2 Mobile Simulator
- 3 CSS Peeper
- 4 GoFullPage
- 5 Responsive Viewer
- 6 Redux Dev Tools
- 7 React Developer Tools
- 8 WhatFont
- 9 Language Tool
- 10 Live Sass Compiler
- 11 Codeium: AI Coding Autocomplete
- 12 Emmet Keybindings
- 13 JavaScript (ES6) code snippets
- 14 Path Intellisense
- 15 Peacock
I read somewhere that in order to learn a programming language, you have to tell someone what you've learned.
Web Design
Multiple pages Slider Parallax Web Site beginners
Demo
Download
Collapsibles Accordion Web Design sass beginners
Demo
Download