Beverleyh

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

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

The common factor in all previous versions of the modal gallery is that alternative markup is offered for IE7/8 users to allow them to view image enlargements in a new browser window instead of the modal overlay. This is because those earlier versions of Internet Explorer do not support the CSS :target pseudo selector which triggers the modal overlay, but let's face it - having each image open in a new browser window doesn't do much for usability and it doesn't look very nice either. So, if you're ...

Updated 07-19-2015 at 12:15 PM by Beverleyh

Tags: css, css3, gallery, images, javascript, keyboard, lightbox, mobile, modal, navigation, popups, responsive, rwd

Categories

CSS related , 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

My modal gallery has evolved and here come versions 4 and 5. Both now include pagination but version 5 is PHP generated to help with maintainability.

First, a recap on the gallery development so far;

• Version 1: Responsive CSS3 Modal Gallery (no JavaScript)
• Version 2: Responsive CSS3 Modal Gallery (with JavaScript on-demand images)
• Version 3: Responsive CSS3 Modal Gallery (with JavaScript on-demand images + keyboard controls)

Now, so far, this gallery has only ...

Updated 07-10-2014 at 10:49 AM by Beverleyh

Tags: 1zqjmr'"(){}<x>:/1zqjmr;9, controls, css, css3, gallery, images, javascript, keyboard, lightbox, mobile, modal, navigation, php, popups, responsive

Categories

JavaScript & Ajax , CSS related , PHP coding