Hidden side menus, like the ones used in Facebook and Youtube apps, are a space-saving alternative to traditionally visible desktop menus. This post introduces an upgrade to the earlier CSS-only off-canvass menu, that makes it possible for IE7/8 users to enjoy this menu too.
Demo - CSS3 Multi-Level, Off-Canvass
Updated 10-29-2014 at 01:09 PM by Beverleyh
Updated 12-09-2014 at 08:33 AM by Beverleyh
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
Images can be tricky to deal with in a responsive environment; by nature they are a 'static' element with specific dimensions, so how can we manipulate them into working with our lovely fluid/flexible web layouts? Thankfully there are a few techniques, and this post rounds up my top 3.
Please note, this article mostly covers visual resizing in a web browser, and not any "true" responsive image techniques, i.e. serving different images to different screen sizes. These are
Updated 08-16-2014 at 10:26 AM by Beverleyh
Last week, I wrote about taking a "PHP-first" approach to programming - program first, output last. But what should go first in your program?
You may have heard about something called "MVC" (Model-View-Controller). If not, here's your crash course:
Your Model is all of the information needed/used by your program. [Hopefully], the Model is well-organized. Think of it in terms of note-taking: notes are easier to