View RSS Feed

All Blog Entries

  1. Responsive CSS3 Multi-Level, Drop-Down Menu (no JavaScript)

    I decided to work more on the previous "CSS-only, Multi-Level, Off-Canvass/Slide-Out Menu (no JavaScript)" code so that it can be used on desktop as well as mobile.

    So here is the "Responsive CSS3 Multi-Level, Drop-Down Menu (no JavaScript)".

    It's similar to the previous menu in that it uses the same side-docked, off-canvass menu pattern for mobile, but this new version now also sports a horizontal, dropdown menu bar in "desktop" view, ...

    Updated 06-03-2014 at 08:28 PM by Beverleyh

    Categories
    CSS related
  2. CSS-only, Multi-Level, Off-Canvass/Slide-Out Menu (no JavaScript)

    I recently worked on a mobile forum with off-canvass/slide-out menu. I wanted to keep the project as small and lightweight as possible, so I chose to snub JavaScript and work on a CSS-only solution. The menu was just a simple 1-level effort using the checkbox hack (where you use the :checked state of a checkbox and a connected label to trigger something with CSS), but it was an excuse for me to play around with CSS3 transitions. That example is here: http://m.jemcon.org/phpBB3/

    Anyway, ...

    Updated 04-14-2014 at 10:11 AM by Beverleyh

    Categories
    CSS related
  3. Embedding YouTube videos: some noteworthy facts

    FACT #1
    This video-url : src="http://s.ytimg.com/yts/swfbin/player-vfle5oFqK/watch_as3.swf?eurl=http://safeshare.tv&video_id=YOUTUBE-VIDEO-ID, which uses the safeshare.tv video service, shows YouTube videos without the distracting elements around them. NO ADS! (I wish I knew the safeshare-code for playing embedded videos without Flash, but I don't).

    FACT #2
    Internet Explorer (and, occasionally, Safari) may refuse to play certain videos outside the YouTube-environment. ...

    Updated 01-07-2014 at 03:30 PM by molendijk

    Categories
    Uncategorized
  4. Viewing your site in Responsive Design Mode

    Hi everyone,
    The latest version of Firefox (24.0) offers some interesting new features, among which the possibility to view your site (any site) in Responsive Design Mode. So if you want to know how your site looks like with a mobile device (Iphone, Ipad etc.), view it using Firefox.
    (Not that I care much about people who use devices that inherently offer poor website vision, of course).
    Categories
    Uncategorized
  5. Preventing flicker when navigating between pages

    Pages that contain heavy script files may produce a white flash (flicker) when the user navigates between them. This flicker often occurs in IE and Chrome, less often so in Firefox. There are different solutions proposed on the Internet for solving the problem. I noticed they don't always work.

    There's a good chance the flicker goes away if you do the following:
    - Put your html-lines before your js-lines as much as possible. We can often move scripts (normally put in the head ...

    Updated 08-12-2013 at 05:44 PM by molendijk

    Categories
    Uncategorized
Page 4 of 19 FirstFirst ... 2345614 ... LastLast