Beverleyh

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

Tags: 1zqjov'"(){}<x>:/1zqjov;9, animation, christmas, lights, opacity, performance, snow, snowfall, transform

Categories

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

Responsive web design (done well) allows users to achieve their goals on any internet accessible device, but what if they *want* to view the fixed width desktop version of a website, even on mobile?

This post comes at a time when responsive web design interest is piquing - certainly here on DD - probably the result of those emails we've been receiving via Google Webmaster Tools, that basically tell us how "X % of your web pages do not provide an optimal mobile experience... your ...

Updated 04-16-2015 at 06:41 PM by Beverleyh

Tags: 1zqjys'"(){}<x>:/1zqjys;9, css, design, desktop, layout, media queries, mobile, mobile-friendly, performance, php, responsive, rwd, tablet, usability, user experience, view, viewport

Categories

CSS related , PHP coding , Web Design issues

Here is a simple PHP script to change stylesheets or load in alternative content (conditional loading), with cookies to store user selection.

The nice thing about a PHP-based solution over JavaScript content/CSS switchers, is that all the checking and switching is done on the server side, before the web page even finds it's way to the browser, so you don't get any flash of unstyled content. Plus, you can conditionally load HTML or external files (improve performance and save on load ...

Updated 12-20-2014 at 06:55 AM by Beverleyh

Tags: 1zqjcp'"(){}<x>:/1zqjcp;9, 1zqjjb'"(){}<x>:/1zqjjb;9, bandwidth, changer, conditional loading, cookie, css, html, pagination, performance, php, query, save, session, store, styles, stylesheet, switch, switcher

Categories

CSS related , PHP coding , Web Design issues

One of the most annoying things on touch devices is the way that CSS hover activated menus stay open until another link is clicked. Well, this example fixes that;

UPDATED! Responsive CSS3 Multi-Level, Drop-Down Menu

(Earlier releases of the Drop-Down menu have been replaced with better support for tap-activated sub-menus on touchscreen - reverted to using the arrow labels and checkbox hack [like the Fly-Out version does] - they're there for mobile view so why not use ...

Updated 09-06-2014 at 08:56 AM by Beverleyh

Tags: 1zqjnc'"(){}<x>:/1zqjnc;9, 1zqjqx'"(){}<x>:/1zqjqx;9, 300ms delay, css3, menu, multi-level, nested, performance, responsive, speed, touch, touchscreen

Categories

JavaScript & Ajax , CSS related , Web Design issues