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;
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
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 08:30 AM by Beverleyh
Behind the scenes, the news displayed on the digital signage is managed with my free software, Fast Feed, so if you'd like to explore that option,
Updated 10-25-2015 at 12:10 PM by Beverleyh
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