########### 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 ############## ###########################################################################################
##########################################################################################