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
![](images/printer.png)
Print CSS - Setting up a Print Stylesheet
- Details
Blog: Setting up a Print Stylesheet | 31st Mar 16
Read my latest entry in the blog; How to set up print CSS so that your website looks as good in print as it does on screen (starter CSS included).
![](images/pagination.png)
Display Excerpts From an RSS Feed, with Pagination
- Details
Blog: Paginated Excerpts from RSS | 10th Feb 16
Read my latest entry in the blog; Extract excerpts of an RSS feed, with "read more" links, and output them as paginated results over many pages.
![](images/xml.png)
XML to HTML - Getting XML Data into a Web Page with SimpleXML
- Details
Blog: XML to HTML with SimpleXML | 13th Jan 16
Read my latest entry in the blog; How to extract and manipulate XML data into web pages with the help of PHP5's SimpleXML extension.
![](images/gif-player.png)
On-Demand Animated GIF Player to reduce page load
- Details
Blog: Animated GIF Player (JS) | 16th Dec 15
Read my latest entry in the blog; Play animated GIFs on-demand with this GIF player. Initial loading is delayed until the user starts playback.
![](images/click-count.png)
Click-Counter with Flat File Storage (text file) - AJAX & PHP
- Details
Blog: AJAX & PHP Click-Counter | 17th Nov 15
Read my latest entry in the blog; A click-counter that saves data to a text file (no database), while AJAX displays increasing counts in real time.
![](images/sweep-in-news.png)
Simple Sweep-in News Scroller (CSS3/JS)
- Details
Blog: Sweep-in News Scroller | 24th Oct 15
Read my latest entry in the blog; Make a no-frills, animated news scroller where messages sweep in and out with a gentle fade. No controls.
![](images/filter.png)
Content Filter (JavaScript & CSS3 - filter by class)
- Details
Blog: JS & CSS3 Content Filter | 20th Sep 15
Read my latest entry in the blog; Create an animated, collapsible content filter for your website content, where categories are filtered by class.
![](images/cookies.png)
Accept Cookies / Cookie Consent Bar
- Details
Blog: EU Cookie Law Consent Bar | 21st Aug 15
Read my latest entry in the blog; Comply with the EU cookie law with an 'implied opt-in' consent bar for website visitors to accept cookies.
![](images/swipe.png)
Add 'Swipe Support' to your website (RWD CSS3 Any Content Slider demo)
- Details
Blog: 'Swipe Support' for your site | 25th Jul 15
Read my latest entry in the blog; Let visitors 'feel' their way around your website by adding support for swipe gestures on touch devices.
![](images/fadein-slideshow.jpg)
RWD Cross-Fade Slideshow with Retina Images
- Details
Blog: RWD Cross-Fading Slideshow | 17th Jun 15
Read my latest entry in the blog; A simple cross-fading slideshow, using stacked media queries to serve smaller, retina-ready images to mobile.
Page 3 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)