background preloader

Projet TICE

Facebook Twitter

EAM à partir de mon cours de Sciences sociales - analyse critique d'internet - Vidéos libres de droits : 3 sites pour télécharger des vidéos gratuitement. Nous vous parlions récemment de Crello, un outil pour créer des animations optimisées pour les réseaux sociaux. Puisque les vidéos ont le vent en poupe, nous avons sélectionné 3 sites qui permettent de télécharger des vidéos gratuitement. Vecteurs gratuits et autres fichiers graphiques. 8 banques d’images gratuites et libres de droits pour sublimer vos publications sur les réseaux sociaux. Quiz Generator. Les formats de polices typographiques pour le Web. Commençons par une petite analyse macroscopique Un fichier de police typographique contient toutes les informations requises pour qu’un ordinateur puisse afficher les caractères correspondant.

Les formats de polices typographiques pour le Web

Cela comprend en général : L’ensemble des tracés vectoriels de chacun des caractères (il existe également des formats de polices typographiques Bitmap, mais leur usage est ultra spécifique et jamais sur le Web)Des meta-données diverses et variéesDes informations supplémentaires pour gérer le lissage de la police à l’écran et de manière générale le changement d’échelle des caractères vectoriels (on utilise souvent l’anglicisme « Hinting »)Des informations supplémentaires pour gérer les approches entre caractères (on utilise souvent l’anglicisme « Kerning ») Outre le fait que tous les formats de polices typographiques ne sont pas égaux face à ces 4 points, chacun répond à des problématiques parfois différentes et il peut être difficile de s’y retrouver.

Numérique : Répertoire des œuvres. Dans le cadre de l'Accord conclu avec les ministères, les enseignants des établissements sous tutelle du MEN et du MESR peuvent utiliser, sous d'autres formes que la photocopie (numérisation, mise en ligne sur intranet, conférences, représentations…) et pour les besoins de leur activité pédagogique ou de recherche, les œuvres (extraits de livres, de presse et de partitions de musique) pour lesquelles les éditeurs ont apporté leurs droits au CFC.

Numérique : Répertoire des œuvres

50+ Free Responsive HTML5 CSS3 Website Templates. HTML5 has been around for a while now and we can see all developers have started to share free resources in HTML5, CSS3.

50+ Free Responsive HTML5 CSS3 Website Templates

The css3 website templates we are introducing today are totally free with amazing features like flat design, responsive layout, jquery sliders etc. Free doesn’t make it any bad as you can see most of these html templates look like premium templates. We have took a little extra time to grab new HTML templates in this exciting list of freebies. Download, share these templates with your friends and you have complete freedom to modify the theme to your project needs without any attributions. High quality theme with retina ready solutions may be of interest these days for majority of the audience and you can find many template being remade for this option along with responsive layout.

Also take a look at our previous articles on HTML5 Templates. Modifier l'apparence d'une infobulle. Et pour vous donner un aperçu des innombrables possibilités qui vous sont offertes par cette astuce, voici d'autres mises en forme (toujours avec le même code xHTML, il n'y a que le code CSS qui change) : style d'infobulle du cours : style d'infobulle de Windows XP : une infobulle un peu plus complexe, mais qui utilise le principe que je vous ai enseigné : et pour terminer, un système d'aperçu d'images : Libre à vous désormais de modifier vos infobulles.

Modifier l'apparence d'une infobulle

On peut imaginer un tas d'applications à cette astuce. VIDEOS. Le jeu, la meilleure introduction au CSS. Creation de site Internet - Accueil creation de site Internet. Crayon.css. HTML5 UP! Responsive HTML5 and CSS3 Site Templates. Installer WordPress en local : XAMPP, WAMP ou InstantWP ? Pour quelles raisons installer WordPress en local ?

Installer WordPress en local : XAMPP, WAMP ou InstantWP ?

C’est gratuit Nous avons vu plus tôt qu’il existe des hébergeurs WordPress gratuits, mais les erreurs serveur incessantes, le temps de chargement des pages et la lenteur des transferts FTP n’en font pas un environnement idéal pour le développement de votre site web, ni pour faire des tests. Installer WordPress en local est la solution à tous ces problèmes, il ne restera qu’à le mettre en ligne une fois prêt. Interactive JavaScript charts for your webpage. jQuery : script utilisant la fonction toggle pour afficher/cacher un bloc HTML. Il y a quelques mois, je me suis amusé à transformer mon script javascript maison qui me permet d’afficher certaines zones de textes sur le site, notamment dans les articles de la catégorie Anime/Série.

jQuery : script utilisant la fonction toggle pour afficher/cacher un bloc HTML

Étant donné que JQuery est présent sur toutes les pages du site, j’ai adapté le script pour qu’il utilise jQuery. Cela fera aussi une librairie maison de moins à maintenir (et à charger). Un script Javascript répondant à des besoins précis J’écris pas mal de code afin de répondre à mes besoins sur le site, le but étant de me simplifier la vie au maximum. Dans certains articles, il existe des zones de textes qui ne sont pas tout public et qui nécessitent une authentification préalable à leur lecture.

Démo. 22 Free jQuery CSS3 Progress Bar Codes. Structurer sa page. HTML XHTML -Les images maps. 14.2. Carte cliquable. Sur le web on utilise fréquemment des images dites sensibles (ou cliquables) avec lesquelles il est possible d'obtenir différents effets lorsque certaines zones sont « sollicitées » par le curseur de la souris.

14.2. Carte cliquable

L'utilisation la plus courante est, sans doute, un lien dynamique vers une autre page web lorsqu'on clique sur une de ces zones sensibles. Ce « filtre » permet de délimiter facilement la ou les zones sensibles souhaitées dans une image. Les logiciels de création de sites web ont cette fonction en standard. Avec ce « filtre » de GIMP vous avez la possibilité de faire la même chose. Avec ce greffon vous pouvez définir graphiquement et de façon conviviale, avec l'image visible, toutes les zones que vous voulez délimiter et de générer la partie correspondante des balises html qui doivent être incorporées dans le code html de votre page Web contenant une image cliquable. 14.2.2. Depuis une fenêtre d'image, on accède à ce filtre par → → . Figure 17.344. ↂ Mediabox - Centre de Formation Adobe - Wiki. Activez JavaScript pour une utilisation optimale.

ↂ Mediabox - Centre de Formation Adobe - Wiki

Par celynette (celine moulard), le 30 août 2011 Grâce à ce tutoriel, vous allez apprendre à créer vos propres image-map sans avoir à ce casser la tête Prérequis Avoir photoshop serait déjà une bonne chose! Ce chapitre ne nécessite pas de connaissance poussée en html et css, il s'adresse donc à tous. jQuery Video LightBox Plugin, jQuery Image and Video LightBox Plugin, HTML5 Video Lightbox, HTML5 Photo and Video LightBox - Android, iPhone and iPad Compatible Photo Gallery and Video Gallery. Timeline JS - Beautifully crafted timelines that are easy, and intuitive to use.