Weekly digital resources #18: classroom technology, Serious Game and YouTube videos

I have started to attend to the MOOC ‘Design & Development of Educational Technology provided by the MIT and leaded by Eric Kopfler from the Education Arcade lab.

Until the Unit 2, content is mostly theoretical, so it barely feeds my weekly digital posts 🙂

However, you are proposed to read some info about classroom technology, tips for serious games and how to handle with distraction among students.

Continue reading Weekly digital resources #18: classroom technology, Serious Game and YouTube videos

MOOC Learn HTML5 from W3C – Notes – HTML5 basics

Things have really started during the week 1 of the MOOC Learn HTML5 from W3C. Here is what to memorize about the basics of HTML5.

HTML5 Differences from HTML4 (December 2014)

Easy content organisation with HTML5

How to know when using DIV, ARTICLE, SECTION, etc. with the HTML5 element flowchart

One of the most popular resources for testing microdata (as well as microformats and RDFa) is the Google page about rich snippets and structured data

HTML5 Microdata format generator

MOOC Learn HTML5 from W3C – Notes – Introduction

I start a serie of blog posts to share notes I took when I attended the MOOCLearn HTML5 from W3C‘. For this first post, you find the most relevant information given in the introduction part of this online course.

Unicorn

http://validator.w3.org/unicorn/

Unicorn is W3C’s unified validator, which helps people improve the quality of their Web pages by performing a variety of checks. Unicorn gathers the results of the popular HTML and CSS validators, as well as other useful services, such as Internationalization, RSS/Atom feeds and http headers.

The w3c cheatsheet

http://www.w3.org/2009/cheatsheet/

The W3C cheatsheet provides quick access to useful information from a variety of specifications published by W3C. It aims at giving in a very compact and mobile-friendly format a compilation of useful knowledge extracted from W3C specifications, completed by summaries of guidelines developed at W3C, in particular the WCAG2 accessibility guidelines, the Mobile Web Best Practices, and a number of internationalization tips.

Internationalization

The word ‘Internationalization’ is often abbreviated to ‘i18n‘. This is a widely used English abbreviation, derived from the fact that there are 18 letters between the ‘i’ and the ‘n’.

Localization is sometimes written as l10n.

Unicode

As a content author or developer, you should nowadays always choose the UTF-8 character encoding for your content or data. This Unicode encoding is a good choice because you can use a single encoding to handle pretty much any character you are likely to meet. This greatly simplifies things.

Always declare the encoding of your document using a meta element with a charset attribute:

<!DOCTYPE html>

<html lang=”en”>
<head>
<meta charset=”utf-8″/>

Weekly digital resources #17: UX, WordPress, Facebook Feed

This weekly bunch of digital resources is quite eclectic. The awesome hongkiat.com website provides four UX methods to enhance Persuasive Design, and 12 free, beautiful and usable WordPress themes, which is still useful for many of us.

Back to some web programming with a nice tutorial on how to create a ‘hidden’ or ‘hamburger’ menu with only HTML and CSS, I mean without any Javascript.

And for more analysis and reading, I share blog posts about Social Media and EdTech. First, slate.com gives some clues regarding how the Facebook Feed is implemented and, more important, who are its stakeholders. Second, @Rachelle Dene Poth writes about some tips and tools she uses to get connected with her students in a fluent way.

Continue reading Weekly digital resources #17: UX, WordPress, Facebook Feed

Weekly digital resources #16: quiz, multimedia editors and Excel

This weekly digital resources post is quite unusual because I provide only four links (however you know that less is more) and they concern topics I have almost never covered: quiz (in French, sorry 😛 ), multimedia (photos, videos, music) editors, Excel and Android apps.

Feel free to give feedback, post a comment with your resources, or ask for support, help or suggestion about digital stuff.

Continue reading Weekly digital resources #16: quiz, multimedia editors and Excel

Weekly digital resources #15: eLearning, WordPress and apps

The digital world is so wide: resources for this week regard eLearning, WordPress and mobile apps, so I have not done any coding during a couple of weeks now… Too bad, I was starting with Web Components thanks to the outstanding css-tricks.com website.

Continue reading Weekly digital resources #15: eLearning, WordPress and apps

Guide for students: How to survive in a digital environment

I am very enthusiast about “learning“: how we learn, how we learn while playing video games, how digital reshapes the way we learn. Moreover, I had opportunities to teach different people, and I met many different learning profiles. My favorite ones are students: their spontaneous questions, curiosity and inventiveness make me… learning a lot.

Continue reading Guide for students: How to survive in a digital environment

Weekly digital resources #11: web development, WordPress, eLearning

I’ve almost done with the outstanding MOOC Learn HTML5 from W3C provided by edX, so this digital week still concerns HTML5, CSS and Javascript resources.

However, there are other links about WordPress due to its new upgrade to version 4.4 “Clifford”, Android code editors, and it becomes an habit, a resource about eLearning.

Continue reading Weekly digital resources #11: web development, WordPress, eLearning

Weekly digital resources #9: HTML, CSS, Javascript, eLearning

This week brings more digital resources than usual, in particular thanks to the awesome MOOC Learn HTML5 from W3C provided by edX.

Aside these resources for web development, you find links for various digital resources about eLearning, accessibility, Dropbox, search on Google.

Continue reading Weekly digital resources #9: HTML, CSS, Javascript, eLearning

Weekly digital resources #8: web development with HTML5, CSS, Javascript, Firefox

Like my 3 previous ‘weekly digital resourcesposts, this one is focus on web development with some resources about HTML5, CSS, Javascript.

Continue reading Weekly digital resources #8: web development with HTML5, CSS, Javascript, Firefox