jQuery Unveil - A very lightweight plugin to lazy load images Most of us are familiar with the Lazy Load plugin by Mika Tuupola. This plugin is very useful and it boosts performance delaying loading of images in long web pages because images outside of viewport (visible part of web page) won't be loaded until the user scrolls to them. Lazy Load has some cool options such as custom effects, container, events or data attribute. That's what I did and this is my lightweight version of Lazy Load with support for serving high-resolution images to devices with retina displays - less than 1k. Usage Use a placeholder image in the src attribute - something to be displayed while the original image loads - and include the actual image source in a "data-src" attribute. If you want to serve high-resolution images to devices with retina displays, you just have to include the source for those images in a "data-src-retina" attribute. If you care about users without javascript enabled, you can include the original image inside a <noscript> tag: Threshold Callback Trigger
Différentiation pédagogique - La pédagogie : pratiques efficaces et théories pédagogiques Certains proclament que les élèves ont des points forts et des points faibles. Cette hypothèse pousse certains à adapter l'enseignement aux différentes manières d'apprendre, histoire de donner un enseignement plus personnalisé, individualisé. L'enseignement est alors plus varié, plus diversifié, chaque élève ayant accès à un grand nombre d'approches différentes. Cette spécialisation de l'enseignement aux différentes manières d'apprendre est ce qu'on appelle la différentiation pédagogique. Styles d'apprentissage Certains chercheurs et pédagogues ont supposé l'existence de préférences liées au processus d'apprentissage : certains apprendraient mieux d'une certaine manière, manière qui ne conviendrait pas à d'autres. Théorie de Kolb La première théorie du genre a été conçue par Kolb, qui a été redécouverte indépendamment par Peter Honey et Alan Mumford's. Théorie d'Anthony Gregorc Le modèle d'Anthony Gregorc est assez similaire. Élèves visuels et auditifs Élèves sériels et holistes Le bilan
samsono/Easy-Responsive-Tabs-to-Accordion Bibliographie Sitographie Filmographie Il existe aujourd’hui des centaines d’ouvrages en français sur les troubles dys, sans compter les articles scientifiques. Cet ensemble qui comporte, dans l’ordre, une bibliographie, une sitographie et une filmographie commentées ne vise donc pas l’exhaustivité mais l’indication de pistes en fonction du niveau de connaissances, des besoins et du projet d’en apprendre plus sur le sujet. Ève Leleu-Galland et Élie Hernandez, Dictionnaire des besoins éducatifs particuliers, Nathan, Collection Lea.fr, 2017. Le plus court, un fascicule pour découvrir l’essentiel en vingt-huit pages : Dystinguons les dys (ISBN 978-2-7466-8433-1) À commander pour 5 € sur dystinguons.nous@gmail.com et à mettre à disposition des enseignants dans toutes les salles des professeurs pour ceux qui ne veulent pas s’engager dans la lecture d’un ouvrage. Deux articles gratuits sur l’agence des usages de Canopé : Pour aller plus loin : Pour ceux qui maîtrisent déjà bien le sujet : Pour tous : Sandra F. Et des conférences :
Transit - CSS transitions and transformations for jQuery What about older browsers? Transit degrades older browsers by simply not doing the transformations (rotate, scale, etc) while still doing standard CSS (opacity, marginLeft, etc) without any animation. Delays and durations will be ignored. // Delegate .transition() calls to .animate()// if the browser can't do CSS transitions.if (! Fallback to frame-based animation If you would like to fallback to classic animation when transitions aren't supported, just manually redefine .transitition to .animate. (Note: if you're using custom easing, you may need to also use jQuery Easing, and restrict your use of easing options to the ones defined there.) $.fx.speeds. Default duration Transit honors jQuery's default speed, $.fx.speeds. Custom easing Define custom easing aliases in $.cssEase. Webkit: prevent flickers Having flickering problems in Webkit? Antialias problems in Webkit? Force hardware-acceleration in Webkits to prevent text flickering.
Dossier : Les Rois Mages Par Stéphanie Fizailne En Espagne, qui dit 5 et 6 janvier, dit: Rois Mages. Une tradition qui, chaque année, est à l'honneur via le traditionnel défilé dans les rues de ses Majestés d'Orient et la lettre que les enfants envoient à l'un d'entre eux: Melchor, Gaspar ou Baltazar, mais pas seulement... Les médias, les associations, les entreprises se sont emparés de l'imaginaire qu'ils suscitent, de la magie qu'ils opèrent, des ventes qu´ils occasionnent ou encore des gestes responsables et solidaires qu´ils peuvent générer. Par conséquent, une mine de ressources sont à notre disposition pour cette entrée culturelle. Tradition, tradition Revenons tout d´abord sur le côté traditionnel et donc cette fête du point de vue des enfants et de nos jeunes élèves. Pourtant, aux dires des enfants ayant participé au tournage de la campagne publicitaire d'Ikéa, ils ne cherchent pas forcément à être pourris gâtés. Article:
Tooltipster - The jQuery Tooltip Plugin Styling your tooltips with a custom look ⇑ Tooltipster makes it very easy to go from one of the packaged themes and customize a few properties of your choice. To do so, we recommend that you create a so-called "secondary theme" which will override some properties of a packaged theme. Create a new css file and include it in your page. For your secondary theme to be applied, provide an array of themes instead of just one. Changing the size of the arrow might be the only challenging customization but it's doable! Updating a tooltip's content ⇑ It's easy as pie to update a tooltip's content - whether it's open or closed. $('#myelement').tooltipster('content', 'My new content'); // or when you have the instance of the tooltip: instance.content('My new content'); Tooltipster plays a subtle animation when the content changes. Using AJAX to generate your tooltip content ⇑ One great use for this is to grab dynamic content for your tooltips via AJAX. Forcing or disabling sides ⇑ Predefined behaviors
Petite démonstration d’impuissance acquise Voici la vidéo d’une expérience intéressante qui nous aide à mieux comprendre comment la résignation peut être inculquée à une population. On y voit une psychologue (Charisse Nixon) qui réussit à provoquer dans sa classe, à travers l’angoisse et la frustration, un état de résignation et d’impuissance, le tout en moins de 5 minutes. Il ressort de ce type d’expérience que dans des conditions de frustration ou d’angoisse permanente, l’être humain tend à se résigner et à considérer comme insurmontables des difficultés même légères. En pratique, la répétition de l’échec amène l’être humain à penser de manière pessimiste et à se croire incapable de résoudre un problème, du coup il abandonne et le résultat est un échec complet.
Code School - Try jQuery IMS - enseignant Pour en savoir plus... Vous trouverez dans cette section 5 catégories d’outils : Outils pour introduire les IM en classe Outils pour planifier des interventions Outils pour mieux tenir compte de certaines formes d’intelligence Outils pour tenir compte de l’intelligence émotionnelle des élèves Outils pour aider les élèves à se donner une méthode de travail efficace Pour en savoir plus: Pourquoi et comment introduire les IM en classe Outils pour planifier des interventions La fiche de planification d'interventions pédagogiques IM, offerte en deux formats, présente quelques points de repère en lien avec les Intelligences multiples : Dans la section Élève, on retrouve un outil similaire pour aider les jeunes à planifier leur étude ou leurs travaux. Pour en savoir plus: Utilisation des fiches de planification Outils pour mieux tenir compted'une certaine forme d'intelligence Exemples de cartes d'organisation d'idées Pour en savoir plus: Pourquoi utiliser des cartes d'organisation d'idées
Moment.js | Parse, validate, manipulate, and display dates in javascript. ANIMATION : LES INTELLIGENCES MULTIPLES Formation, apprentissage, mémoire, cerveau... Howard Gardner publie en 1983 un ouvrage, basé sur plusieurs années de recherche, "Frames of Mind : the Theory of Multiple Intelligence". Il fait un "pied de nez" à la théorie fondée sur le calcul de l'intelligence selon la mesure du Quotient Intellectuel en partant du principe que chacun est doté de plusieurs intelligences, certaines étant plus prédominantes que d'autres. Le concept des "intelligences multiples"est intéressant à plus d'un titre, dans le cadre de l'enseignement, de la formation professionnelle ou dans le management au quotidien : - D'une part, il met en évidence le fait que dans l'éducation ou dans le système scolaire, deux intelligences sont le plus fréquemment sollicitées : l'intelligence verbo-linguistique et l'intelligence logico-mathématique. Mais quelles sont ces intelligences ? Howard Gardner a exploré 8 formes d'intelligences : Chacun encrera dans sa mémoire le même message selon des canaux différents.
Numeral.js Pourquoi le Mindmapping est-il si efficace pour étudier ? Pourquoi dit-on que le Mindmapping peut aider les étudiants ? Est-ce vraiment si efficace ? Et si oui, pourquoi ? A ces questions, on peut répondre sans hésitation : OUI, le Mindmapping est une méthode efficace pour étudier. La vue : le sens dominant d’une majorité de personnes Une étude de Linda Kreger Silverman, Docteur en psychologie de l’Université du Colorado, menée sur 750 élèves, a démontré qu’environ 30% d’entre eux utilisaient fortement le canal visuel-spatial, 25 % d’entre eux utilisaient principalement le canal auditif-séquentiel, et 45% utilisent les deux ensemble. Ce qui veut dire que l’enseignement actuel, basé principalement sur les mots, répond vraiment aux besoins de 25% de la population scolaire! Répartition des canaux sensoriels dominants Une méthode qui sollicite tous nos sens ! Par son utilisation de mots-clés, d’associations et de relations entre les concepts stimule également l’utilisation du canal auditif et de l’intelligence verbale. Vous avez aimé cet article ?