Des ressources pour les créateurs du Web

makers

Vous êtes créateur de contenu ou codeur, cet annuaire de ressources  a été conçu spécialement pour vous. En 20 thématiques, il réunit des liens vers des ressources indispensables à l’accomplissement de vos tâches  :

  • Couleurs, des générateurs de palettes
  • Prototypage des logiciels
  • Polices de caractères
  • Icônes pour interfaces
  • Design et retouche des images
  • Banques d’images
  • Éditeur de code
  • Textures
  • Outil de manipulation des textes
  • Utilitaires
  • Collaboration
  • Utilitaires pour réseaux sociaux
  • MVP
  • Croissance marketing
  • Email
  • Stack
  • Lancement
  • Matériel (Arduino, etc..)
  • Présentations
  • Outil pour les nomades

Beaucoup d’outils  proposés sont clairement à destination des professionnels, pourtant on pourra trouver son bonheur dans les liens collectés, je pense par exemple à la roue chromatique d’Adobe, aux collections d’icônes, au générateur de code QR.

A découvrir sur cette page : http://themakers.io/tools
Et à suivre sur les  réseaux sociaux, Twitter et Facebook.

 

 

[TUTORIEL] Installer TinyWeb, le micro serveur Web

53 Ko tout mouillé, TinyWeb, est un petit exécutable qui tourne sous Windows et qui permet de démarrer un serveur Web tout simple supportant les CGI, SSL mais ni SQL et ni PHP.

L’idée est vraiment de proposer un serveur Web de base destiné à tester quelques pages Web ou un gestionnaire de contenu genre blog fonctionnant sans base de données comme Guppy.

L’objet de cet article est d’installer et de paramétrer ce micro serveur de manière à le faire fonctionner indifféremment sur une clé USB,  un disque externe ou un disque local.

Etape 1 :

Téléchargez TinyWeb sur cette page puis désarchivez-le : copiez le fichier zip sur le support amovible dans un dossier TinyWeb puis clic droit Extraire Tout

Etape 2 :

Votre dossier contient désormais l’archive du serveur, deux autres archives zip avec des exemples de code CGI (validation par mot de passe dans différents langages) et les codes sources du serveur Web (qui n’est pas libre) et surtout l’exécutable du serveur sans icône ce qui normal.

 

tinyweb1

 

Créez un nouveau dossier qui contiendra votre site internet. Par exemple nommez-le root

Etape 3 :

Il faut maintenant  créer un fichier de lancement, en effet si vous cliquez sur tiny.exe une erreur s’affiche et rien ne se passe. Avec un clic droit sur votre dossier, sélectionnez Nouveau puis document texte. Renommez ce fichier en tiny.bat

Nouveau clic droit sur ce fichier puis Modifier et inscrivez cette ligne de commande :

start  tiny  .\root

Start : permet de lancer le serveur puis  de fermer la fenêtre de commandes

tiny : le nom du serveur

./root : le dossier contenant la racine des pages Web, correspond au dossier précédemment créé.

Sauvegardez le fichier.

Je vous en propose un tout fait en cas de difficulté pour la création de ce fichier.

Etape 4 :

Votre serveur ne fonctionnera que si une page d’accueil se trouve dans le dossier root, cette page doit se nommer

index.html ou index.htm

Pour faire simple, je vous ai préparé une petite page à télécharger ici par un clic droit puis Enregistrer la cible du lien sous. Renommez le fichier en supprimant le tiret du bas (_) puis copiez-le dans le dossier root.

Etape 5 : 

Pour lancer le serveur, double clic sur le fichier de commandes tiny.bat puis lancez un navigateur quelconque et tapez l’adresse :

http://127.0.0.1

Si tout est conforme, la magnifique page que vous avez téléchargée s’affiche. Il se peut que le pare-feu vous demande l’autorisation de valider l’ouverture du port 80, il est sage de la confirmer.

Tiny tourne en tâche de fond, il n’est pas possible de fermer le service facilement, vous devez passer par le gestionnaire de tâche (en faisant CTRL-ALT-SUPP) puis dans l’onglet Processus tuer la tâche TINY.exe

D’ailleurs cette manœuvre est indispensable avant d’éjecter le disque dur ou la clé USB. Ceci-dit vous auriez également pu copier le dossier complet (TinyWeb) sur un disque dur local avant de lancer le fichier de commandes.

Plus proprement, il est aussi possible de tuer cette tâche grâce à une bonne vieille ligne de commande :

taskkill /IM TINY.exe /F

Evidemment pour que cette ligne de commande soit plus rapide à mettre en œuvre il faut aussi la stocker dans un fichier de commande par exemple killtiny.bat comme celui-ci.

Etape 6 :

Certainement le plus intéressant, confectionnez votre site web et en copier la structure dans le dossier root en remplaçant la page index.html par votre page d’accueil personnalisée.

 

 

Plus d’infos sur TinyWeb Server sont disponibles sur le web de l’auteur :  http://www.ritlabs.com/en/products/tinyweb/

Google Web Designer, un éditeur html5 gratuit

Créateur de contenus en ligne, Google met gratuitement à votre disposition un outil d’édition de pages HTML5.

image

Uniquement en anglais, cet outil très complet prend en charge les projets devant s’afficher des tailles d’écrans multiples, Ordinateurs, Smartphones et tablettes.

image

Focalisez-vous sur les contenus grâce au support de la dernière version d’HTML et les feuilles de style CSS3 ou bien mettez les mains dans le cambouis et rédigez votre propre code HTML, tout est permis !

image

Google Web Designer propose de gérer au mieux les animations de vos objets, soit en mode rapide, scène par scène ou en mode avancé en gérant individuellement les éléments dans des calques.

image

Bien d’autres fonctionnalités sont proposées, un environnement de développement en 3D, un éditeur de code puissant, des outils de création d’objets vectoriels.

Google Web designer devrait ravir les designers et les développeurs.

Attention c’est une béta qui n’a pas évolué depuis le 14 avril 2014.

A télécharger ici uniquement à partir de Windows 7 ou Mac 10.7.x  : http://www.google.com/webdesigner/

Profweb 2.0 : bloguer pour enseigner et apprendre

Charles-Antoine Bachand, conseiller pédagogique québécois, propose un dossier très complet sur les usages pédagogiques du blog.

Après un point sur les hébergeurs, le fonctionnement du "blogue", comme l’écrivent nos cousins québécois, les contextes pédagogiques, Charles-Antoine aborde les aspects pratiques et les démarches.

Enfin une riche bibliographie vient clore un dossier particulièrement intéressant.

Accédez au dossier en ligne sur le site Profweb,
Téléchargez le dossier au format Pdf.

Screentoaster : créer des tutoriels vidéo

Le blog Apprendre 2.0 met en ligne une vidéo de présentation du service Web ScreenToaster, sous la forme d’un parcours de découverte.

Ce logiciel de screencasting permet de créer des enregistrements vidéo de votre écran d’ordinateur. Au chapitre des fonctionnalités :

  • enregistrement de l’écran ou d’une portion d’écran,
  • enregistrement d’un commentaire audio et/ou de la webcam en incrustation,
  • sous-titrage de la vidéo,
  • stockage en ligne sur le site ScreenToaster (public ou privé), importation de la vidéo en AVI.

Il est évidemment nécessaire de disposer d’un connexion haut-débit.

Ce service est gratuit après enregistrement.

Consulter la vidéo de présentation

Accéder au site ScreenToaster