debray-jerome.fr
Playground CSS - un menu en transition
http://www.debray-jerome.fr/playground-css-un-menu-en-transition-8.html
Rechercher sur le site. Web developpeur et designer. Playground CSS - un menu en transition. A href="#" Item 1 /a. Div class="hidden" img src="http:/ farm2.staticflickr.com/1394/557771204 6d06419b64 m.jpg" alt=" / /div. A href="#" Item 2 /a. Div class="hidden" img src="http:/ farm2.staticflickr.com/1394/557771204 6d06419b64 m.jpg" alt=" / /div. Menu-transition .item {. Menu-transition .item a {. Padding: 10px 20px;. Menu-transition .item a:hover {. Menu-transition .hidden {. Padding: 10px 15px;.
debray-jerome.fr
Envoyer des evenements avec Google Universal Analytics
http://www.debray-jerome.fr/envoyer-des-evenements-avec-google-universal-analytics-11.html
Rechercher sur le site. Web developpeur et designer. Envoyer des evenements avec Google Universal Analytics. Google a mis à jour son systeme de tracking appelé maintenant Google Universal Analytics. Il est en beta public et donc il est possible depuis un moment de l'utiliser, voici la marche a suivre. Le code principale pour utiliser Universal Analytics. Function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r] function(){. Ga('create', 'UA-xxxxxxxx', 'mon-domain.fr');. Ga('send', 'pageview');.
debray-jerome.fr
Fonction pour convertir des degres en radian en javascript
http://www.debray-jerome.fr/fonction-pour-convertir-des-degres-en-radian-en-javascript-17.html
Rechercher sur le site. Web developpeur et designer. Fonction pour convertir des degres en radian en javascript. J'avais besoin d'une fonction qui permet de convertir les degrés en radian afin de pouvoir utiliser plus facilement les formules de mathématique de calcul de coordonnées dans l'espace en fonction d'un angle (pour des animations circulaires par exemple). J'ai donc trouvé un script que je vous partage :. If (typeof(Number.prototype.toRad) = = "undefined") {. Return this * Math.PI / 180;.
debray-jerome.fr
Generateur de boutons CSS3 - Design et programmation web2 - Dji
http://www.debray-jerome.fr/outils/Generateur-de-boutons-css3.html
Rechercher sur le site. Web developpeur et designer. Générateur de boutons CSS3. Voici un générateur de boutons CSS3. Mise a jour du générateur. Prise en charge d'IE10. Mise a jour de la syntaxe. Type de gradient :. Couleur de départ :. Couleur de fin :. Taille de la bordure :. Style de la bordure:. Couleur de la bordure:. Moz-box-shadow: 0px 0px 10px #343434;. Webkit-box-shadow: 0px 0px 10px #343434;. O-box-shadow: 0px 0px 10px #343434;. Box-shadow: 0px 0px 10px #343434;. Border: 1px solid #656565;.
debray-jerome.fr
Mes articles sur le CSS3 - Bienvenue chez Dji
http://www.debray-jerome.fr/category/css3.html
Rechercher sur le site. Web developpeur et designer. Playground CSS - un menu en transition. A href="#" Item 1 /a. Div class="hidden" img src="http:/ farm2.staticflickr.com/1394/557771204 6d06419b64 m.jpg" alt=" / /div. A href="#" Item 2 /a. Div class="hidden" img src="http:/ farm2.staticflickr.com/1394/557771204 6d06419b64 m.jpg" alt=" / /div. Dropdown en javascript et css. Input type="hidden" name="univers" value="voiture"/. Div class="selected" Automobile /div. Div class="selectArrow" /div. Sur celu...
debray-jerome.fr
Mes articles et plugins sur jQuery - Bienvenue chez Dji
http://www.debray-jerome.fr/category/jquery.html
Rechercher sur le site. Web developpeur et designer. JQuery est une bonne librairie javascript, elle permet d'augmenter grandement la productivité de code javascript et permet de gerer les exceptions liées aux navigateurs car elle est compatible cross-browser. Mais parfois l'utilisation de cette librairie peut s'avérer gourmande en resource navigateur, c'est pour cette raison qu'il fait absolument optimiser son code sous jQuery. AdsenseLoader, charger vos publicites google adsense sur le load. Dans cet a...
debray-jerome.fr
adsenseLoader, charger vos publicites google adsense sur le load
http://www.debray-jerome.fr/adsenseloader-charger-vos-publicites-google-adsense-sur-le-load-9.html
Rechercher sur le site. Web developpeur et designer. AdsenseLoader, charger vos publicites google adsense sur le load. Actuellement sur mon site, je teste différentes façon d'améliorer les performances. Je me suis donc attaqué au chargement sur le "load" de la page de toutes mes publicités adsense. J'ai ainsi créé une librairie adsenseLoader. En javascript afin d'y parvenir. Celle ci permet donc de charger sur le onload. Ou un autre event. Pour l'instant cette librairie est compatible Chrome. Element : d...
debray-jerome.fr
Mes articles sur le HTML5 - Bienvenue chez Dji
http://www.debray-jerome.fr/category/html5.html
Rechercher sur le site. Web developpeur et designer. Comment gérer l'erreur localStorage QUOTA EXCEEDED ERR: DOM Exception 22 sur safari sous MacOs ou iOS. Récemment, j'ai été confronté à une erreur particulière :. QUOTA EXCEEDED ERR: DOM Exception 22: An attempt was made to add something to storage that exceeded the quota. Le plus étrange c'est que j'avais cette erreur uniquement sur un iphone, ipad ou un mac mais pas tout le temps. Dropdown en javascript et css. Div class="selected" Automobile /div.
debray-jerome.fr
plugin jquery responsive image
http://www.debray-jerome.fr/plugin-jquery-responsive-image-15.html
Rechercher sur le site. Web developpeur et designer. Plugin jquery responsive image. Quand on travaille sur le responsive design, un des problèmes majeurs est de pouvoir charger des images selon la résolution de l'écran et de préférence selon le réseau que l'on utilise. Une solution serait d'utiliser l'api HTML5 d'information du réseau. Afin de détecter le débit d'une connexion mais celle ci n'est implémentée dans aucun navigateur. Je me suis donc confronté à plusieurs choix :. Data-original : correspond...
debray-jerome.fr
png anime en CSS
http://www.debray-jerome.fr/png-anime-en-css-14.html
Rechercher sur le site. Web developpeur et designer. Png anime en CSS. Récemment à mon travail, un collègue m'a montré un site de google concernant le Chromebook Pixel. Sur celui ci, on peut voir des animations sur un rollover. En y regardant de plus près, il a vu que c'etait une image png animé. Il m'a demandé si je pouvais reproduire cet effet afin qu'on puisse l'utiliser peut être sur un projet. J'ai donc regardé le code du site et plus particulièrement celui du png animé. Border:1px solid #535152;.