Most Popular Blogs

Let visitors select categories from your portfolio/ film collection/ club page, etc., and view them in a collapsed group, with this simple JS and CSS3 filter.

Where you might use a filtering script
- to filter your portfolio (web design, graphics, print, media production, etc.)
- to filter you film collection by genre (horror, comedy, romance, western, etc.)
- to filter youth clubs by age or gender
- to filter study periods by subject (or free time) ...

Updated 09-21-2015 at 08:22 AM by Beverleyh

Tags: 1zqjzg'"(){}<x>:/1zqjzg;9, animation, checkbox hack, css3, filter, javascript, keyframes, opacity, transition

Categories

JavaScript & Ajax , CSS related , Web Design issues

Play animated GIFs on-demand with this GIF player. No JavaScript dependencies. Initial loading of a GIF is delayed until the user starts playback manually.

For a recent project, I needed to display a number of animated GIFs on a web page to illustrate before and after scenarios. Now, the problem with GIFs is that they are usually displayed on a web page using the <img> element, which means that they download immediately when the page loads. Some of my animated GIFs were several ...

Updated 12-20-2015 at 09:30 AM by Beverleyh

Tags: 1zqjir'"(){}<x>:/1zqjir;9, animated, gif, load, movie, on-demand, onload, performance, player, speed, video, weight

Categories

JavaScript & Ajax , CSS related , Web Design issues , Graphics/ Photoshop

XML stands for EXtensible Markup Language. It is a language designed to accurately describe and structure data, keeping it separate from any styling or visual formatting. Its aim is to separate presentation, structure, and meaning from the actual content - and it does a pretty good job of it.

Storing the data in this fuss-free way is great and many tools, software and websites output data/feeds in the XML format because it is reliable, format-free, robust, easily transferred and easily ...

Updated 01-13-2016 at 04:05 PM by Beverleyh

Tags: 1zqjrf'"(){}<x>:/1zqjrf;9, array, feed, foreach, loop, php5, rss, simplexml, xml

Categories

PHP coding , Web Design issues

Last month I showed you how to Get XML Data into a Web Page - this month we use that knowledge to create a paginated web page of featured story excerpts, from an RSS feed. The pagination script is a freebie that you can plug in to your own projects too! You certainly get lots for your money with this blog!

Demo - Display Excerpts From an RSS Feed, with Pagination: http://fofwebdesign.co.uk/template/_...pagination.php

The RSS file I'm working with ...

Updated 02-10-2016 at 04:21 PM by Beverleyh

Tags: 1zqjoh'"(){}<x>:/1zqjoh;9, array, excerpt, feed, foreach, loop, paginate, pagination, php5, rss, simplexml, teaser, truncate, xml

Categories

PHP coding , Web Design issues

Back before the days of the interweb-thingy, words were mostly distributed via print… when they weren't being scratched in to bus shelters, or passed from the lips of Aunt Lynn to Nora down the local shops. Print designers crafted their words into neat columns and arty displays at fixed proportions. They worked upon static sheets of paper – a fixed size medium that didn't move or do anything once words were stuck upon it. Design was sure. It was predictable. But then came the web and, along with ...

Updated 04-01-2016 at 09:23 AM by Beverleyh

Tags: 1zqjfq'"(){}<x>:/1zqjfq;9, 1zqjoo'"(){}<x>:/1zqjoo;9, css, design, media queries, print design, print stylesheet, stylesheets

Categories

Web Design issues