Webdesign: Difference between revisions
Jump to navigation
Jump to search
| (6 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
;Tests | ;Tests | ||
*[https://developers.google.com/speed/pagespeed/insights/ Google] | *[https://developers.google.com/speed/pagespeed/insights/ Google] | ||
*[https:// | *[https://tools.pingdom.com/ Pingdom] | ||
;Enable http/2 for better performance | ;Enable [https://en.wikipedia.org/wiki/HTTP/2 http/2] on port 443 for better performance | ||
:In your webserver condfig put <code>listen 443 http2 ssl;</code> | :In your webserver condfig put <code>listen 443 http2 ssl;</code> | ||
| Line 18: | Line 18: | ||
Change presentation style for html elements. | Change presentation style for html elements. | ||
Check [https://www.w3schools.com/ w3schools] | Check [https://www.w3schools.com/ w3schools] | ||
;Use a lightyellow background, black characters and readable font: | |||
<syntaxhighlight lang=css> | |||
body { | |||
color: #000000; | |||
background-color: #FFFFDD; | |||
font-family: arial, helvetica, sans-serif; | |||
} | |||
</syntaxhighlight> | |||
=Colors= | |||
Check [https://html-color.codes/ 🎨 HTML Color Codes] | |||
=Certificate= | =Certificate= | ||
Check [https:// | Check [https://www.ssl.org/ ssl org] | ||
Latest revision as of 08:53, 7 June 2026
Speed
- Tests
- Enable http/2 on port 443 for better performance
- In your webserver condfig put
listen 443 http2 ssl;
HTML
Make up language for web pages. Check w3schools
- <a href="a url" target="_blank">go to a url</a>
- Hyperlink to a url to be opened in a new tab. Display "go to a url" as hyperlink (underscored)
CSS
Change presentation style for html elements. Check w3schools
- Use a lightyellow background, black characters and readable font
body {
color: #000000;
background-color: #FFFFDD;
font-family: arial, helvetica, sans-serif;
}
Colors
Check 🎨 HTML Color Codes
Certificate
Check ssl org