Aller au contenu
Korben, roi d’internet, logo bébé avec des lunettes en mode thug life

image
Vous connaissez Stage6 ? C’est un site un peu dans le même esprit que Youtube mais qui diffuse des divX. Autant vous dire que la qualité reste exceptionnelle.Regardez plutôt:
Pour lire cette vidéo, il vous suffit simplement d’installer le player divX pour votre navigateur internet (en cliquant ici)Evidement si vous voulez incruster vos propres DivX dans votre site sans passer par Stage6.com et sans monter un serveur de streaming, il vous suffit simplement d’uploader la vidéo sur votre FTP, et de mettre la ligne de code HTML suivante dans vos pages et le tour est joué.


<object codebase="http://download.divx.com/player/DivXBrowserPlugin.cab" classid="clsid:67DABFBF-D0AB-41fa-9C46-CC0F21721616" height="480" width="640">
<param name="autoplay" value="false"></param>
<param name="src" value="mavideo.avi"></param>
<param name="custommode" value="Stage6"></param>
<param name="showpostplaybackad" value="false"></param><embed src="mavideo.avi" type="video/divx" pluginspage="http://go.divx.com/plugin/download/" showpostplaybackad="false" custommode="Stage6" autoplay="false" height="480" width="640"></embed></object>

Vous pouvez (devez) changer la taille du player en modifiant les paramètres height et width et spécifier le chemin vers votre vidéo (là ou j’ai écrit mavideo.avi) et voilà !


Capture d'écran d'un code source de programme

Souvent les exploits (Mais qu’est ce qu’un exploit ?) sont codés en C mais lorsqu’on est sous Windows, ce n’est pas forcement évident de les compiler pour les tester.

Voici en quelques étapes simples comment compiler un exploit avec Cygwin.

1. Première étape, téléchargez l’exploit. Vérifiez bien que l’extension du code soit .c

2. Ensuite, téléchargez et installez Cygwin en suivant les images ci-dessous (Si vous ne savez pas ce qu’est Cygwin cliquez ici.)

Image montrant les options de compilation disponibles dans un logiciel
Image montrant un terminal exécutant des commandes de compilation
Illustration de l'utilisation d'un compilateur pour créer un exécutable
Photo d'un développeur en train de travailler sur un code source
Image montrant les différentes étapes de la compilation d'un programme
Schéma expliquant le fonctionnement du processus de compilation
Capture d'écran d'un message d'erreur lors de la compilation d'un programme
Illustration montrant la différence entre un code source et un exécutable
Photo d'un ordinateur portable avec un logiciel de compilation ouvert

3. Après avoir installé Cygwin, copiez votre exploit (exploit.c) dans le répertoire c:\cygwin\bin

4. Puis faites Démarrer > Exécuter et tapez « cmd » (sans les guillemets) pour lancer l’invite de commande MS DOS

5. Ensuite, pour compiler votre code source (qui s’appelle codesource.c par exemple), faites

cd c:\cygwin\bin
gcc codesource.c -o codesource.exe

6. Et voilà ! Vous pouvez maintenant utiliser votre exploit !


Bon, évidement, tout ceci ne fonctionne que sous Windows et avec du C mais1. Pour du C++, utilisez le compilateur BloodShed pour Windows (ou un autre compilateur C++)

2. Pour du C sous Linux, utilisez la commande gcc.

gcc -o exploit.c exploit

3. Pour utiliser des exploits perl, installez ActivePerl (pour Windows) et tapez la commande

perl exploit.pl

4. Pour Linux, même commande

perl exploit.pl

5. Et pour lancer des scripts unix au format .sh utilisez la commande

source exploit.sh

Si vous cherchez des exploits voici quelques sites en proposant:

Bonne compilation !


Joueur en train de surfer sur une vague virtuelle avec la Wii en plein écran

Grâce à la dernière mise à jour de la chaine Internet de la Wii, il est maintenant possible de masquer automatiquement la barre de navigation. Cela n’est pas actif par défaut mais en changeant un paramètre il est possible de masquer cette barre et donc de profiter du plein écran (des films en plein écran ?) sur votre télé.

J’ai traduis la procédure de l’anglais donc tout ne s’appelle peut être pas comme écrit ci-dessous (et j’ai pas ma wii sous la main) mais j’ai pensé que ça vous servirait de savoir ça !

  • Il suffit pour cela d’aller sur la chaine internet
  • puis de cliquer sur le bouton paramètres
  • Sous la section « Affichage de la barre d’outils », sélectionnez : Masquer automatiquement.
  • Sauvegardez

Une fois que c’est sauvegardé, la barre de navigation disparaitra toute seule quand vous utiliserez le navigateur internet. Pour la faire apparaitre, il suffira juste de déplacer votre wiimote vers le bas de l’écran.

Source


Capture d'écran de l'extension Firebug pour Firefox

Un Firefox bien configuré permettra de vous assister dans tout vos développements web en vous donnant par exemple les styles des pages, en debuggant du javascript ou en éditant du HTML.

Afin de ne pas alourdir votre firefox avec toutes ces extensions, je vous recommande de configurer une nouvelle session entierement dédiée au dév.

Vous pouvez créer et lancer un nouveau profil en même temps que votre profil standard en créant un raccourci dans lequel vous appelerez firefox avec les paramètres suivants:

firefox.exe -P Dev -no-remote

Une fois que votre firefox de Dev est lancé, on va pouvoir passer aux choses sérieuses avec les extensions à avoir !

Firebug

Firebug est sans conteste la plus puissante des extensions pour debugger du javascript, analyser vos CSS et vos HTML mais aussi y faire des modifications en live et voir le résultat directement. Pour debugger de l’Ajax, firebug est aussi l’idéal ! Vraiment incontournable.

image
Web Developer Toolbar

Cette barre d’outil pour Firefox propose toute une panoplie d’outils indispensables pour les développeurs comme par exemple de la validation, de la gestion de cookies, de formulaires…etc. Un must !

image
Aardvark

Cette extension très légère permet d’afficher les détails des élèments d’une page web comme leur class ou id. Vous pouvez aussi l’utiliser pour enlever certains élèments de la page web.

image
Colorzilla

Permet de connaitre les codes couleurs des éléments d’une page web.

image
View source with

Grâce à cette extension, vous pourrez rediriger le code source de la page vers différents éditeurs de votre choix.

image
HTML Validator

Avec cette extension, vous pourrez facilement valider vos pages HTML (avec des tests w3c)

image
Greasmonkey

Une de mes préférées. Cette extension permet d’exécuter des petits bouts de codes javascripts afin d’agir sur des pages web existantes. Ca permet de gagner du temps en codant directement dans firefox. (Ou alors en développant des petites extensions pour vos sites préfèrez (comme korben.info 🙂 ))

image
Measure It

Permet de mesurer facilement les éléments d’une page web. Vous faites glisser votre souris pour tracer une zone, que vous pourrez déplacer sur la page pour comparer des éléments.

image

IE ViewIE TabOpéra ViewFirefox ViewSafari ViewIE View Lite

Ces extensions permettent de voir vos pages dans firefox mais en utilisant les moteurs de différents navigateurs internet comme Internet Explorer ou Safari.

image
Clear Cache Button

Permet de nettoyer le cache de firefox. Pratique quand on bosse des CSS. Pour info, cette option est disponible dans la webdeveloper toolbar.

image
Restart Firefox

Permet de fermer et de relancer firefox en conservant vos onglets et vos sessions.

image
Tab Mix Plus

Cette extension a quelques fonctions bien pratiques comme par exemple dupliquer un onglet ou copier dans le presse papier l’url de l’onglet…etc

image
Yslow

Je vous en ai parlé il n’y a pas longtemps. Cette extension créee par Yahoo analyse vos pages web, vous donne une notre sur 100 et vous indique la meilleure façon pour optimiser tout cela avec des conseils avisés. Cette extension fonctionne avec Firebug.

image
Dummy Lorem IpsumJe l’utilise assez souvent. Elle permet de remplir les formulaires avec du texte lorem ipsum qui est une espèce de pseudo latin afin de simuler du contenu pour votre site.

image
Screengrab!

Cette extension est terrible aussi. Elle permet de capturer la partie visible ou l’intégralité d’une page web.

image

 

image

Il y a évidement des tas d’autres extensions très pratiques pour les développeurs. Si vous pensez qu’il en manque une dans cette petite liste, n’hésitez pas à l’indiquer dans les commentaires.

Je pense quand même qu’avec tout ça vous êtes paré pour vos développements.

Source


Schéma montrant les différentes composantes techniques du site web
BuildWith est un site web qui permet de savoir avec quoi (ou de quoi) sont composés les sites web.

Si par exemple, je tape korben.info, vous pourrez voir que j’utilise WordPress, le plugin Mybloglog, ou encore Google Analytics…

Vraiment pas mal pour « espionner » d’autres sites et savoir comment ils ont fait.

BuildWith est accessible par ici.