Your Content, Now Mobile

Your Content, Now Mobile

The future is now. Get ready, get mobile.

Making your content mobile-ready isn’t easy, but if you take the time now to examine your content and structure it for maximum flexibility and reuse, you’ll have stripped away all the bad, irrelevant bits, and be better prepared the next time a new gadget rolls around.

Benjamin David — November 09, 2012

#Content Strategy #Mobile

Fitts’ law and web design

Fitts’ law and web design

Used in the air force for the design of dashboard buttons in aircrafts, Fitt's law can be applied in web design :

Essentially Fitts’ law describes how long it takes you to point to an object. This is a pretty basic concept, but the mathematical formula gives us a framework to know exactly how to build things. 

Benjamin David — November 09, 2012

#Usability #User Experience #UX Design

Converting curly braces to html entities with Wygwam

Converting curly braces to html entities with Wygwam

Curly braces use to be a nightmare to use in Wygwam. You could convert them manually to their HTML entities but even doing so, the save - reopen - save operation was "unconverting" them from html entities to actual curly braces. Pretty ennoying, particularly if you are writing some documentation code for an ExpressionEngine add-on.

Thanks to great tip from GWcode on Pixel Tonic's forums, you can fix this situation by telling Wygwam advanced settings to encode curly braces to html entities each time the entry is being save :

The problem is that ckeditor doesn't convert the opening and closing curly braces into their html entities.

To instruct ckeditor to do this (so you can safely write EE code within pre tags without it actually getting parsed), all you have to do is this:

  • Go to your Wygwam settings: Add-ons > Fieldtypes > Wygwam.
  • Click on the configuration you're using
  • Under "Advanced Settings", select "entities_additional".
  • Add the html entities for the opening and closing curly braces, next to the one that's already in there by default, so you would get this: #39,#123,#125
  • Save the configuration.

That's it! All curly braces are now converted into their html entities so they can be used to highlight EE code with syntaxhighlight.

No more template crashing and unwanted parsed variables, curly braces in Wygwam won't hurt you anymore.

Benjamin David — November 07, 2012

#ExpressionEngine #Tips & Tricks

Video Player 3

I'm pleased to announce that after months of hard work, Video Player 3 for ExpressionEngine is finally here with tons of new features !

Video Player is a fieldtype that lets you connect to YouTube and Vimeo and retrieve videos that can be added to your entries. Search videos, retrieve favorites and uploaded videos for both services. You can even set videos as favorites !

Click on a video you are interested in and it plays the video so you can preview it or check its description. If you're happy with the video you've chosen, click the "Select Video" button in order to add it to your entry.

YouTube & Vimeo, in a snap

The interface enables you to switch between YouTube and Vimeo in a snap. If you are looking for "australia" videos on YouTube, a simple click will lead you to "australia" Vimeo search results.

Thumbnails & meta data

In addition to the default video embed, you can access more informations on your video : title, thumbnails, description, duration, play count, and more... See the documentation for the full list of supported meta data.

Player customization

Video Player 3 supports all the YouTube and Vimeo player parameters and gives you more control on your videos. Change the color of the player, start the video at the 10th second, loop it, auto play it. I told you, more control !

Video Player 3 is available now for €49, I hope you'll like it !

Benjamin David — August 27, 2012

#Add-ons #ExpressionEngine #Video Player

Video Player 2.6 : autoplay and related videos

We're releasing a minor update to Video Player in order to bring two features that some of you have been requesting : autoplay and related_videos.

You will all guess what the autoplay parameter is all about, so let's talk about related_videos. This parameter is YouTube specific and let's you enable or disable the video thumbnails that are showing up when you are at the end of the video. When set to "yes", the related_videos parameter will display the related videos, otherwise the user will just get a black screen at the end of the video. Check out Video Player User Guide for more informations.

A small but useful update that prevents you to display videos from your competitors at the end of your product videos.

Video Player 3 is on its way, we will soon need some volunteers for the final crash tests before go live, just say hello if you're interested !

Thanks a lot for your support and feedback.

Benjamin David — May 17, 2012

#Add-ons #ExpressionEngine #Video Player