Resources about Website Building
Aug. 10th, 2023 09:51 pm![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
Now that many people feel the need of setting up personal websites/archive, I feel that these HTML, CSS, mobile responsive and accessibility resources can be useful.
HTML and CSS
Free Khan Academy Course: Intro to HTML/CSS: Making webpages
https://www.khanacademy.org/computing/computer-programming/html-css
W3Schools: There are hundreds of example and you can try the exercises out.
HTML Tutorial:
https://www.w3schools.com/html/default.asp
CSS Tutorial:
https://www.w3schools.com/css/default.asp
Codeacademy HTML and CSS resources :
https://www.codecademy.com/catalog/language/html-css
Mobile Responsive layout
It's easier to build a website that looks good on mobile first.
HTML Mobile Responsive Resources
https://www.w3schools.com/html/html_responsive.asp
Web Accessibility
Introduction to Web Accessibility
https://www.w3.org/WAI/fundamentals/accessibility-intro/
Validators and Tools:
Nu HTML Checker
https://validator.w3.org/nu/
CSS Validator
https://jigsaw.w3.org/css-validator/
Check if your website work with CSS disabled (bookmarklet)
https://calendar.perfplanet.com/2021/css-me-not/#:~:text=To%20install%20the%20bookmarklet
Mobile Friendly Test
https://search.google.com/test/mobile-friendly
Digital Accessibility Tools
https://archivesaccessibilityworkshop.commons.gc.cuny.edu/evaluation-tools/
HTML and CSS
Free Khan Academy Course: Intro to HTML/CSS: Making webpages
https://www.khanacademy.org/computing/computer-programming/html-css
W3Schools: There are hundreds of example and you can try the exercises out.
HTML Tutorial:
https://www.w3schools.com/html/default.asp
CSS Tutorial:
https://www.w3schools.com/css/default.asp
Codeacademy HTML and CSS resources :
https://www.codecademy.com/catalog/language/html-css
Mobile Responsive layout
It's easier to build a website that looks good on mobile first.
HTML Mobile Responsive Resources
https://www.w3schools.com/html/html_responsive.asp
Web Accessibility
Introduction to Web Accessibility
https://www.w3.org/WAI/fundamentals/accessibility-intro/
Validators and Tools:
Nu HTML Checker
https://validator.w3.org/nu/
CSS Validator
https://jigsaw.w3.org/css-validator/
Check if your website work with CSS disabled (bookmarklet)
https://calendar.perfplanet.com/2021/css-me-not/#:~:text=To%20install%20the%20bookmarklet
Mobile Friendly Test
https://search.google.com/test/mobile-friendly
Digital Accessibility Tools
https://archivesaccessibilityworkshop.commons.gc.cuny.edu/evaluation-tools/