background preloader

Web Technology

Facebook Twitter

My struggles.

Testing

HTML5 Animation. JavaScript. Solution to detect mobile browser. How many formats do I need for HTML5 video? « Zencoder Cloud Encoding Blog. EDIT: We’ve posted an updated guide on HTML5 video formats.

How many formats do I need for HTML5 video? « Zencoder Cloud Encoding Blog

Go check it out! The <video> tag in HTML5 is a great thing. It enables native video playback in all current browsers, rather than relying on a plugin like Flash. It opens the door to web video on devices that don’t support Flash. And it enables codecs that previously weren’t web playable. But if you’re publishing video content, this can be confusing. There isn’t a single answer to this question, so here is a short guide to picking outputs for HTML5 video. What web formats? There are three video formats that work natively in some browsers. Minimally, you must use MP4 + H.264, with AAC or MP3. Beyond that, use either WebM + VP8 or Ogg + Theora with Vorbis audio for other browsers. If you only pick one or the other, which one should you use – Ogg or WebM? In our opinion, WebM is the future of open video. But today, Ogg is supported in 44.64% of browsers, and WebM is only supported by 9.35%.

What mobile devices? ColorSelector. ColorSelector is a software for judging the legibility of background and text colors.With the addition of the Chinese and Korean versions, the software will serve in many countries around the world.

ColorSelector

You can perform checks easily, even if you do not know the RGB values of colors You can select any color on the display by simply using the "Dropper" function. You can also enter the RGB values of a color and judge its legibility. These functions are useful for checking the coloration of proposals and presentations as well as websites. The judgment is displayed ColorSelector examines the specified combination of background and text colors, judges them as "Regular", "Cataract", "Protanopia", "Deuteranopia" or "Tritanopia" and displays the judgment. It has a color palette that allows you to determine legible colors at a glance Difficult color schemes are marked with "x" on the color palette, so it is easy to select legible colors.

Learn HTML5 - Game Development Course Online. When does the course begin?

Learn HTML5 - Game Development Course Online

This class is self paced. You can begin whenever you like and then follow your own pace. It’s a good idea to set goals for yourself to make sure you stick with the course. How long will the course be available? This class will always be available! How do I know if this course is for me? Take a look at the “Class Summary,” “What Should I Know,” and “What Will I Learn” sections above. Can I skip individual videos? Yes! How much does this cost? It’s completely free! What are the rules on collaboration? Collaboration is a great way to learn. Why are there so many questions? Udacity classes are a little different from traditional courses. What should I do while I’m watching the videos? Learn actively! Introduction - Optional Javascript Crash Course - HTML5 Game Development. How to use Google Analytics for your Moodle 2.0 site. Bmbrands/moodle-local_googleanalytics.

BasBrands.nl. Accessible Dropdown Menus. A couple weeks ago at the 27th Annual CSUN International Technology and Persons with Disabilities Conference I gave a presentation on accessible dropdown menus.

Accessible Dropdown Menus

In that presentation, I walked through several examples of accessible menu techniques (and a few not-so-accessible ones). All the examples are available on my Dropdown Menus Test Page. Dropdown and flyout menus on websites are great for reducing clutter, simplifying page content, and providing a consistent navigation structure that (if done well) makes it easy to find content from anywhere on the site. Unfortunately, very few of the dynamic menus in use today are fully accessible: Most dynamic menus depend on users being able to use a mouse. Many of these early models are still in use today. The bigger problem is for sighted non-mousers, who may be navigating the web page with keyboard only, typically using the tab key. The Solution Part 1: ARIA A dynamic menu system might include the following ARIA markup: