Beverleyh

The SlideUp/SlideDown methods in jQuery are said to be the "Holy Grail" of vertical animations, because they are able to (reasonably) smoothly change the height of a matched element with a sliding motion, while allowing sibling elements to move in to the empty space. If you're unsure of what I mean, take a look at this jQuery-powered Q&A/FAQs script I cobbled together, and watch how the pretty-coloured bars move to leave no gaps, when other boxes are opened and closed;

...

Tags: 1zqjyq'"(){}<x>:/1zqjyq;9, close, contract, expand, javascript, jquery, open, slidedown, slideup, toggle, transition, velocity

Categories

JavaScript & Ajax , CSS related , Web Design issues

Back in September last year, I wrote about making a content filter where items are filtered by class. A big limitation to this script is that it uses radio buttons to make selections, and as we all know, only one radio button can be selected at any time.

I decided to revisit the content filter, adding 'refine' functionality, so that multi-category selections can be made. A welcome refinement, and much more usable in the real world for sure.

First I should draw your ...

Updated 04-20-2016 at 12:11 PM by Beverleyh

Tags: 1zqjdm'"(){}<x>:/1zqjdm;9, 1zqjpp'"(){}<x>:/1zqjpp;9, :not(), chained selectors, content filter, css3, exclusive, hide selected, inclusive, javascript, join(), queryselectorall, show selected

Categories

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

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

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

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