Thank you for visiting the Focus on Function Web Design website and printing this page.
I hope you'll visit online again soon at www.fofwebdesign.co.uk
Demos & Snippets
Below are some random scripts I have tinkered with. Take a look! You may find something useful. See more freebies for websites this way.
Defer YouTube Load until Scrolled-To (Lazy-Load) | Created: 21st Mar 18
Defer the loading of YouTube embeds until they're scrolled into the viewport. Here's a simple lazy-loading video script to make web pages load much faster.
RWD Video Player with Playlist + Caption | Created: 5th Aug 15
Populate a playlist from a folder of mp4s and play them in this responsive video player. With currently playing caption. Uses the default HTML5 video skin.
Responsive Pop-up YouTube Videos | Created: 2nd Jun 15
Pop-up YouTube videos in the middle of the screen with a small JS function. The pop-up resizes fluidly for mobile and desktop. Includes CSS3 loading bars.
CSS-Only Responsive Fullscreen Video | Created: 5th Dec 14
Responsive images have background-size:cover; but videos are left out in the cold until object-fit:cover; gains better browser support. Here's a workaround.
Have fun using these free scripts, and if you have any ideas for more, feel free to contact me.
Get FREE goodies for your website
See examples of my other work
If website enhancements and fancy extras are what floats your boat, please explore some of the scripts and softwares I've developed, and also visit some of the websites I've created. For pretty visuals, head over to my graphics, artwork and logos for a splash of creativity.