Webdesign York - Resources

Here are some of the resources that I may use for webdesign when building your next exciting website:

Fixing Meta Language

The Bing Webmaster SEO analyser flags meta-language as an error. Although MOZ suggests the error should be ignored it is quite easy to fix by adding: 

<meta http-equiv="content-language" content="en-gb">

for a UK based site, or country specific code into the Head section

Icon Sources

The Noun Project

Big White Duck

Icon Pharm

Icon Pharm can be used to obtain the SVG code of any icon by selecting the generate HTML button and copying the displayed HTML code. Example coffee cup shown below in an SVG stack.

Latitude and Longitude finder.

Useful for adding maps to a page.

Latitude and Longitude finder: Latlong.net

Get API key for a map: Get API key for Google maps

Online chat facility

https://www.tawk.to/

An interesting product and also an interesting business model too.

Centering a TCMS image inside Moving Box using CSS

.slick-track {

display:flex!important;

align-items:center;

}

Targeting the title in Videowall

.video .title { font-size:20px }

Showing the Blog count

Adding a button into a blog post

Use the code view on the tool bar</> and add the following: 

Home

WAVE Accessibility Evaluation Tools:

https://wave.webaim.org/

https://www.experte.com/accessibility - This does a similar job to the webaim tool but will trawl your whole site and report on every page for accessibility issues. There is also a lot of detail about what exactly is wrong with the code which is useful to know.

Check whether a website has been hacked:

https://sitecheck.sucuri.net

Security code for htaccess

# X-XSS-Protection 

<IfModule mod_headers.c>    
Header set X-XSS-Protection "1; mode=block"

</IfModule> 

# X-Frame-Options 

<IfModule mod_headers.c>    
Header set X-Frame-Options "SAMEORIGIN"

</IfModule> 

# Strict-Transport-Security 

<IfModule mod_headers.c>    
Header always set Strict-Transport-Security "max-age=63072000; includeSubDomains"

</IfModule> 

# Referrer-Policy <IfModule mod_headers.c>    Header set Referrer-Policy "same-origin" </IfModule> 

# Content-Security-Policy - Example 2 <IfModule mod_headers.c>    
Header set Content-Security-Policy "default-src 'none'; img-src 'self'; script-src 'self' https://code.jquery.com; style-src 'self'"

</IfModule>