When can I use... Support tables for HTML5, CSS3, etc HTML5 Please - Use the new and shiny responsibly The 5 Best Videos Sites For TeachersThe Always Prepped Blog How do you keep your students interested while teaching them a challenging concept? Some teachers use video websites (such as Youtube Education) to supplement their teaching. Technology enhances learning. 1) WatchKnowLearn: This is our favorite video site. 2) LearnZillion: Brilliant concept. 3) Khan Academy: By now, most people have heard of Khan Academy. 4) TeacherTube: This is “YouTube for teachers.” 5) TedEd: There is not as much content here. Above are 5 free video websites.
Are We Ready to Use Flexbox? flexible adjective 1. capable of bending or being bent, able to be easily modified to respond to altered circumstances or conditions. box noun 1. a rigid typically rectangular container. The Flexible Box Module, a.k.a. flexbox, is all the latest and greatest at the moment. It digs into the fundamentals of the CSS box-model, providing us with a powerful and highly useful module for layout configurations. It is easily defined in our CSS and markup, and responsive adaptations are just a media query away. Exactly What is Flexbox? Here’s a definition of flexbox, according to MDN: The CSS3 Flexible Box, or flexbox, is a layout mode providing for the arrangement of elements on a page such that the elements behave predictably when the page layout must accommodate different screen sizes and different display devices. In simple words, we can mark up a few flex items inside a flex container, and define the layout arrangement with our CSS. A History of Flexbox In a nutshell: Flexbox in Action
Html5 cross browser polyfills - Modernizr - GitHub The No-Nonsense Guide to HTML5 Fallbacks So here we're collecting all the shims, fallbacks, and polyfills in order to implant HTML5 functionality in browsers that don't natively support them. The general idea is that: We, as developers, should be able to develop with the HTML5 APIs, and scripts can create the methods and objects that should exist. Looking to conditionally load these scripts (client-side), based on feature detects? svgweb by Brad Neuberg & others Fallback via FlashSnap.SVG from scratch by the author of Raphaël (Dmitry Baranovskiy) Abstracted API. FakeSmile by David Leunen Canvas FlashCanvas by Shinya Muramatsu Reported to have 33x better performance than excanvasexcanvas by Google, Erik Arvidssonslcanvas project (Original Silverlight bridge)canvas-textOnly necessary for canvastext in IE, reallyfxCanvasKinetic.js by Eric Drowell Web Storage (LocalStorage and SessionStorage) Non HTML5 API Solutions Sectioning Elements Video VTT: Video Timed Track (subtitles) Audio Audio Data API Ruby
HTML5 Please 4.5 Text-level semantics — HTML5 4.5 Text-level semantics 4.5.1 The a element Categories: Flow content. Phrasing content. Interactive content. Palpable content. Contexts in which this element can be used: Where phrasing content is expected. Content model: Transparent, but there must be no interactive content descendant. Content attributes: Global attributes href - Address of the hyperlink target - Default browsing context for hyperlink navigation and form submission download - Whether to download the resource instead of navigating to it, and its file name if so rel - Relationship between the document containing the hyperlink and the destination resource hreflang - Language of the linked resource type - Hint for the type of the referenced resource Tag omission in text/html: Neither tag is omissible Allowed ARIA role attribute values: link (default - do not set), button, checkbox, menuitem, menuitemcheckbox, menuitemradio, tab or treeitem Allowed ARIA state and property attributes: Global aria-* attributes DOM interface: interface HTMLAnchorElement
The Globalized Classroom: 18 Key Resources for 2015 All humans are citizens of the world, and teaching that fact to children in school can make them more sensitive to global issues and inspire them to look outside their own walls. A globalized classroom helps students to see the local significance of international events. How can you help your pupils adopt such a broad point of view? The following resources will inspire you to plan lessons that foster global awareness. Gain Inspiration From Your Fellow Educators Even if your classroom has maintained a global focus for decades, there is always space to learn from your peers. Edutopia shares an article entitled “How Do We Educate Global Problem Solvers?” Use Media to Bring the World to Your Students Image via Flickr by woodleywonderworks Last year, stageoflife.com surveyed teenagers and found that 83.5 percent of them pay attention to the news. This article from Edutopia provides five ideas for using literature to teach global lessons to elementary school students. Explore a Hot Topic: Ebola
jQuery Mobile Tutorial: Creating a Restaurant Picker Web App Mar 08 2012 With an increase in the number, diversity and complexity of smartphones, more and more companies want to have their own mobile app, but creating a native app can be pretty expensive. It requires special skills, as well as special coding tools, and then there is also the need to build an app per platform (Android, iOs, BlackBerry, Windows Phone, etc). All of this figures in to a higher price tag for the app development. The jQuery framework has been around the web for a while now, but the jQuery base technology was basically designed for browser apps. jQuery Mobile is a framework based on jQuery that enables web designers to create web-apps that are optimized for use on a mobile device (Smartphone and tablets). In this jQuery Mobile tutorial, we will create a nice demo app from scratch, to show some of the things that can be easily done using this powerful tool. The Concept of the Mini App: Restaurant Picker Wireframing Our Application. Home Screen : Choose a Plate Choose a Town