Créer des contenus interactifs en HTML5 directement depuis votre site avec H5P Du contenu interactif dans vos pages web H5P est un fabuleux système à intégrer à un site pour ensuite créer directement depuis l’interface de votre blog, toute une série de contenus interactifs : qcm, glisser/déposer, champs à compléter etc… mais aussi des images ou des vidéos interactives, des jeux, des lignes du temps… bref, le service propose plus d’une vingtaine d’activités du plus bel effet, il est même possible de créer les vôtres. Des exercices interactifs et bien plus encore Lorsque l’on édite un site d’école, il n’est pas rare de chercher à y intégrer différents types de contenus, notamment des leçons et des exercices interactifs. En fait, les différentes activités sont reprises sous quatre rubriques : les jeux, le multimédia, les questions et le média social. Deux solutions pour la création des contenus A la base, deux solutions s’offrent à nous pour la création des contenus. Installation du plugin dans WordPress Installation des librairies Création d’un contenu H5P en français Save
Nuages de mots: Cinq sites pour en faire Si vous voulez embellir un blogue ou écrire un cv en nuages de mots, voilà 5 services qui vont vous être très utiles. Le nuage de mots est un peu le symbole du web2.0, ça commence a être un peu démodé, mais on aime quand même. Pour ceux qui ne connaissent pas le nuage de mots, c’est une représentation graphique de mots où les mots les plus répétés dans un texte sont les plus gros et les mots les moins répétés sont les plus petits J’ai aussi testé une option freeware logiciel dans ce billet, mais je préfère nettement les versions en ligne. Semble être le plus connu des services, il est rapide, vous pouvez prendre le texte à partir d’un url ou encore d’un texte que vous allez copier. Ce site est très riche en options, on a de quoi s’amuser pour faire des effets les plus spectaculaire . Notez que c’est tagxedo qui est devenu mon outil préféré pour faire des nuages de mots. Il est dit que ce générateur de nuage de mot est fait pour les enfants, mais il est compatible « adulte »
BD Studio Pratic BD Studio Pratic est à l’origine un logiciel commercial devenu gratuit. Il se distingue par une interface simple qui le rend utilisable y compris avec les plus jeunes. La fenêtre centrale du logiciel est destinée à la mise en forme de la planche. Un menu latérale permet de sélectionner tous les éléments à insérer. Tous les objets s’insèrent par simple glisser-déposer. ils peuvent être redimensionnés de façon classique par déplacement des angles. ils peuvent aussi être changés de plan si vous envisagez des superpositions nombreuses. Une fois vos planches terminées, un simple cliquer dans le menu fichier permet de lancer la publication. Le logiciel est désormais totalement gratuit mais affiche une publicité pour d’autres produits de la marque (uniquement au lancement). Niveaux : École | Collège | Lycée
CSS :empty Selector Often, we want to style elements that contain content. How about when an element has no children or text at all? Easy, you can use the :empty selector 🤩 What's considered empty? When I first encounter this, there was a few confusion about what this property considers as empty. The :empty CSS pseudo-class represents any element that has no children. Is empty As long as there is no whitespace, it's an empty element. Comment in between is also considered an empty element. Not empty Whitespace is considered not empty. Having children element also counts as not empty Whitespace in Future Spec The good news is -- in Selectors Level 4, whitespace would be considered empty! ⚠️ BUT, don't do this yet. Examples using :empty Okay, let's take a look at some real-life examples of using :empty. Using :empty in Form Error Message This is the example that made me first discovered :empty. <! Output Without Empty ❌❌ Missing Email With :empty ❌ Missing Email Using :empty in Alerts Without empty Alert Message Resources
[Tuto Inkscape] Vectoriser en séparant les couleurs Nous allons étudier aujourd’hui une fonctionnalité intéressante du logiciel Inkscape : la vectorisation d’une image bitmap en éclatant les couleurs par tranches. Le but de la démarche consiste à vectoriser une image tout en la découpant en plusieurs aplats de couleurs différentes. Nous allons voir que cette opération est quasi-automatique sous Inkscape. Il faudra parfois plusieurs tentatives pour trouver le bon réglage, mais l’éclatement des couleurs est en soi relativement simple. Ouvrez votre image dans Inkscape.Vectorisez-la en utilisant le menu « Chemin » puis « Vectoriser le bitmap » . Enregistrez votre fichier au format SVG. Nous espérons que ce tuto consacré à la vectorisation par couleurs sous Inkscape vous aura plu. Vous aimerez aussi : Poser un flex de plusieurs couleurs Dans un précédent tuto nous avons vu comment découper et poser du flex sur du textile. Vectoriser une image avec Silhouette Studio La vectorisation manuelle sous Silhouette Studio 4
380 incroyables services et sites gratuits pour les startups et petites entreprises Vous êtes une startup ou une petite entreprise et souhaitez développer votre business ? Nous avons sélectionné pour vous plus de 380 ressources (en anglais) non seulement pratiques et indispensables, mais aussi gratuites, compilées par Ali Mese. Cet article a été publié à la base sur son blog Medium… Business et Marketing Instant Backlink Checker, c’est le moyen le plus rapide pour vérifier les backlinks d’un site. Free File Converter sert à convertir gratuitement divers fichiers : texte, image, audio et vidéo.Online converter est un convertisseur en ligne de fichiers.Vectormagic permet de convertir facilement les images Bitmap.Ezgif est un outil en ligne de conversion de vidéos au format GIF. TweetDeck est l’outil le plus puissant pour Twitter pour un suivi en temps réel, une meilleure organisation et interaction.Nuzzel, cet outil organise les articles partagés par vos amis et abonnés sur Twitter et Facebook. Design & Code Travail et Productivité Découvrir et apprendre
Enlever un DRM avec Calibre Calibre est un outil formidable, permettant la gestion, la lecture et la conversion de livres numériques. Il est très pratique, voire indispensable, pour tout bibliothécaire ayant à gérer des livres numériques (dans le cadre de prêt de liseuses, d'insertion sur tablettes,...). Pour ceux qui ne l'utilisent pas encore, il existe une version "fixe" pour Windows, Mac et Linux, ainsi qu'une version "portable" qu'on peut installer sur une clé USB et faire suivre partout. En lisant un article du site Ebooksgratuits, qui à la base était un test de la liseuse Kobo Glo, on y apprend que Calibre peut aussi créer des étagères qu'on retrouvera ensuite sur la Kobo. Précision :Le cassage de DRM, pour mon cas comme pour l'auteur de l'article et de nombreuses autres personnes, n'est pas fait avec l'intention de pirater et rediffuser un texte numérique, mais bien pour en être réellement propriétaire. Installez Adobe Digital Editions, et entrez vos identifiants Adobe.
3 outils pour travailler avec des fichiers audio que vous ne connaissez peut-être pas. Dernière mise à jour le 13 juillet 2023 L’audio est partout. Le média son contrairement à la vidéo se manipule, se travaille, s’édite facilement grâce à des logiciels gratuits comme Audacity. Au-delà du montage, le web regorge de services et d’outils pour travailler avec des fichiers audio. Je vous en présente régulièrement sur OutilsTice. Melody ML. Melody ML est un étonnant petit utilitaire en ligne qui permet de faire le tri dans n’importe quel fichier audio grâce à l’intelligence artificielle. Vocaroo. Vocaroo n’est pas un outil nouveau, mais il continue de rendre de bons et loyaux services pour enregistrer et envoyer facilement un petit fichier audio par mail ou via les réseaux sociaux. oTranscribe. oTranscribe est une sorte de lecteur audio conçu pour vous aider à transcrire un fichier audio.