Difference between revisions of "Webdesign"
Jump to navigation
Jump to search
(→Speed) |
|||
(7 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
[[category:Webdesign]] | [[category:Webdesign]] | ||
− | =Speed | + | =Speed= |
+ | ;Tests | ||
*[https://developers.google.com/speed/pagespeed/insights/ Google] | *[https://developers.google.com/speed/pagespeed/insights/ Google] | ||
*[https://www.fastorslow.com/help/ Fast or Slow], recommended by [https://www.wordfence.com/ wordfence]. | *[https://www.fastorslow.com/help/ Fast or Slow], recommended by [https://www.wordfence.com/ wordfence]. | ||
+ | *[https://tools.pingdom.com/ Pingdom] | ||
− | == | + | ;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> | ||
+ | |||
+ | =HTML= | ||
+ | Make up language for web pages. | ||
+ | Check [https://www.w3schools.com/ 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 [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= | ||
+ | Check [https://crt.sh https://crt.sh/?q=domain.tld] |
Latest revision as of 21:16, 27 March 2023
Speed
- Tests
- Fast or Slow, recommended by wordfence.
- Pingdom
- 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