background preloader

Jo HTML5 Mobile App Framework

Jo HTML5 Mobile App Framework

TideSDK | Create multi-platform desktop apps with HTML5, CSS3 and JavaScript zepto.js — the aerogel-weight javascript framework Easily Identify That Cool Text Font with WhatFontIs So you have seen a graphic online that is using an awesome font? Maybe you want to find out what that font is ““ or at least a free alternative to that font so you can use it yourself. For Whatfontis, all you need is an image of the font or the image’s URL to identify the font. There are lots of uses for this tool and it is a great tool to have handy. We will walk you through using the web application but first we will navigate to the website using this URL. When you arrive at their homepage you will see a screen like the one below: We can either browse for a local file to use (the file size is 1.8MB maximum.) using the browse button. You can see how the file name appears after browsing to it below: But as a test I decided to go after the web logo of We will need to tell Whatfontis some of the letters that it sees. They will want you to type in what letter is in each box. For example the last letter in the list is a m so you can type a m in the box to its right.

code · Video for Everybody! Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element, falling back to Flash automatically without the use of JavaScript or browser-sniffing. It therefore works in RSS readers (no JavaScript), on the iPhone / iPad (don’t support Flash) and on many browsers and platforms. Thanks to the rapid adoption of HTML5 video happening right now, Video for Everybody isn’t the only solution around. It is not a neatly packaged, fully-featured solution for those unfamiliar with HTML. VfE is for developers who either want something really simple they can quickly use on their blog or websites, or as a good starting point to develop their own custom solution. It does not use JavaScript. How It Works If your browser supports it, HTML5 video is used. If HTML5 video is not supported, Adobe Flash is used. Finally, if all else fails, a placeholder image is shown and the user can download the video using the links provided. VfE The Code Using Video

HTML5 Mobile Mapping Engine Goes Open Source Turbulenz Engine Goes Open Source We’re excited to announce that we have released the Turbulenz HTML5 game engine as open source under the standard MIT license. The open source project is available on GitHub at You may have seen Turbulenz mentioned somewhere and wondered what it was. Polycraft by Wonderstruck We started developing the Turbulenz Engine a little over 4 years ago in early 2009, when HTML5 was still in its infancy and before WebGL even existed. We initially proved this to ourselves by creating the service and engine capable of streaming and rendering the majority of Quake 4. Today, the Turbulenz Engine powers the highest quality 2D and 3D HTML5 games online. The 2D arcade game Save the Day by Denki - watch the trailer - play the game nowThe 3D arcade strategy game Polycraft by Wonderstruck - play the development version nowThe real-time 4 way multiplayer shoot ’em up Score Rush by Xona - watch the trailer - play the game now

Top 4 Mindmapping Software to Brainstorm your Ideas by Guest Author This is a guest post by Harsh Agrawal. If you want to guest post on this blog, check out the guidelines here. Mindmapping is the best way to brain storm lots of ideas at one go. 1. Mindomo is one of the best tool for mind mapping. 2. Free Mind map is my favorite mind map tool. 3. Bubblus is a web based mindmap tool. 4. Xmind is another desktop based mind-mapping tile. The number of such tools are endless and you can find n number of free mind map tools using Google. Do you take help of mind-mapping technique to brain storm your ideas? About the Author: Harsh Agrawal writes at Shoutmeloud, and recently he created a blogspot to WordPress migration service. Wanna make money with your own website?

HTML5Rocks - "Offline": What does it mean and why should I care? Introduction: The Meaning of "Offline" "Web" and "online" are two closely associated terms, downright synonymous to many people. So why on earth would we talk about "offline" web technologies, and what does the term even mean? At one level, we can talk about completely offline web apps, those unusual creatures that run inside a browser, but never see the light of the internet. Typically, they will run on a URI, pointing to a hard drive, USB key, or DVD (if you remember those). For example, those USB keys you sometimes get at conferences, which you stick in your computer to receive a multimedia presentation of something-or-other, running in your browser. However, it gets more nuanced than "always-offline". There are also online-offline applications which intentionally keep certain information locally. Online-offline applications comes at the cost of increased complexity, and you ought to consider whether offline support is justified. Application Cache and Offline Storage Cookies

gury - an html5 canvas utility library