Difference between revisions of "Webdesign"

From wiki
Jump to navigation Jump to search
 
(5 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
*[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 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 11: Line 12:
 
Make up language for web pages.
 
Make up language for web pages.
 
Check [https://www.w3schools.com/ w3schools]
 
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=
 
=CSS=
 
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://crt.sh https://crt.sh/?q=domain.tld]
 
Check [https://crt.sh https://crt.sh/?q=domain.tld]

Latest revision as of 21:16, 27 March 2023

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 https://crt.sh/?q=domain.tld