Difference between revisions of "Webdesign"

From wiki
Jump to navigation Jump to search
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
[[category:Webdesign]]
 
[[category:Webdesign]]
=Speed tests=
+
=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]
  
==HTML==
+
;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
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