Les news les plus vitaminées du web
Réalisez un site en HTML5/CSS3 sans aucune image
7/06/10
Bonjour à tous !
Vous l’aurez sûrement remarqué si vous surfez régulièrement sur le net, on parle de plus en plus de l’arrivé du HTML5 et du CSS3 ! Mais même si bon nombre d’articles font référence à l’arrivée de ces deux langages, il est encore bien trop rare de trouver de bonnes ressources qui vous apprennent à les utiliser correctement !
C’est pourquoi aujourd’hui je souhaite vous partager un très bon article qui vous montrera étape par étape comment réaliser un site entièrement en HTML5 et CSS3 ! Et comme si ça ne suffisait pas, cet article relève le défis de le réaliser sans utiliser aucune image !
Très bien expliqué et étayé par de nombreux exemples, cet article aborde toutes les notions importante à connaître !
Vous serez donc capable à la fin de ce tutoriel, de réaliser un site entièrement optimisé avec ces deux langages, et croyez moi le résultat est tout simplement bluffant !
Vous donnant un avant goût de l’avenir du web, ce tutoriel vous permettra avant tout de vous familiariser avec les diverses petites nouveautés et possibilités qui s’offrent à vous !
Je vous invite donc à lire cet article attentivement, car il pourrait vous être utile plus vite que vous ne le pensez !
Have Fun !
Créez une mini-barre d’outils style microsoft office avec jQuery et CSS3
4/06/10
Bonjour à tous !
Il est bien évident qu’aujourd’hui on retrouve sur la majorité des blogs ou autres sites de type CMS, des barres d’outils pour l’édition de textes et parmi celles-ci certaines sont plus ou moins connues à l’image du célèbre CKEditor.
Aujourd’hui je vous propose de donner un peu plus de style à votre site en créant vous même une barre d’outils, mais cette fois qui apparaitra que lorsque du texte sera sélectionné ! De quoi rendre encore un peu plus dynamique votre application !
De plus, pour faire ça dans l’esprit du futur du web, ce tutoriel vous propose de réaliser cette barre d’outils en utilisant jQuery et CSS3 !
Très simple et rapide à mettre en place, vous n’aurez aucun mal à suivre ce tutoriel ! Seul bémol, il est entièrement en Anglais, il vous faudra donc éviter de bouder la langue de Shakespeare !
Au final, vous obtiendrez une superbe petite barre d’outils dynamique à laquelle vous serez libre d’ajouter ou supprimer des options ! Vous aurez de plus le mérite de vous démarquer des autres avec son rendu plutôt classe !
Je vous laisse découvrir ce tutoriel !
Have Fun !
Site : http://www.jankoatwarpspeed.com/post/2010/05/23/microsoft-office-minibar-jQuery-CSS3.aspx
Demo : http://www.jankoatwarpspeed.com/examples/minibar/
Créez rapidement et facilement un VPN sous Debian
3/06/10
Bonjour à tous !
Aujourd’hui je vous réserve un article un peu spécial ! En effet j’ai décidé de vous expliquer très rapidement comment mettre en place un VPN sous Debian.
En effet on oublie trop souvent à quel point un VPN peut s’avérer utile dans le cadre d’une entreprise (voir même pour certains particuliers un peu geek … ^^), mais on pense aussi trop souvent qu’il s’agit d’une méthode compliquée à mettre en place, et pourtant c’est faux !
Je vais donc vous prouver aujourd’hui que n’importe quel novice peut être capable de monter son propre réseau VPN sous debian et le tout en quelques minutes !
Etape 1 : Installer PPTPD
PPTPD est en réalité un simple soft sous linux qui va tout simplement vous permettre de créer un VPN utilisant le protocole PopTop.
Pour l’installer il vous suffit de vous rendre dans un terminal avec les droits root et de taper la ligne suivante :
aptitude install pptpd
Etape 2 : Configuration du VPN
Votre VPN est installé, il faut maintenant le configurer ! Pour cela il vous faudra éditer le fichier pptpd.conf comme ci-dessous:
nano /etc/pptpd.conf
Puis décommentez les lignes suivantes:
localip 192.168.0.1
remoteip 192.168.0.2-10
Puis quittez en enregistrant les modifications. En faisant cette opération, vous venez tout simplement de définir que l’IP locale de votre serveur VPN sera 192.168.0.1 et que votre plage d’adresses IP disponible pour votre clients VPN ira de 192.168.0.2 à 192.168.0.10. Bien évidement vous pouvez choisir l’adresse ainsi que la plage IP de votre choix !
Etape 3 : Ajout des comptes utilisateurs
Votre VPN est maintenant configuré, maintenant il vous faut autoriser des utilisateurs à s’y connecter, pour cela éditez le fichier chap-secrets comme ci-dessous:
nano /etc/ppp/chap-secrets
Esuite ajoutez vos utilisateur en utilisant la forme suivante:
utilisateur pptpd password *
Ici pptpd représente le protocole avec lequel l’utilisateur doit se connecter, et l’étoile permet d’autoriser les connections distantes.
Etape 4 : Partage de la connexion internet
Maintenant que vos utilisateurs sont créés, il peuvent se connecter à votre VPN, mais là mauvaise surprise, ils perdent leur accès à internet. Pour résoudre ce souci, il vous faut tout simplement autoriser le partage de la connexion internet de votre serveur VPN, pour cela, il vous suffit de taper cette ligne dans votre terminal:
echo « 1″ > /proc/sys/net/ipv4/ip_forward
Le seul souci c’est qu’à chaque redémarrage le serveur réinitialise cette option et vous devrez retaper cette ligne …
Rassurez-vous, il vous suffira simplement de rajouter cette ligne dans votre fichier interface comme ci-dessous pour éviter d’avoir à le faire à chaque redémarrage:
nano /etc/network/interfaces
Puis ajouter cette ligne:
up echo « 1″ > /proc/sys/net/ipv4/ip_forward
Enfin, il vous faut ajouter une règle iptables qui vas rediriger le flux sortant vers la passerelle du serveur, comme ceci:
iptables -t nat -A POSTROUTING -s 192.168.0.0/24 -j MASQUERADE
En prenant bien soin de changer l’adresse IP avec celle que vous avez choisi de mettre dans votre fichier pptpd.conf à l’étape 2 !
Au passage, n’oubliez pas que si vous travaillez derrière une box, il vous faudra ouvrir le port 1723.
C’est Terminé ! Plutôt facile non ?
J’espère que ce petit tutoriel vous sera utile ! A bientôt !
Have Fun !
