digital resources to have fun with our laptop

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

Facebooktwitterlinkedinmail

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.

Use color input type to change page background color:

<!DOCTYPE html>
<html>
<body> 
Select a color : <input type="color" id="colorChooser"/>
 <script>
 var colorInputField = document.querySelector("#colorChooser");
 
 colorInputField.addEventListener('input', function(evt) { 
 document.body.style.backgroundColor = this.value;
 }, false);
 </script>
</body>
</html>

 

JavaScript Strings: Uppercase, Lowercase and Capitalization

4 impressive sliders with HTML5, CSS3 and Javascript

A Complete Reading List For CSS

Passwords security in HTML5 form: load publicly available cryptographic libraries then apply MD5 hash

How to enable/disable stylesheet or script in one click with ‘disabled’ attribute

Web Accessibility Tutorials: Forms concepts

 

3 useful tips to make learning content more attractive:

  • Make it short: if learner see text too long to read or video over xx minutes, s/he is discouraged even before starting
  • Make it interactive: not only reading or watching, learner are hungry to create, to do things
  • Mix the content types: text, video, graphics, quiz, game, wiki, chat, social media

 

Don’t want your searches on Google to be location-based? Then go to

google.com/ncr

=> NCR means “no country redirect”

 

For quick dictionary meanings, enter in Google:

define: [your search term]

 

By using Dropbox’s Carousel media gallery, you will be rewarded with 3GB additional storage space in Dropbox

 

Leave a Reply

Your email address will not be published. Required fields are marked *