Installer Zen coding sur Sublime Text 2

Voici une petite aide pour installer Zen coding sur Sublime Text 2.

1. Lancer Sublime Text 2

2. Installer le  » Package Control », si ce n’est pas déjà fait.

Pour vérifier si il est déjà installé, aller dans le menu « Tools > command Palette » ou taper « cmd + Shift + p » (« Ctrl + Shift + p » pour windows) et saisisser « Package Control »

Si aucune proposition ne s’affiche, c’est qu’il n’existe pas.

Pour l’installer: il va falloir suivre la méthode de : wbond

C’est à dire : Aller dans Views > Show Console et copier/coller le code ci-dessous

1
import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'

Taper sur « Enter ».

Une fois le processus terminé, redémarrer Sublime text 2

3. Maintenant re-taper « Cmd + Shift + p » dans sublime text, « Package Control: Install Package » doit apparaître dans la liste .

Sélectionner le.

Une liste de plugins va apparaitre, taper Zen Coding

tadaaa il apparait! :)

Choisissez le et hop!

Redémarrer Sublime Text.

Zen coding est installé!

Have fun :)

Button full CSS3

Un petit code sympa pour créer des buttons full CSS3:

Button css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<a class="btn color1">Button css</a>

/* Structure du bouton - (Shadow - transition - border radius) */
.btn {
color: #FFF;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
padding: 8px 13px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
}
.btn:hover {
cursor: pointer;
text-decoration: none;
}

/* Couleur du bouton - Color 1 - purple */
.color1 {
background: #b8396d;
border: solid 1px #9D2053;
}
.color1:hover {
background: #9D2053;
border: solid 1px #7a0c39;
}

3 thèmes WordPress de base

WordPress est un des CMS les plus répandus à ce jour.

Il est simple d’utilisation, beaucoup de plugins sont disponibles, le support est présent et une quantité énorme de thèmes WordPress sont disponibles en téléchargement (ThemeForest, Cssigniter, WPScientist …)

Alors pour changer, je vais vous présenter des thèmes plus simple, des thèmes de base qui vous aiderons à créer votre propre thème WordPress.

TwentyTen Five HTML5

 

Constellation Theme

 

Root Theme