View RSS Feed

Recent Blogs Posts

  1. The case against animated page flipping publications

    During a recent meeting I was asked to explore the possibility of presenting existing PDF newsletters in a flipping book format. You know the sort; online interactive magazine layouts presented as a 3D book where pages are navigated to and animated in a realistic flipping motion. This wasn't new ground for me as I'd already completed the exercise (and dismissed them in favour of PDF) 5 years ago, but the topic had raised its head again, and this time it was interesting to relook at things from a ...

    Updated 01-30-2017 at 05:28 PM by Beverleyh

    Categories
    PHP coding , Web Design issues , Flash related
  2. CSS Animations - when performance goes bad (and how to fix it)

    Through the power of CSS3, animation of most HTML elements can nowadays be done without using JavaScript or Flash. Gone too (almost) are the days when images would be blinked on and off with an animated GIF. There are still times, however, when a kitschy garnish can be just the thing to add a bit of festive fun to a normally tasteful web page. There's a time and a place for everything and if we can't have fun at Christmas, well, when can we!?

    But let's not go overboard. Everything ...

    Updated 12-17-2016 at 06:57 AM by Beverleyh

    Categories
    CSS related , Web Design issues
  3. Change viewport metatag when matchMedia detects width

    A few months ago I was involved in a discussion on the CSS Tricks forum, where a fellow developer had built some non-responsive website applications.

    The required minimum layout width was 960px, expanding wider when more space was available, but the min-width had caused issues on iPad where the initial view was zoomed in on its 768 x 1024px screen.

    I don't have access to the actual problem site, but I recreated the issue on an old non-responsive site of mine that displays ...

    Updated 10-28-2016 at 12:59 PM by Beverleyh

    Categories
    JavaScript & Ajax , Web Design issues
  4. Android (≤4.4) stock browser-friendly CSS Animations

    While I've been rolling out my Sweep-in News Scroller with Controls on a school website (cutting out jQuery for performance gains), I was handed an older Android device that didn't display it. In place of the news scroller was... well, nothing at all! zilch! Just empty nothingness with no sign of what *should* be there. I was perplexed and annoyed. What was going on?!

    Identifying the problem
    Day-to-day I use newer Android devices for general testing, which have Chrome installed ...

    Updated 08-25-2016 at 03:51 PM by Beverleyh

    Categories
    CSS related , Web Design issues
  5. SiteShow with Controls - Fade-in a list of web pages/URLs as a fullscreen 'SiteShow'

    Last year I wrote about my digital signage work and the mechanics of how I displayed news and updates on a web page in a Simple Sweep-in News Scroller (CSS3/JS). The web page was displayed on a large TV screen that was mounted in a lobby/reception area, with several more installations visible around the grounds. At the time, I didn't explain that along with a web page of scrolling updates, there were many additional web pages that all displayed on a cycle, with each page redirecting to the next ...

    Updated 08-11-2016 at 08:27 AM by Beverleyh (formatting code a little better)

    Categories
    JavaScript & Ajax , Web Design issues
Page 1 of 7 123 ... LastLast