Blog (my web musings)
Find out what's interesting me, get tips, advice, and code gems that don't fit elsewhere.
Search Blog
Blog Entries

Log and block email spammer IPs with PHP and .htaccess
- Details
Blog: Log and block email spam IPs | 29th Aug 18
Read my latest entry in the blog; Using PHP to log spammer IPs in order to block them from further attacks on the mail server with .htaccess.

5-Star Rating with Flat File Storage (text file) - AJAX & PHP
- Details
Blog: AJAX & PHP 5-Star Rating | 16th May 18
Read my latest entry in the blog; A 5-star rating system that saves votes to a text file, while AJAX displays average and total votes in real time.

Defer YouTube loading until scrolled-to (Lazy-Loading)
- Details
Blog: Defer videos until scrolled-to | 21st Mar 18
Read my latest entry in the blog; Defer the loading of YouTube embeds until they're scrolled-to. Simple lazy-loading videos to make web pages load faster.

Keyboard accessible 'tab-to' menus - Don't lose :focus
- Details
Blog: Keyboard tab-to menus | 1st Feb 18
Read my latest entry in the blog; Don't lose :focus! This script adds keyboard 'tab-to' support to CSS-only multi-level menus, for improved accessibility.

Defer image loading until scrolled-to (Lazy-Loading)
- Details
Blog: Defer imgs until scrolled-to | 7th Nov 17
Read my latest entry in the blog; Defer the loading of images until they're scrolled-to. Simple lazy-loading images to make web pages load faster.

Convert anchors to spans (LinkAdv / Atto fix in Moodle)
- Details
Blog: Convert anchors to spans | 21st Aug 17
Read my latest entry in the blog; Remove the rogue href generated by LinkAdv's id field in Moodle's Atto editor, and convert a elements to spans.

Add classes to an element when scrolled into viewport
- Details
Blog: Element scrolled into viewport | 31st May 17
Read my latest entry in the blog; Add a class to a target-element when a trigger-element scrolls to an arbitrary distance from the top of the viewport.

Highlight the menu button for the current web page
- Details
Blog: Highlight Current Menu Button | 21st Apr 17
Read my latest entry in the blog; Here's how to highlight the menu button for the currently viewed web page, with a small amount of JavaScript.

Spambot observation: Do spambots only hit the first form?
- Details
Blog: Form spambot observation | 27th Mar 17
Read my latest entry in the blog; On pages with multiple forms, only the first form gets spammed. Can we use this as a simple anti-spam precaution?

The case against animated page flipping publications
- Details
Blog: Case against flipping pages | 30th Jan 17
Read my latest entry in the blog; The case against online page flipping publications - the humble PDF and/or responsive web design, does it better.
Page 1 of 5
Search Blog
Recent Posts
Popular Posts
Latest Scripts
- Scroll Down Before/ After Effect Image Switcher
- Pop-up Text Message with Entrance Effects
- Log and block email spam IPs w/ PHP + .htaccess
- Responsive CSS3 Blinds Effect Slideshow
- AJAX & PHP 5-Star Rating with Flat File Storage
- Defer YouTube Load until Scrolled-To (Lazy-Load)
- Keyboard Accessible 'Tab-to' Menu (JS)
- Defer Image Load until Scrolled-To (Lazy-Loading)
- Scroll Wide Tables w/ Gradient + Indicator (JS)
- Convert anchors to spans (LinkAdv/ Atto in Moodle)