TICE, Web 2.0, lo...
Follow
151.0K views | +99 today
TICE, Web 2.0, logiciels libres
Les infos sur l'actualité des TICE et des usages du numérique dans l'enseignement. Canopé de l'Aude https://twitter.com/CDDP11
Curated by Alain MICHEL
Your new post is loading...
Your new post is loading...
Scoop.it!

Color Explorer : générer une palette de couleurs à partir d'une image

Color Explorer : générer une palette de couleurs à partir d'une image | TICE, Web 2.0, logiciels libres | Scoop.it
Extract spot colors from any image
Alain MICHEL's insight:

Un outil en ligne très simple à utiliser, qui extrait la palette de couleurs d'une image qu'on lui soumet et propose les codes hexadécimaux ainsi que les valeurs RGB des couleurs obtenues. Il est possible de choisir le nombre de couleurs voulues.
Utile pour le webdesign, pour la conception d'une charte graphique...
Après l'import de son image à analyser, le site offre d'autres outils sur chacun des onglets présents en haut de la page :

  • Color Picker : choisir très précisément une couleur et obtenir les codes RGB et hexadécimaux correspondants,
  • Color Libraries : explorez les bibliothèques de couleurs déjà établies : couleurs pour le web, couleurs nommées en CSS, etc.
  • Color matching : outil pour trouver des couleurs assorties, complémentaires, des nuances, etc.

Tant que j'y suis, un autre site, similaire :
http://www.colorhunter.com/

more...
No comment yet.
Scoop.it!

Apprendre les standards Web, HTML, CSS, etc... Tutoriels Alsacreations

Apprendre les standards Web, HTML, CSS, etc... Tutoriels Alsacreations | TICE, Web 2.0, logiciels libres | Scoop.it
Apprendre la création web et les CSS grâce aux tutoriels
Alain MICHEL's insight:

Tous les tutoriels disponibles sur l'excellent site AlsaCreations, tutoriels consacrés aux langages de développement web : HTML, CSS, Javascript, ainsi qu'aux notions d'accessibilité et de webdesign.
Une véritable mine...

more...
No comment yet.
Scoop.it!

Colourcode : choisir un jeu de couleurs

Colourcode : choisir un jeu de couleurs | TICE, Web 2.0, logiciels libres | Scoop.it

Besoin de créer un jeu de couleur pour votre créa ? Besoin de choisir rapidement une couleur en CSS ? Votre client vous a donné une couleur de départ et vous avez besoin d'inspiration pour créer votre thème ?
Je vous propose aujourd'hui de jeter un œil à colourco.de, un éditeur de thème de couleur  en ligne.

Alain MICHEL's insight:

Tout simplement EXCELLENT...!

Il y a absolument tout dans cet éditeur de thèmes de couleurs pour choisir précisément une couleur ou un jeu de couleurs assorties pour préparer une charte graphique : couleurs complémentaires, jeu monochrome ou trois couleurs ou 4 couleurs , variation de la teinte, de la luminosité, sélectionner, exporter, partager le résultat obtenu... (via le petit menu à gauche de l'écran).

Tout y est !

C'est un outil qui fait penser à la somme, au mariage de Color Hailpixel déjà présenté ici : http://sco.lt/87EQDJ  et de Color Scheme Designer, déjà présenté ici : http://sco.lt/88f55l

CoulourCode est de plus un outil OpenSource.

À connaître absolument.

Lien direct : http://colourco.de/

more...
No comment yet.
Scoop.it!

Comment mesurer la taille d'un objet dans une page web en pixels ?

Comment mesurer la taille d'un objet dans une page web en pixels ? | TICE, Web 2.0, logiciels libres | Scoop.it

Vous avez besoin de mesurer régulièrement des objets sur des pages web comme des tableaux, des cadres, des bandeaux publicitaires depuis votre navigateur web. Afin de vous simplifier la tache, il existe une excellente extension...

Alain MICHEL's insight:

L'extension présentée dans cet article est pour le navigateur Chrome.

Il existe exactement le même type d'outil pour Firefox : l'extension "Measure it", disponible ici :

https://addons.mozilla.org/fr/firefox/addon/measureit/

Un outil tout bête qui rend bien des services quand on développe ses propres pages web...

more...
No comment yet.
Scoop.it!

Niice. Moteur de Recherche spécialisé graphisme, design, typo, etc...

Niice. Moteur de Recherche spécialisé graphisme, design, typo, etc... | TICE, Web 2.0, logiciels libres | Scoop.it

The internet is full of inspiration, but since Google doesn't have a ‘Good Taste’ filter, finding it means jumping back and forth between blogs and gallery sites.
Niice is an inspiration search engine, letting you search across multiple hand-picked sources (Behance, Illustration age, Designspiration, SiteInspire & Fonts In Use for now, but we're working to add more).

Alain MICHEL's insight:

Un moteur de recherches spécialisé, qui ne renvoie que des images trouvées sur des sites dédiés au graphisme, design, illustration, typographie, etc.

more...
No comment yet.
Scoop.it!

Coolors - The super fast color palettes generator!

Coolors - The super fast color palettes generator! | TICE, Web 2.0, logiciels libres | Scoop.it
Choose your favorite colors and get thousands of cool combinations.
Alain MICHEL's insight:

Un nouvel outil en ligne pour choisir et sélectionner une palette de couleurs assorties. La différence avec les autres outils déjà présentés, c'est qu'ici, les couleurs sont proposées automatiquement pour être assorties entre elles : il suffit de presser sur la barre d'espace pour générer une nouvelle palette de 5 couleurs.

On peut affiner la palette obtenue en cliquant sur une ou plusieurs des couleurs proposées pour les verrouiller et les conserver, puis continuer à modifier la ou les autres en pressant à nouveau sur la barre d'espace.

On peut aussi démarrer avec sa propre couleur de base en saisissant le code hexadécimal.

Extrêmement simple à utiliser...

more...
VLEBOIS's curator insight, November 2, 2014 5:05 PM

Alain Michel indique: "Un nouvel outil en ligne pour choisir et sélectionner une palette de couleurs assorties. La différence avec les autres outils déjà présentés, c'est qu'ici, les couleurs sont proposées automatiquement pour être assorties entre elles : il suffit de presser sur la barre d'espace pour générer une nouvelle palette de 5 couleurs.

On peut affiner la palette obtenue en cliquant sur une ou plusieurs des couleurs proposées pour les verrouiller et les conserver, puis continuer à modifier la ou les autres en pressant à nouveau sur la barre d'espace.

On peut aussi démarrer avec sa propre couleur de base en saisissant le code hexadécimal.

Extrêmement simple à utiliser..."

Scoop.it!

FlatIcons : Banque d'icônes gratuites et personnalisables

FlatIcons : Banque d'icônes gratuites et personnalisables | TICE, Web 2.0, logiciels libres | Scoop.it

FlatIcons.net is a free flat icon maker, Create your own royalty free flat icons for your web projects! Sell them, give them away and use them! No limits. Just choose an icon shape ( Over 2,500 ), click it and customize!

Alain MICHEL's insight:

Une banque d'icônes gratuites et personnalisables (taille, couleur, bordure, arrière plan).

Il suffit de chercher l'icône voulue au moyen du moteur de recherches ou bien des catégories, puis de la personnaliser avant de la télécharger.

Très simple, à connaître.

more...
Sandra Macabre's curator insight, July 5, 2014 4:15 PM

Looks great!

Wilfried Caruel's curator insight, July 6, 2014 7:19 PM

Pour tous vos projets

Eric Lopez's curator insight, July 7, 2014 3:43 AM
1 tools qui peut rendre service
Scoop.it!

Piresponsive : Testez l'affichage de votre site sur tablette et smartphone

Piresponsive : Testez l'affichage de votre site sur tablette et smartphone | TICE, Web 2.0, logiciels libres | Scoop.it
Avec Piresponsive, testez gratuitement le responsive design de votre site web. Comment s'affiche votre site web sur une tablette ou un smartphone ?
Alain MICHEL's insight:

Un outil en ligne très simple et bien pratique, accessible gratuitement, sans inscription.

Il suffit de coller l'URL du site à tester puis de choisir dans les menus déroulants le modèle de terminal pour lequel on veut tester l'affichage : desktop, tablettes ou téléphones (quelques modèles sont proposés pour tester différentes tailles d'écran - voir image ci-dessus).

Il est même possible grâce à un bouton, de faire basculer l'affichage (horizontal ou vertical) pour visualiser le site testé dans une autre orientation, tout comme sur les téléphones et tablettes.


more...
No comment yet.