#webapp

Une Charogne aux Fezouata
►http://www.madmeg.org/fezouata

https://github.com/Fil/madmeg-webapp/blob/master/fezouata/vignette-1200x630.jpg?raw=true

Une nouvelle webapps façonnée par @fil et moi à partir d’un dessin scientifique de mon cru. C’est une reconstitution d’un fond marin de l’époque ordovicienne. Les fossiles ont été découvert par Mohamed ‘Ou Saïd’ Ben Moula aux Fezouata au Maroc. Ce panorama a été publié dans « The Fezouata Biota : an exceptional window on the Cambro-Ordovician faunal transition » dans Palaeogeography, Palaeoclimatology, Palaeoecology.

#shamless_autopromo #paléontologie #zoologie #fezouata #mad_meg

MyGPSFiles
▻http://www.mygpsfiles.com/app

Un lecteur de traces #GPS en ligne complet :
– import de fichiers #GPX
– profil d’altitude synchronisé avec le parcours sur la carte
– visualisation sur #IGN 25 000ème
– possibilité de superposition de plusieurs traces
– affichage plein écran
– outils d’édition de traces super pratiques (en particulier le suivi de traces existantes) : voir ▻http://www.mygpsfiles.com/fr/#featuresEdit
– partage par lien temporaire avec possibilité de cibler une trace ou un point
– interface conviviale avec choix et dimensionnement des fenètres
Bref, à peu près tout ce qu’offrait #visuGPX avant de passer en version payante... et plus encore !

#webapp #trace #vtt

Regressive Web Apps
▻https://adactio.com/journal/10708

“People seem to be so caught up in the attempt to get native-like functionality that they’re willing to give up the very things that make the web great.”

#PWA #webapp #progressiveEnhancement #native #SPA

#wallabag - Documentation en français
▻http://doc.wallabag.org/fr/index.html

documentation française de l’appli web de #lecture_différée Wallabag.

#opensource #signet #webapp

Astral - Organize Your GitHub Stars Easily
▻http://astralapp.com

Astral pulls down all of your starred repositories on GitHub and allows you to organize them using one or more tags.

– Tags are the bread and butter of Astral. Simply add one or more tags to a repository, and keep them organized however you like.
Search
Filter & Search

– Astral offers a simple but powerful search interface to quickly find the repository you’re looking for.
Readme
Readmes

– With Astral, you can view the readme files of all your starred repositories right inside the app.

http://astralapp.com/images/features-overview.png

#Code #GitHub #Webapp #Outils

#iconito - Tutoriels Ecole Numérique
▻http://www.iconito.fr/demonstrationsdemos-et-tutoriels/tutoriels-ecole-numerique

Les tutoriels officiels de l’application web « Ecole Numérique » d’iconito

#tutoriel #ent #vidéo #webapp

CAP-TIC / #iconito-EcoleNumerique
▻https://github.com/CAP-TIC/ICONITO-EcoleNumerique

le #repository #github de l’application Ecole Numérique d’iconito

#webapp #école

Le papier du Web | #padlet
▻https://fr.padlet.com

Padlet est un #outil qui permet d’initier simplement des élèves au travail collaboratif en ligne. Padlet offre un mur blanc personnel avec une URL unique sur lequel on peut déposer des notes, des liens, des images, des sons, des vidéos, des fichiers...

#travail_collectif #collaboration #webapp #etherpad #socialnetworking

#blendspace - Create lessons with digital content in 5 minutes
▻https://www.blendspace.com

Une appli en ligne pour réaliser des #parcours à la Chamilo (mais en plus jeuns !) à partir de ressources médias diverses. Permet des interactions avec les élèves/étudiants à chaque étape.

#e-learning #lesson #outil #webapp #enseignement

Outils 2.0 en français by Portail SKODEN | ZEEF
▻https://outils-20-en-francais.zeef.com/fr/isabelle.dremeau

Une sélection classée et triée des outils en ligne pour la production de contenus à destination de l’éducation (édition collaborative, exerciseurs, mindmap...)

#web2.0 #outil #elearning #ressource #webapp

#edpuzzle
▻https://edpuzzle.com

Une appli web pour utiliser une #vidéo (externe ou non) comme support de cours virtuel : ajout d’une bande son, points d’arrêts avec QCM. L’inscription en tant que prof permet de gérer une #classe avec traçage des résultats/connexions

#e-learning #interactif #exercice #webapp

#outils pour créer des capsules #vidéo - MindMeister Mind Map
▻http://www.mindmeister.com/fr/450144263/outils-pour-cr-er-des-capsules-vid-o

mindmap réunissant des outils pour créer des vidéos à partir de captures d’écran ou de diapos/images

#logiciel #webapp #création

http://4.bp.blogspot.com/-XkF9OgVgwDs/VKdBJFX4K6I/AAAAAAAAGEM/wIzylihMsXM/s1600/2015.jpg

Bonne année aux seenthisiennes et aux seenthisiens

#patriarche #shamless_autopromo

Guide d’installation de #chamilo
▻https://stable.chamilo.org/documentation/installation_guide_fr_FR.html

Version française du guide d’installation / mise à jour vers Chamilo 1.9.x

#e-learning #webapp #howto #installation #mise-a-jour

Une application (libre !) en ligne pour construire sa police d’icônes, super simple.

Fontello - icon fonts generator
►http://fontello.com
▻https://github.com/fontello/fontello

Une application en ligne similaire à IcoMoon
▻http://seenthis.net/messages/234952
mais dont le code est libre sur github. Qui peut s’utiliser aussi en API à distance, soit avec le serveur par défaut, soit si on a installé sa propre instance.

Le principe est le même que pour IcoMoon :
– on sélectionne des jeux d’icônes (fournis par défaut + on peut en ajouter)
– à l’intérieur on sélectionne quelles icônes on veut vraiment
– on personnalise le nom de chaque icône
– on personnalise le code Unicode attaché à chaque icône
– on génère la police

#icône #icon #picto #webapp #font #développement #web #intégration #accessibilité #responsive #CSS

iOS 7 Web App
▻https://gist.github.com/tfausak/2222823

<!-- Letterboxed on iPhone 5 -->
<meta name="viewport"
content="width=device-width">
<meta name="viewport"
content="width=320">
<!-- Not letterboxed on iPhone 5 -->
<meta name="viewport"
content="initial-scale=1.0">
<meta name="viewport"
content="width=320.1">

#apple #webapp #icons

Une application en ligne pour construire sa police d’icônes, super simple.

Présentation :
►http://icomoon.io
et l’application :
▻http://icomoon.io/app

– On peut choisir parmi plusieurs sets de pictos, dont en licence libre, en tout des milliers de pictos possibles.
– Puis on sélectionne lesquelles on veut (on peut donc mélanger des icônes venant de plusieurs sources).
– On peut aussi importer ses propres images !
– On assigne ensuite chaque icône à un caractère unicode, on peut donc même choisir le vrai lorsqu’il existe (ce qui est souvent le cas).
– Hop on télécharge un ZIP avec tout, y compris la super CSS qui va permettre d’insérer l’icône uniquement avec class="icon-truc".

Encore plus fou :
– On peut créer un compte en ligne et sauver ses projets de font, pour les retrouver plus tard sans tout refaire à zéro.
– Et on peut même télécharger les projets en JSON sans aucune inscription, et les réimporter ensuite sans compte en ligne.

#icône #icon #picto #webapp #font #développement #web #intégration #accessibilité #responsive #CSS

#Rendr: run your #Backbone.js apps on both client and server
►https://github.com/rendrjs/rendr

“Rendr is a small library that allows you to run your Backbone.js apps seamlessly on both the client and the server. Allow your web server to serve fully-formed HTML pages to any deep link of your app, while preserving the snappy feel of a traditional Backbone.js client-side MVC app.” Tags: Rendr Backbone.js #SEO #WebApp

Scribble Maps : Draw On Maps or Author Them Easily.
▻http://scribblemaps.com

Une application web pour dessiner sur des fonds de carte ou vues satellites (googlemaps). Permet l’édition multiple, la sauvegarde sous forme de KML ou d’image, la publication externe via javascript

#scribblemaps #cartographie #dessiner #googlemaps #carte #webapp #outil

easy-designs/isInstalled.js
▻https://github.com/easy-designs/isInstalled.js

"This script runs a series of tests to determine if the page running it is being run in “standalone” or “installed app” mode and then exposes a single global variable, window.isInstalled with a boolean value indicating the page’s status." Tags: #WebApp #application #Web #installation #JavaScript

OUTILS WEB GRATUITS
▻http://weboutils.blogspot.fr

webapps : une grosse sélection commentée de sites, applications, logiciels, outils en ligne, gratuits pour travailler, éditer, concevoir, organiser, partager... tout type de textes, documents ou tout type de réalisation dans tous les domaines : textes, fichiers, images, photos, musique, vidéo

#webapp #web-based #sélection #ressource #annuaire #outil #media

Feast of Fools

http://www.madmeg.org/elements/digestion/tableaux/feast/FeastoffoolsS.jpg

#shameless_autopromo

Offline.js – Handle your users losing their internet connection like a pro
▻http://github.hubspot.com/offline/docs/welcome

Offline.js is a library to automatically alert your users when they’ve lost internet connectivity, like Gmail.

It captures #AJAX requests which were made while the connection was down, and remakes them when it’s back up, so your app reacts perfectly.

It has a number of beautiful themes and requires no configuration.

#js #javascript #webapp

Mozilla Labs : TogetherJS
►https://togetherjs.com

TogetherJS : une librairie javascript opensource créée et hébergée par Mozilla pour intégration d’outils de collaboration directmeent dans un site web. Permet navigation synchronisée, chat, suivi des focus et clics des utilisateurs, synchro des modifications

#togetherJS #javascript #outil #webapp #collaboratif #mozilla

Yes, you really can make complex #webapps #responsive
▻http://adioso.com/blog/2013/06/responsifying-adioso

In my haste to get the new design live, I had implemented a lot of responsive half-measures that had left the site completely unusable and broken on mobile devices. This article explains how we refactored an interface that wasn’t originally built with mobile in mind, to have a decent mobile experience. All while avoiding that dreaded term, complete rebuild.