Blog des Webmasters et Bloggueurs

Archive pour la catégorie 'Outils'

Mai 16
02

Tester votre site internet sur différents navigateurs

Besoin de tester votre site internet sur différents navigateurs ? Microsoft vous propose un site internet permettant de tester votre site sur plusieurs navigateurs, allant des navigateurs pour PC à des navigateurs mobiles

Utilisant la technologie BrowserStack, vous pourrez visualiser le rendu sur Internet Explorer (6 – 11), Google Chrome, Firefox, Safari, Opera ou bien encore le rendu sur un iPhone 6

Pour avoir testé le fonctionnement, on peut dire que le rendu est très proche de la réalité !

Merci Microsoft pour cet outil

Sep 11
21

Mesurer votre audience en temps réel avec BubbleStat

Un petit service gratuit qui vous permettra de savoir exactement qui consulte votre site internet et ce, en temps réel et sans avoir à afficher de logo venant défigurer votre site internet. BubbleStat est un outil très complet de statistiques complémentaire à Google Analytics : vous pouvez savoir d’où proviennent vos visiteurs, quels mots clés ils ont tapés, combien de fois ils sont venus, quels sont les pages qu’ils ont visitées …

En plus de ce module gratuit de Statistiques, il y a un module de régie publicitaire vous proposant du Slide-In ( petite carré apparaissant sur le côté du site ) ou bien du Site-Under ( fenêtre s’ouvrant derrière la fenêtre active pendant la navigation ) payé au CPM ( Coût pour Mille Affichages ), il n’y a pas de restriction quant aux nombres de Visiteurs Uniques ( VU ) minimum.

Enfin et pour finir, BubbleStat propose un classement des sites internet utilisant le module de statistiques ( cela vous fait un lien personnalisable à l’oeil 😉 )

BubbleStat

EDIT : Malheureusement, BubbleStat a plié bagages …

Mai 10
16

Profitez de la documentation officielle PHP dans Google Chrome

Un petit plugin Chrome pour les développeurs PHP qui va vous permettre d’éviter d’aller fouiller dans tout le site de la documentation PHP pour trouver la fonction adaptée.

Vous pouvez le télécharger à cette adresse : https://chrome.google.com/extensions/detail/kfiahljocaflpaiopilgpiochncgdnhd

Cette extension est d’origine Française et est l’œuvre de WixiWeb

Nov 09
06

Développer en PHP n’importe où avec PHPAnywhere

Vous êtes souvent en déplacement ou sur plusieurs ordinateurs différents … pour développer, ce n’est pas très pratique, on doit souvent synchroniser nos données (à moins d’utiliser un subversion) alors il existe un script en PHP qui vous permettra de développer n’importe où vos applications PHP : PHP Anywherephpanywhere

Cet éditeur a tout d’un grand : des fonctions très similaires aux plus grands éditeurs connus et utilisés sur le marché comme Zend ou bien Netbeans par exemple … On y trouve la coloration syntaxique, l’indentation, le pliage du code, annuler / refaire de façon illimité, numérotation des lignes, rechercher / remplacer, changement des permissions sur les répertoires et bien d’autres …

La création d’un projet passe obligatoirement par la case : je donne mon identifiant / mot de passe FTP ( l’application étant hébergée sur les serveurs de PHPAnywhere, impossible de la télécharger). Cette application est compatible avec les navigateurs Firefox, Opera 9+ et tous les autres basés sur le moteur de rendu Gecko. A noter que l’on peut aussi profiter d’un espace de travail collaboratif.

PHPAnywhere

Oct 09
06

PunyPNG : un smushit like qui compresse vos images

Il est toujours bon d’économiser quelques octets par ci par là afin d’économiser sur vos hébergements limités en quantité de trafic. Pour ce faire, au même titre que Smushit, PunyPNG est un service de compression d’images en ligne qui est plus efficace que ses autres compères.

punypng

Comme on peut le voir sur cette image, le service promet des gains de l’ordre de 40% en taille mais sans perdre en qualité.

Il est aussi capable de compresser les GIF et PNG transparents qui sont bien souvent mal optimisés, vous faisant facilement gagner 10 % en poids.

Le service est bien entendu gratuit et se trouve à cette adresse

Juil 09
24

Une liste de plugins Firefox pour Webmaster / Développeur

Toujours à la recherche d’outils intéressants pour vos développements, je vous fais part d’une liste de plugins que l’on utilise chez Devclic pour gérer Forum-Webmaster au quotidien.

Nous trouvons tout d’abord un plugin essentiel pour tout débugger, j’ai nommé Firebug.

firebug

Firebug est l’ami indispensable pour la création de sites internet, il permet d’inspecter son code HTML et ses feuilles de style CSS à la recherche d’erreurs potentielles. La fonction permettant de voir la taille du bloc est vraiment très utile puisqu’elle nous permet d’inspecter réellement chaque élément. Cette extension est une aide précieuse et vous permettra d’économiser énormément de temps.

Une fois le design du site fini, il faut tester l’intégration graphique du site. Pour cela, on utilise Colorzilla.

colorzilla-eyedropper1

Colorzilla est une extension toute simple et pourtant très complète. Elle vient se loger dans le coin inférieur gauche de votre navigateur. Un simple click suffit à l’activer. Ensuite, elle vous donnera le code RGB de n’importe quelle couleur se trouvant sous votre curseur. Cela fonctionne même pour les images !

En plus de vous donner la couleur, elle se permet de vous donner l’élément HTML sur lequel vous vous trouvez dans le but de vérifier que vous pointiez bien la bonne partie du site web.

Voilà notre site avec des couleurs bien intégrées.

Que se passe-t-il quand un utilisateur n’a pas Javascript d’activé sur son navigateur ? Pour cela, nous utiliseront la Web Developper Toolbar.

La Web Developper Toolbar s’intègre juste en dessous de votre barre de navigation Firefox. Elle permet d’activer et désactiver d’un simple clic tous les éléments de la page web. Javascript, Cookies, CSS, images, etc. Elle permet également de tester, toujours aussi simplement, le design de vos pages sur les principales résolutions des ordinateurs du marché. Autre fonction utile : la désactivation du cache de votre navigateur qui permet de vérifier que votre site est réellement conforme à votre code puisque tous les éléments sont rechargés / chargés, peu importe s’ils existent en cache.

Enfin, il faut optimiser son site pour qu’il puisse tenir au mieux la charge et être accessible le plus rapidement possible pour le confort de navigation de l’utilisateur. Dans ce but, une extension à Firebug, YSlow de Yahoo est nécessaire.

yslow

Tout aussi simple à utiliser que Firebug, elle se lance d’un simple clic et vous donne un résumé des différentes actions à effectuer (tel que l’emplacement des fichiers CSS et JavaScripts sur votre page web) pour optimiser au mieux le chargement de votre site.

firebug-result2

Smushit

smushit-extensionSmushit est une extension précieuse qui vous fera économise du poids sur vos images en enlevant tout ce qui est inutile. On arrive à obtenir des résultats assez impressionnants, de plus l’extension vous livre les images toutes préparées … que demander de plus ?

En espérant que ces plugins vous permettent d’économiser du précieux temps, de vous améliorer car en inspectant ce que le voisin fait … on peut aussi s’améliorer. Pour rappel, toutes ces extensions Firefox sont entièrement gratuites.

Bon développement et en cas de soucis, nous sommes là pour vous aider

Et vous qu’utilisez-vous en plus ?

Ils en parlent aussi : Korben

Juil 09
16

Faites de vos flux RSS un fichier PDF

Un petit plus quand vous écrivez des articles intéressants, vous souhaiteriez pourvoir les sortir en version papier ? ou bien encore en garder une trace écrite en version papier ? Fivefilters vous permet de prendre votre flux RSS et de générer un PDF issu de celui-ci.

fivefilters-forum-webmaster

Son fonctionnement est très simple, on rentre l’adresse du flux RSS à mettre sous la forme d’un journal et le PDF se génère automatiquement. On peut mettre un titre personnalisé au journal. Le rendu est tout à fait honnête et on croirait réellement lire un journal.

Un petit service assez sympathique si vous souhaitez, un jour, vous lancer dans l’aventure du papier avec comme contenu, celui de votre site

FiveFilters

Juil 09
15

XRefresh : le refreshing automatique

Quand on intègre un design, si l’on peut gagner quelques secondes, c’est toujours ça de pris et c’est ce que XRefresh est capable de vous faire gagner : un peu de temps. Ce petit logiciel qui se greffe à votre navigateur va automatiquement recharger la page de votre navigateur dès lors qu’une modification est effectuée sur votre code source.

xrefresh

Le logiciel fonctionne en 2 parties, un plugin et une application qui se lance sur votre système d’exploitation. Elles se connectent ensemble et permettent de rafraichir automatiquement votre navigateur : ultra pratique surtout quand vous avez 2 écrans.

Cet outil fonctionne sous Windows et OS X, les navigateurs supportés sont Internet Explorer 6 / 7 ainsi que Firefox 1.5+

Télécharger xRefresh

Avr 09
24

Un memento CSS

Votre communauté webmaster vous offre un memento CSS gratuit qui vous permettra de vous passer de votre livre CSS …

On y trouve l’essentiel des syntaxes CSS (bordure,texte,police …) tout le nécessaire pour l’intégrateur XHTML et le développeur Web

A garder précieusement sous le coude !

Voir le Memento CSS

Avr 09
22

Un outil pour vérifier son positionnement Google

Tout le monde sait qu’il est difficile de connaitre son positionnement comme ça dans Google quand on sait que celui-ci utilise plusieurs datacenters.

Il y a un petit outil qui pourra vous donner votre position dans l’index Google : Positeo. A noter qu’il est possible aussi de savoir si son site monte ou descend (si vous voyez plusieurs positions différentes … c’est un signe)

Bon référencement !


Votre statut : Invité
Vous devez être membre pour participer.
 
 
 
 
 
 
 
 
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2019 - Tous droits réservés

creation site internet strasbourg