snowynight: colourful musical note (Default)
[personal profile] snowynight
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/
This account has disabled anonymous posting.
If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting

Profile

snowynight: colourful musical note (Default)
snowynight

May 2025

S M T W T F S
    12 3
4 56789 10
11 1213141516 17
18192021222324
25262728293031

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags
Page generated Jul. 25th, 2025 09:40 am
Powered by Dreamwidth Studios