########### Web Design #############
Front End:
The front-end is what the user sees, including design and some technologies like HTML and CSS and Javascript.
Back End:
The back-end is basically how the works, This refers to everything the user can't see in the browser, like database and servers.
############ Wireframing ###############
-https://idmx.mybalsamiq.com
############ warning-at cors ###############
use - const proxyUrl=`https://cors-anywhere.herokuapp.com/`
############## UI & UX #####################
UI (User Interface )
-Stands for User Interfce
-Includes visual design of a product
-Tool and point of interaction
UX (User Experience )
-Stands for User Experience
-Is how a person feel for a product
-Is the interaction itself
-Includes interfaces
################## Media Responsive Query ############################ /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) {...}
/* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) {...}
/* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) {...}
/* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) {...}
/* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) {...}
################ Web Typography ###########
Typography is the art of designing letters, words, paragraphs, and how the interact with each other.
- 5 Basic Principle for good typography
-1 Font Choice
serif , sans serif
serif- serif fonts are font with little stroke & curves, at the ends of letters
sans serif- San serif font does not include any extra stroke & curves at the ends of the letters
-2 Size
-set text type at 14 to 16px
-3 Line Height
- set the line height at approximately 150 % of body text size
- exp- 14px text size works well at a 21px (150%) of line height.
-4 Alignment
-5 Readability
-https://wwww.google.com/fonts
-https://wwww.fontsquirrel.com
-https://wwww.pearsonifed.com/typography *****
-https://wwww.gridlover.net/try *****
############### Web color ##############
color.adobe.com/create/color-what/
############### Web icon ##############
iconsfor web
############### image for web ##############
- image optimization - 1.28MB 61.5%
############### White spacing ##############
###########################################################################################
##########################################################################################