Site Info

lundi 23 novembre 2009

Vidéos Scientifiques : Vaccination - Grippe - Marseille Octobre 2009

Partie 1 :

Partie 2 :

“La vaccination induit un oedème cérébrale ; Nous avons au moins 5 millions d'handicapés en France ; Il faudrait arrêter de nous mentir, plus de 80% de ces enfants handicapés, c'est en rapport avec la vaccination”


Partie 3 :



Partie 4 :

vendredi 6 novembre 2009

Vidéos Inclassables : La magie des nombres

Vidéos Bien-être : Chlorure de magnésium

Attention la vidéo est un enregistrement radio et ce type d'enregistrement enfreint les droits d'auteur, cependant tant qu'elle est présente ...

jeudi 5 novembre 2009

Vidéos Javascript : Découvrir Raphaël

A partie de cette article ci-dessous, vous allez découvrir une application qui est plutôt une librairie :

http://ajaxian.com/archives/raphael-10-rc-get-your-graphics-on




05/11/2009 - Raphaël Version 1.2
http://raphaeljs.com/

What is new in 1.0 RC1?

http://raphaeljs.com/1.0.html

Des graphiques : 05/11/2009 - gRaphaël version 0.2

http://g.raphaeljs.com/

De la documentation afin d'expliquer tout le contenu des possibilités de cette librairie :

http://raphaeljs.com/reference.html


Simuler du texte :

Vidéos informatiques : Cloudera

mercredi 4 novembre 2009

Liens informatiques : SketchUp - 3D

http://sketchup.google.com/download/gsuwfrthankyou.html

Les vidéos étape par étape :


http://sketchup.google.com/intl/fr/training/videos/new_to_gsu.html#

Liens Informatiques : Ext JS Designer

Une petite publicité pour cette application web très conviviale :

http://www.extjs.com/api/xds/screencasts/designer.html

http://www.extjs.com/blog/2009/10/08/ext-js-designer-preview/

La boutique en ligne :

http://www.extjs.com/store/gxt/

Vidéos SVG : Introduction au SVG + Javascript + SMIL


http://code.google.com/p/svgweb/

La musique : Chensington - Revelation


En dessous du titre, vous avez la possibilité de lire ou télécharger le morceau avec cet intitulé : [ Play Track ] [Download - 14.83 MB]


La licence de ce morceau :   ici

Un autre lien code in paradise par un des fondateurs Brad Neuberg :  ici

croczilla :  ici

Sur ajaxian un autre article est rédigé où on voit la puissange du SVG : 

http://ajaxian.com/archives/view-source-tutorial-fancy-web-page-using-html5-css-and-svg#more-7553

Tous les articles inhérents à SVG sur le site ajaxian

Dans cette article, il fait remarquer que le site http://emacsformacosx.com/, est exclusivement conçu en SVG. Testé sous Firefox 3.5.4, par contre sous Opera 10, il manque une partie de l'affichage :

Sous Firefox 3.5.4 :



En passant la souris sur le rectangle



Sous Opera 10.0 : 


J'ai observé qu'au survol de la souris, cela s'affichaît, mais très longtemps après ! En fait, c'était lié au nombre substantielle d'onglets ouvert dans ce navigateur.

mardi 3 novembre 2009

Vidéos scientifiques : Vaccinations







http://expovaccins.over-blog.com/

Programme SVG : Cercle avec feuille de style


Configuration dans un seul fichier ; Ouvrir notepad++ et enregistrez ce fichier en,  le-nom-que-vous-voulez.xml



<svg html="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/2000/svg">
<style><br /> circle:hover {fill-opacity:0.9; stroke-width:2mm;}<br /></style>
<g style="fill-opacity:0.7; stroke:black; stroke-width:0.1cm;">
<circle cx="6cm" cy="2cm" r="100" fill="red" transform="translate(0,50)">
<circle cx="6cm" cy="2cm" r="100" fill="blue" transform="translate(70,150)">
<circle cx="6cm" cy="2cm" r="100" fill="green" transform="translate(-70,150)">
</g>
</svg>


Ou de manière à séparer le contenu de l'agrémentation ; Ouvrir notepad++ et enregistrez ce fichier en, le-nom-que-vous-voulez.xml :



<?xml version="1.0"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" >
<head>
<title>Agremente SVG avec CSS</title>
<link rel="stylesheet" type="text/css" media="screen" href="feuille-de-style-cercle.css" />
</head>
<body>
<h1>Agremente SVG avec CSS</h1>
<svg:svg width="12cm" height="12cm">
<svg:g>
<svg:circle cx="6cm" cy="2cm" r="100" style="fill:red;" transform="translate(0,50)" />
<svg:circle cx="6cm" cy="2cm" r="100" style="fill:blue;" transform="translate(70,150)" />
<svg:circle cx="6cm" cy="2cm" r="100" style="fill:green;" transform="translate(-70,150)" />
<svg:rect x="0" y="0" width="12cm" height="12cm" />
</svg:g>
</svg:svg>
</body>
</html>

Vous constaterez un lien par la balise link où se situe le nom du fichier de la feuille de style : feuille-de-style-cercle.css :



circle {
fill-opacity:1; stroke-width:6mm;
}

circle:hover {
fill-opacity:0.5; stroke-width:2mm;
}

rect {
fill:none;
stroke:black;
stroke-width:1;
}

g {
fill-opacity:0.7; stroke:grey; stroke-width:0.1cm;
}

@font-face {
src: url(e:/windows/fonts/GenR102.woff) format("woff"),
url(e:/windows/fonts/GenR102.ttf) format("truetype");
}

h1 {
font-family: Gentium;

}

Pour terminer ouvrez ces deux fichiers dans votre navigateur (Opera, Firefox ou autres) ; Le cercle bleu dont on remarque une baisse de son opacité, est le fait du passage de ma souris sur le cercle.


Dans ce billet, http://hacks.mozilla.org/2009/10/woff/, on nous informe les défauts d'IE8, à savoir qu'il supporte le format .eot et non le .woff:


@font-face {
font-family: GentiumTest;
src: url(fonts/GenR102.eot); /* for IE */
}

@font-face {
font-family: GentiumTest;
/* Works only in WOFF-enabled browsers */
src: url(fonts/GenR102.woff) format("woff");
}

Vidéos Chouille : Repas des anciens L'Aigle 2009

lundi 2 novembre 2009

Articles : Police de caractères

D'après l'article suivant à propos des polices de caractère :

http://www.smashingmagazine.com/2007/11/08/40-excellent-freefonts-for-professional-design/

Je voulais ajouter les liens directement car il y a quelques petites erreurs.

Cardo98 :

http://scholarsfonts.net/cardofnt.html#DownloadLink

Day roman :

http://apostrophiclab.pedroreina.net/0189-DayRoman/dayroman.html

District thin :

http://www.philsfonts.com/freefont.html

Canonica, Cosmetica, Modata, Moderna :

http://www.ellak.gr/pub/fonts/mgopen/index.en#download

Pigiarniq :

http://www.gov.nu.ca/english/font/

Delicious :

http://www.josbuivenga.demon.nl/delicious.html

Tallys :

http://www.josbuivenga.demon.nl/tallys.html

Diavlo

http://www.josbuivenga.demon.nl/diavlo.html

Fontin :

http://www.josbuivenga.demon.nl/fontin.html


Kaffeesatz :

http://www.yanone.de/typedesign/kaffeesatz/

Justold :
http://moorstation.org/typoasis/designers/klein03/text/justold.htm

Scriptina : (j'aime uniquement les chiffres)
http://pedroreina.net/apostrophiclab/0158-Scriptina/scriptina.html

Glassik
Glassika


Engel Light :

Entrez son nom, prénom et adresse mail afin de recevoir un message avec l'adresse exacte où elle doit être téléchargée.

http://www.gestalten.com/fonts/freefonts/details.html?id=16

Dans ce même site, vous pouvez consulter les autres polices de caractère :

http://www.gestalten.com/fonts/freefonts/archive

kontrapunkt :
http://www.kontrapunkt.dk/en/about-us/our-own-typeface/

FF Good Wide Light :
http://www.fontfont.com/downloads/

Colaborate :
http://www.fontsquirrel.com/fonts/Colaborate

Steiner :
Steiner

Greyscale
http://www.greyscale.net/basic/

Com4t
http://com4t-fff.seesaa.net/article/20901050.html

mareib_reg :
http://pixelfonts.style-force.net/download/marke-eigenbau-regular/

Memoria regular :
http://pixelfonts.style-force.net/download/memoria-regular/

Memoria extented :
http://pixelfonts.style-force.net/download/memoria-extended/

Munica regular :
http://pixelfonts.style-force.net/download/munica-regular/

Munica regular extended :
http://pixelfonts.style-force.net/download/munica-extended/

Gros regular :
http://pixelfonts.style-force.net/download/gros-regular/

Gros Extended :
http://pixelfonts.style-force.net/download/gros-extended/

Semplice regular :
http://pixelfonts.style-force.net/download/semplice-regular/

Semplice extended :
http://pixelfonts.style-force.net/download/semplice-extended/

Frucade medium regular :
http://pixelfonts.style-force.net/download/frucade-medium-regular/

Frucade medium extended :
http://pixelfonts.style-force.net/download/frucade-medium-extended/

Bavaria regular :
http://pixelfonts.style-force.net/download/bavaria-regular/

Bavaria Extended :
http://pixelfonts.style-force.net/download/bavaria-extended/

Aurora regular :
http://pixelfonts.style-force.net/download/aurora-regular/

Aurora Extended :
http://pixelfonts.style-force.net/download/aurora-extended/

Silkscreen :
http://pixelfonts.style-force.net/download/aurora-extended/

Les plus téléchargées :

http://www.fontsquirrel.com/fonts/list/mostdownloaded
http://aide-blogger-fr.blogspot.com/2007/09/ouvrir-les-liens-dans-une-nouvelle.html

Messages les plus consultés depuis la création du blog