Aller au contenu | Aller au menu | Aller à la recherche
lundi 26 septembre 2011
Par rivsc le lundi 26 septembre 2011, 09:07
Il existe un gem qui colorise votre code, il permet de mettre en évidence la syntaxe de votre code.
Installation :
sudo aptitude install python-setuptools
sudo easy_install pygments
sudo gem install albino
mardi 20 septembre 2011
Par rivsc le mardi 20 septembre 2011, 11:24
Le créateur de http://bbxdesign.com/ vient de lancer un site / tutorial sur l'intégration html / css. Il est vraiment bien fait (je l'ai survolé), si vous n'y connaissez rien, je vous souhaite une bonne lecture. Tout est ici : http://css.steaw.com/ . Cliquez sur rideau puis le menu sera en haut à droite.
lundi 5 septembre 2011
Par rivsc le lundi 5 septembre 2011, 12:56
Voici quelques petites astuces pour les intégrateurs web
1) Z-index ne fonctionne pas :
z-index ne fonctionne que sur les éléments positionnés (Ah ok je fais quoi alors : => position:relative; )
2) Z-index 20 au dessus de z-index 100 pourquoi ? :
Il y a certainement des contextes d'empilement différents (un parent différent avec un z-index).
3) Clear ça sert à quoi ?
clear : left / right / both : Il sert à faire un espèce de retour chariot à gauche / droite / les deux.
4) Mon bloc prend toute la place pourquoi ?
Justement parce que c'est un bloc (display:block;)... mettre display:inline si vous voulez qu'il prenne la place qu'il a besoin.
5) Je veux fixer les dimensions de mon élément, mais c'est un display:inline.
C'est pour cela qu'il existe la valeur de la proprété display : "inline-block".
6) Vertical-align ne fonctionne pas :
Vertical align ne fonctionne que sur les cellules de tableau, donc display:table-cell; ou display:table-row;
7) Je souhaite que mes deux blocs cote à cote aient la même hauteur, et si possible non fixé :
Il faut les mettre en display:table-cell; et si possible mettre le conteneur parent en table-row.
8) Quand je change les paddings mon bloc change de taille :
Oui les padding ne comprenne pas la taille du bloc (content-box), il faut donc spécifier : box-sizing:border-box; maintenant les bordures et le padding sont inclus, les margins quand à eux sont toujours exclus.
9) Un élément de type bloc prend width:100%; par défaut !
10) N'oubliez pas le reset css (http://meyerweb.com/eric/tools/css/reset/).
En espérant que ça puisse servir à quelques uns.
mercredi 17 août 2011
Par rivsc le mercredi 17 août 2011, 22:11
Bon voilà j'étais comme toujours en train de quémender des pictogrammes au graphiste quand soudain j'ai eu une idée ! Comme mes sites sont en utf-8 pourquoi ne pas utiliser les caractères unicodes. Plus besoin de faire des sprites css avec moulte picto dans tous les états (hover, visited, active).
Exemple :
♔♕♖♗
Généralement le code html est &#XXXX; XXXX étant le code hexa du caractère !
Evitez de mettre ça dans la balise title y parait que c'est spammy...
Voici les pages wikipedia à regarder pour trouver vos pictos :
http://en.wikipedia.org/wiki/Category:Unicode_charts
Symbole pour éditer copier coller : http://en.wikipedia.org/wiki/Template:Unicode_chart_Dingbats
Symbole de dominos : http://en.wikipedia.org/wiki/Template:Unicode_chart_Domino_Tiles
Symbole ordinaux et cardinaux : http://en.wikipedia.org/wiki/Template:Unicode_chart_Enclosed_Alphanumerics
Symbole d'opérateur mathématique : http://en.wikipedia.org/wiki/Template:Unicode_chart_Supplemental_Mathematical_Operators
Autres Symboles : http://en.wikipedia.org/wiki/Template:Unicode_chart_Spacing_Modifier_Letters
Formes géométriques : http://en.wikipedia.org/wiki/Template:Unicode_chart_Geometric_Shapes
Flèches : http://en.wikipedia.org/wiki/Template:Unicode_chart_Arrows
Jeu d'echec : http://en.wikipedia.org/wiki/Template:Unicode_chart_Chess_Symbols
Encore quelques uns : http://panmental.de/symbols/info.htm (il suffit de copier le caractère et de le coller dans votre IDE préféré)
mardi 14 juin 2011
Par rivsc le mardi 14 juin 2011, 09:21
Tidy est un utilitaire qui permet d'indenter et de nettoyer du xml, html et xhtml (http://tidy.sourceforge.net/).
sudo aptitude install tidy
tidy -xml -indent -wrap 2000 monfichier.xml > monfichierindente.xml
Votre fichier html/xml est maintenant indenté correctement !
mercredi 8 juin 2011
Par rivsc le mercredi 8 juin 2011, 12:08
Voici un plugin jQuery permettant d'afficher un qrcode (grâce à jquery et canvas d'html5) sur une page web. L'utilisation est simple :
$('#qrcode').qrcode("this plugin is
great");
Appliquer sur un div :
<div id="qrcode"></div>
Lu sur lafermeduweb.net .
Site officiel : http://jeromeetienne.github.com/jquery-qrcode/
jeudi 31 mars 2011
Par rivsc le jeudi 31 mars 2011, 11:11
« billets précédents - page 2 de 5 - billets suivants »
