background preloader

Sticky Menu - The simple jQuery plugin for lovers of one page websites.

Sticky Menu - The simple jQuery plugin for lovers of one page websites.
Have you used SMINT in a project? Id love to see what you've done. Id like to put together a gallery of the best SMINT website, with links back to the designers/developers, so if you have a great example of a SMINT powered website, send me a message on twitter @rabmyself SMINT V3 is finally here! Finally got, a some downtime to have a look and update a few of the bugs and rework how it functions slightly. One of the main changes is that you no longer have to give you links an Id, you can just use a # as the href, such as href="#section1". The annoying bug of the menu bar sticking down the page when refreshed has been removed, though I havent been able to thoroughly test this yet, but it seems to work as intended. Added the ability to make internal links scroll the sections too by adding the class 'intLink'. If you have links in your main menubar that you want to link to an external site, just add the class 'extLink'. Its not 100% perfect, but its improving!

Creating a “Filterable” Portfolio with jQuery If you have worked in your field for a while, there is a pretty good chance that you have a rather extensive portfolio. To make it a little easier to navigate, you will probably be tempted to break them into different categories. In this tutorial, I will show you how to make "filtering by category" a little more interesting with just a little bit of jQuery. Our portfolio is nothing more than a simple unordered list: Note: I was by no means a part of creating these wonderful sites; I am just using them as examples. We are going to assume that our portfolio can be broken down into 5 categories: DesignDevelopmentCMSIntegrationInformation Architecture In order to use the categories we have defined, we will convert them to lowercase and replace all spaces with hyphens: Design = designDevelopment = developmentCMS = cmsIntegration = integrationInformation Architecture = information-architecture Now that we have the portfolio pieces in place, we are going to need some way to navigate through them.

Exercice 9- Creation d'un simple dispositif avec PhP/MySQL Introduction Dans le cadre de cet exercice, on va essayer d'avancer un peu plus avec le langage de script PHP et notre SGBDR MYSQL par la création d'une simple application PhP/MySQL. L'objectif est de faire un module d'installation du notre futur e-journal (journal de bord) pour les apprenants qu'on peut facilement l'intégrer dans n'importe quel autre système (PHP-MYSQL). L'e-journal c'est un projet qu'on va le développer ultérieurement, dans le cadre de l'exercice 16. Objectifs de la réalisation Voici la liste de nos objectifs pour réaliser le module d'installation : Faire un module autonome (ne nécessite pas d'autres fichiers ou modules, il suffit de le copier sur le serveur web et ça marche !) Nos besoins ? Il suffit d'injecter le fichier SQL de la BD et le fichier SQL pour la remplir (sur demande de l'utilisateur) et la base sera crée (et rempli) à distance. Design du dispositif Voici une vue globale de notre système : La réalisation Voici une vue globale sur les fichiers :

Moteur de recherche KartOO 50 super plugins jQuery récents pour rendre votre site ergonomique et attrayant Cela fait quelques années que le Javascript et notamment jQuery – qui simplifie et norme son utilisation – continuent d’être de plus en plus utilisés. Aujourd’hui cette technologie est toujours plus facile à exploiter grâce à l’installation de plugins, c’est-à-dire de petits modules de code. Il n’a jamais été aussi facile qu’aujourd’hui de rendre un site ergonomique, originale et attractif ! Ces 50 plugins sélectionnés avec soin parmi les milliers existants vous permettront de transformer n’importe quel site fade en site riche, intuitif, interactif et ergonomique, y compris sur mobile. Leur mise en place est en général très simple. Plugins pour réaliser des sites avec effets de scroll et/ou de la parallax Parallax.js Déjà présenté dans Le meilleur du web, ce plugin très puissant et relativement facile à mettre en place vous permettra de recréer un effet de parallax facilement. Parallax.js Pour créer des sites à parallax verticale facilement : One Page Scroll Parallax.js Fullpage.js Skrollr via

Outils de recherche sur le web Lecture et plateau de jeu numérique about 1 month ago - Aucun commentaire Comment motiver les élèves à rendre compte de leurs lectures dans le cadre d’une sélection? Mon environnement professionnel, ça s’écoute ! about 2 months ago - Aucun commentaire A travers cette séquence conçue collaborativement dans le cadre du MoocDoctice EMI, l’objectif est de permettre à l’élève de construire son parcours de formation et sa réflexion concernant son projet personnel en utilisant un média peu utilisé dans les cours : le podcast. Grains de formation sur les sources informationnelles about 1 year ago - 6 commentaires Dans le cadre du Master 2 MEEF à l’ESPÉ de Franche-Comté, nous avons réalisé trois grains de formation, pour le cours « TICE » dont l’objectif est de développer les pratiques et les usages du numérique en pédagogie documentaire. Un curateur averti en vaut deux : utiliser Scoop.it pour veiller sur l’identité numérique et la protection des données personnelles about 1 year ago - 3 commentaires

Carnet de suivi des apprentissages Suivi des photos prises par les élèves Dans ma classe, chaque élève a un cahier A5 de suivi des apprentissages rempli de photos qu'il a lui même pris durant les ateliers lorsqu'il était fier de lui. Pour en savoir + sur ce cahier, c'est ici ! Après 3 ans de test, ce fonctionnement me convient très bien, il permet notamment de libérer l'enfant de l'attente de la validation de l'adulte et d'éviter les "maîtresse, viens voir ce que j'ai fait!!!" Et puis... c'est tellement gratifiant de découvrir en fin de semaine, au moment de vider l'appareil photo, que tel ou tel élève a réussi à faire tel atelier sans que nous l'ayons vu faire!! Si la photo montre que l'élève a encore besoin de progresser (ce qui est très rare) je me note de lui représenter l'atelier en question la semaine suivante et je supprime la photo pour qu'il puisse en refaire une lorsqu'il sera acquis. Le seul inconvénient de ce système de photo, c'est la gestion des photos à imprimer ou non! 1. 2.

Cartographie des outils numériques en formation — Enseigner avec le numérique Cette carte mentale en ligne sur Mindomo regroupe une sélection de liens vers différentes cartes annexes, des répertoires ou encore des arbres à perles, présentant des listes d'outils numériques. Ce point d'entrée graphique permet de choisir les instruments appropriés en fonction de l'intention pédagogique initiale. Plus précisément, le schéma heuristique se ramifie en 5 branches thématiques bien distinctes : des collections généralistes, des répertoires en français ou des collections d'outils ne nécessitant pas d'inscription, des applications pour gérer le format PDF et des outils pratiques et ciblés selon le type de création souhaitée : Pour faciliter la navigation au sein de cette représentation graphique, il est possible de lancer une recherche par mot-clef via l'utilitaire situé en bas à gauche de la page (loupe). En cliquant sur le bouton d'information, on pourra imprimer la carte ou la télécharger au format PDF ou en mode image. Sources Réseaux et médias sociaux

Spiral. Une boîte à outils pour créer des activités interactives – Les Outils Tice Article mis à jour le 11 mars 2017 par Fidel Navamuel Spiral est un site web qui propose une série de quatre outils pour créer des activités interactives pour la classe. Une sorte de trousse numérique dans laquelle vous allez piocher en fonction des besoins des modèles d’activités prêts à servir pour vos élèves ou étudiants. Seul l’enseignant a besoin de s’inscrire sur la plateforme. Spiral met à votre disposition pour le moment quatre types de modules d’activités interactives. 1 — Quickfire Quickfire permet de mesurer la compréhension d’une notion ou encore de lancer une séquence pédagogique en interrogeant vos apprenants via une question texte ou encore un dessin à légender. 2 — Discuss Discuss permet d’intégrer de l’interactivité avec vos étudiants dans vos présentations. 3 — Team Up Ce troisième module dans spiral va vous permettre de créer des groupes dans votre classe. 4 — Clip Dernier petit module d’activités, Clip va créer quiz et discussions autour d’une vidéo. Formidable.

Write.as La façon la plus simple de publier un article sur le web Write.as est une plateforme en ligne qui permet de publier en quelques secondes un article et même un blog tout entier sur le web. Un drôle de service entièrement dédié à l’écriture qui réduit au strict minimum la partie technique de la publication en ligne tout en respectant votre anonymat. Write.as à la manière de Typen que je présentais ici même il y a quelques jours se présente sous la forme d’un traitement de texte en ligne minimaliste qui évite toute distraction. Write.as peut-être utilisé sans même que vous ayez à vous identifier. L’interface est on ne peut plus simple, une feuille blanche dans votre navigateur. Choisissez un titre, puis commencer à écrire. Pas d’enrichissement possible, pas de fonctions compliquées, vous avez le choix entre quelques polices de caractère et c’est tout. En vous inscrivant, vous allez pouvoir au passage vous créer instantanément un blog qui va regrouper tous vos articles. Write.as est libre et gratuit et sans aucune publicité. Lien : Write.as

Comment créer un blog anonyme (à l’heure de la surveillance généralisée) Blog vraiment anonyme : mode d’emploi ! « Et si vous me trouvez, je serai vraiment très impressionné. » Comment créer un blog anonyme How to Start an Anonymous Blog Anonyme (évidemment) – 26 janvier 2014 – Untraceable(Traduction : crendipt, aKa, Diab, Penguin, Omegax, amha, nanoPlink, Paul, Scailyna, Scailyna, Asta, Unnamed, goofy, lamessen) Introduction Je crois qu’en suivant les étapes que j’expose dans ce billet, personne ne sera capable de dévoiler mon identité. Si je dis cela, c’est principalement parce que j’ai confiance dans un outil très important appelé Tor. Vu que le réseau Tor rend très difficile l’identification des adresses IP et que l’enregistrement de domaines est désormais possible via Bitcoin, je n’ai à aucun moment besoin de fournir une quelconque information personnelle pour la mise en place de ce blog. Outils et ressources Tails / Tor Tails est lancé depuis une clé USB qui inclut une partition chiffrée. Messagerie électronique Blog L’horodatage des messages Statistiques

Le selfie et ses dérivés dans la culture numérique des adolescents - CLEMI De l'autoportrait photographique au selfie Si l'autoportrait n'est pas une pratique nouvelle, il s'est démocra­tisé grâce à l'apparition de la photographie et banalisé plus récem­ment, encouragé par deux facteurs concomitants : la généralisation des smartphones - connectés à internet et dotés de caméras sur l'avant - et l'essor des réseaux sociaux, notamment ceux destinés à l'échange de photos (Instagram, Tumblr, Snapchat).Pour autant, le selfie n'est pas un simple portrait photographique ; la différence réside dans sa finalité : c'est une mise en scène de soi destinée à être diffusée, partagée dans sa communauté restreinte (amis, famille) ou dans la communauté anonyme (constituée des millions d'internautes). Le selfie n'a d'intérêt que s'il est vu et remarqué par d'autres. Partager un selfie est un acte social et un signe d'appartenance à un groupe. Une pratique codifiée Célébration de soi ou « autoportrait de soi dans le monde » ? L'émergence d'une culture numérique adolescente ?

Collibris - plateforme littéraire smartphone et web Plus de 50 outils en ligne pour apprendre avec le numérique en une page Un répertoire d’applications pour technopédagogues, c’est le fruit d’un travail collaboratif mis en ligne par 2 spécialistes au Québec : Karine Godin-Tremblay (enseignante de 1re année dans un milieu défavorisé au Saguenay depuis 2002) et Mélanie Fortin (voir le répertoire en fin d’article). Le choix de Padlet Pour leur projet, les 2 auteurs ont utilisé Padlet, l’application d’autocollants virtuels en mode collaboratif qui s’affichent sur un mur. Des notes texte peuvent être accompagnés d’un son, d’une image, d’un document, d’un diaporama… Et on peut y insérer des documents, images, fichiers PDF ainsi que des liens vers des vidéos et sites Internet. Outils en ligne pour mettre en place des activités d’apprentissage avec le numérique Le répertoire d’applications pour technopédagogues propose plus de 50 applications en ligne (pour ordinateurs, tablettes, smartphones) pour mettre en place des activités pédagogiques d’apprentissage avec le numérique. Le répertoire d’applications

Apprendre et enseigner avec les sciences cognitives L’objectif de ce MOOC est multiple : Former le maximum de personnes concernées par l’apprentissage et la formation des étudiants et adultes, aux connaissances les plus fiables en sciences cognitives de l’apprentissage. Promouvoir l’intégration de ces apports dans les modalités d’apprentissage, pour rendre les formations plus efficaces. Participer à la réduction de l'échec scolaire dans l'enseignement et dans la formation professionnelle. A qui s’adresse ce MOOC ? Aux formateurs d’adultes et d’étudiants de tous organismes de formation. Nous apprenons tout au long de la vie, avec un même objectif de réussite. Ce MOOC vous offre la possibilité de choisir entre deux parcours de formation : Un parcours INITIAL (5-7 semaines) : il permet d’acquérir l’ensemble des connaissances fondamentales et s’adresse à tous. Un module COMPLÉMENTAIRE (1 semaine supplémentaire) : il propose un focus sur la formation des adultes sous l’angle de vue des sciences cognitives. Nota : Durée : 8 semaines (7 + 1)

Related: