Les outils d'HG S...
Follow
Find tag "HTML/CSS"
8.0K views | +0 today
Les outils d'HG Sempai
Soft et outils TICE ....
Curated by HG Sempai
Your new post is loading...
Your new post is loading...
Rescooped by HG Sempai from TICE, Web 2.0, logiciels libres
Scoop.it!

Apprendre les mises en page CSS

Apprendre les mises en page CSS | Les outils d'HG Sempai | Scoop.it

Ce site vise à vous apprendre les bases de CSS utilisées pour structurer n'importe quel site web.

Je suppose que vous savez déjà ce que sont les sélecteurs, les propriétés et les valeurs. Et vous connaissez probablement une ou deux choses sur les mise en page, même si ça peut vous donner envie de vous arracher les cheveux. Si vous voulez apprendre le HTML et le CSS depuis le début, vous devriez allez faire un tour sur ce tutoriel. Sinon, voyons si nous pouvons vous éviter de vous énerver sur votre prochain projet.


Via Alain MICHEL
more...
Alain MICHEL's curator insight, May 11, 12:45 PM

Ce site est construit comme un cours plutôt complet, en 19 étapes, sur les bases à connaître pour réussir sa mise en page web en CSS : les positionnement, les marges, les largeurs, etc.

Ceux qui aiment fignoler leurs propres pages web trouveront matière à perfectionner leurs connaissances...

Scooped by HG Sempai
Scoop.it!

Un générateur de dégradés en CSS (gradient CSS)

Un générateur de dégradés en CSS (gradient CSS) | Les outils d'HG Sempai | Scoop.it

Je mâchouillais de la CSS depuis ce matin et tout se passait bien, quand SOUDAIN, j'ai eu la subite envie de faire un petit dégradé. Rien de plus e...

more...
No comment yet.
Rescooped by HG Sempai from TICE, Web 2.0, logiciels libres
Scoop.it!

EnjoyCSS : générateur de CSS3 en ligne

EnjoyCSS : générateur de CSS3 en ligne | Les outils d'HG Sempai | Scoop.it
EnjoyCSS is an advanced CSS3 generator that saves your time. Its handy and simple UI allows you to adjust rich graphical styles quickly and without coding.

Via Alain MICHEL
more...
Alain MICHEL's curator insight, October 6, 2014 8:06 AM

Un excellent générateur de code CSS3 en ligne, très simple, qui permettra même à des personnes sans aucune connaissance de récupérer le code nécessaire à la mise en forme de ses pages web.

Une interface simple permet de choisir précisément ses propres styles. Quand la prévisualisation du résultat vous satisfait, il n'y a plus qu'à récupérer le code source en CSS3 pour l'utiliser dans vos pages.

À tester.

Rescooped by HG Sempai from TICE, Web 2.0, logiciels libres
Scoop.it!

iWantHue : générer une palette de couleurs

iWantHue : générer une palette de couleurs | Les outils d'HG Sempai | Scoop.it

Via Alain MICHEL
more...
Alain MICHEL's curator insight, December 30, 2013 4:10 AM

Une application en ligne extrêmement complète, réalisée par le MediaLab de Sciences-Po.

Elle permet de générer sa propre palette de couleurs assorties et d'obtenir les codes des couleurs proposées, après avoir défini une gamme de teintes.

L'avantage de cette application est qu'elle propose les couleurs de la palette obtenue sous plusieurs « formats », en particulier avec les codes RGB et les codes hexadécimaux.

Utile pour tous ceux qui développent leur site ou leur blog et qui souhaitent réfléchir à une charte graphique cohérente.

Plusieurs tutoriels vidéo sont disponibles sur le site, à consulter pour une utilisation optimale de cet outil :

http://tools.medialab.sciences-po.fr/iwanthue/tutorial.php

ainsi que des exemples de palettes de couleurs prédéfinies.

Louis Levy's curator insight, December 30, 2013 9:03 AM

Très sympathique application en ligne qui permet de générer des palettes de couleurs personnelles coordonnées en faisant varier les composants. Affiche également les codes RBG.

Olivier Grondal's curator insight, January 2, 2014 3:30 PM

Toujours utile pour tous ceux qui créent leur site et qui souhaitent des couleurs cohérentes

Rescooped by HG Sempai from TICE, Web 2.0, logiciels libres
Scoop.it!

147 Colors Grid - CSS Color Names

147 Colors Grid - CSS Color Names | Les outils d'HG Sempai | Scoop.it
This is a tool to help web designers and developers learn the 147 CSS color names that are available today. The 147 Colors consist of 17 standard plus 130 more.

Via Alain MICHEL
more...
Alain MICHEL's curator insight, November 8, 2014 3:41 AM

Connaissez-vous les 147 couleurs qui portent un nom officiel dans CSS ?

Sur ce site qui sera utile aux développeurs et à tous ceux qui mettent en ligne leur propre site ou blog, on peut découvrir les noms de ces couleurs ; noms qui seront directement utilisables dans le code CSS en lieu et place du classique code hexadécimal ou RGB.

Olivier JADZINSKI 's curator insight, November 8, 2014 12:57 PM

"Ah oui mais Monsieur, je veux du bleu qui soit moins bleu"..
voilà la réponse ! 

Rescooped by HG Sempai from TICE, Web 2.0, logiciels libres
Scoop.it!

EmbedPlus : Personnalisez le code d'intégration des vidéos de YouTube

EmbedPlus : Personnalisez le code d'intégration des vidéos de YouTube | Les outils d'HG Sempai | Scoop.it
How to enhance YouTube video embedding and SEO on WordPress and other platforms.

Via Alain MICHEL
more...
Sophie Undreiner's curator insight, January 30, 2014 3:58 AM

merci Alain Michel: 

Excellent service en ligne gratuit qui permet de personnaliser le code d'intégration d'une vidéo YouTube dans une page web. Il est ainsi possible :

de déterminer un instant de début et un instant de finde lecture si on n'a besoin que d'un extrait de la vidéo,de rajouter des "marqueurs" à des instants précis sur la vidéo de façon à la découper en chapitres que l'on pourra retrouver en un clic,de rajouter des annotations à des moments précis sur la vidéo,de zoomer dans la vidéo sans stopper la lecture.de lire la vidéo au ralenti.


Tout se fait très simplement en 4 étapes :

je déclare si le code d'intégration est destiné à un blog WordPress ou non,je colle l'adresse URL de la vidéo YouYube,je personnalise en choisissant éventuellement le moment de début et de fin de lecture, en posant mes marqueurs, en rajoutant des annotations, etc.j'obtiens la portion de code HTML personnalisé qui me permettra d'intégrer cette vidéo dans mes pages web.

Idéal pour préparer des séquences destinées à des formations ou à être utilisées en classe.

Chris Jaeglin's curator insight, February 1, 2014 11:27 AM

add your insight...

Olivier Grondal's curator insight, February 5, 2014 3:21 PM
Il permet de :déterminer un instant de début et un instant de findrajouter des "marqueurs" rajouter des annotations de zoomer dans la vidéo sans stopper la lecture.de lire la vidéo au ralenti.


Et tout se fait très simplement !

Scooped by HG Sempai
Scoop.it!

HTML et CSS en 2 minutes - 2 minutes learning

HTML et CSS en 2 minutes - 2 minutes learning | Les outils d'HG Sempai | Scoop.it
2minuteslearning est un site d'apprentissage permettant d'acquérir des compétences via des tutoriels vidéos de 2 minutes.
more...
No comment yet.