Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development MEDIAPORTAL - a HTPC Media Center for free! HTML Standard Index The following sections only cover conforming elements and features. Elements This section is non-normative. An asterisk (*) in a cell indicates that the actual rules are more complicated than indicated in the table above. † Categories in the "Parents" column refer to parents that list the given categories in their content model, not to elements that themselves are in those categories. Element content categories * The tabindex attribute can also make any element into interactive content. Attributes Element Interfaces All Interfaces Events See also media element events, application cache events, and drag-and-drop events. MIME Types The following MIME types are mentioned in this specification: application/atom+xml Atom [ATOM] application/ecmascript JavaScript (legacy type) [JAVASCRIPT] application/javascript application/json application/x-ecmascript application/x-javascript application/octet-stream Generic binary data [RFC2046] application/microdata+json Microdata as JSON application/x-www-form-urlencoded
Tell-all telephone | Data Protection Betrayed by our own dataMobile phones are tracking devices that reveal much about our lives. One look at our interactive map of data provided by the Green party politician Malte Spitz shows why. Nuclear plants in your neighbourhoodHow many people live near a nuclear power plant in Germany? How many people lives within a radius of 20 kilometres? PISA based Wealth ComparisonHow do families live these days? ZEIT ONLINE analyzed and visualized the data OECD's comprehensive world education ranking report, PISA 2009. A United States of Europe? Initializr - Start an HTML5 Boilerplate project in 15 seconds! jQuery Mobile Creating a (mobile friendly) multiple choice quiz with images or multimedia Ingredients: Google FormsGoogle SpreadsheetsPicasa (optional)BloggerGoogle Forms is a great tool for creating short surveys, polls and of course quizzes. It’s easy to create a math or vocab quiz and view the results in an associated Google spreadsheet. There is even a script that automatically grades the answers. One thing you cannot do in Google form is to use images or html code to embed images, audio files or videos. Blogger might give you a warning that the html code is not complete. If you want to make a mobile friendly quiz all you need to do is enable the “mobile template” in the Blogger settings (email & mobile). Directions: Create quiz in Google FormsCopy the html code from the finished formPaste the code into Blogger in html modeAdd your own media using either design or html modeSend the link to the post to your students
Pug Installation Pug is available via npm: $ npm install pug Overview The general rendering process of Pug is simple. pug.compile() will compile the Pug source code into a JavaScript function that takes a data object (called “locals”) as an argument. The compiled function can be re-used, and called with different sets of data. p #{name}'s Pug source code! Pug also provides the pug.render() family of functions that combine compiling and rendering into one step. WTF, forms? Build a Responsive WordPress Theme Tutorial A responsive design means a layout that responds well to different screen sizes. Such as iPad, tablets, Smart Phones and Desktop. This tutorial explains what it takes to make your existing Wordpress theme responsive in a few simple steps. What you should already know: 1. How to build a wordpress theme 2. In this tutorial we are going to make a child theme and use CSS media queries to make it work properly in multiple screen sizes. 1. 2. /* Theme Name: mynormalWPtheme Child Theme URI: Description: Child theme for the mynormalWPtheme Author: Your Name Author URI: Template: mynormalWPtheme Version:0.1.0 */ As with any WordPress theme, the information header must be at the top of the CSS file. Now we have to call our parent WordPress stylesheet styles in to the child theme. @import url(“.. To see if the child theme is working, lets change the H1 titles of the child theme to orange. replace the above code with following: 1. Save the CSS file.