Webdesign: Difference between revisions

From wiki
Jump to navigation Jump to search
No edit summary
 
(8 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://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=
=HTML=
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://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