Blog des Webmasters et Bloggueurs

Archive pour la catégorie 'Développement'

Mai 10
20

L’intérêt du Google CDN pour vos sites internet

La plupart du temps, dès lors que vous créez un site internet, il est souvent nécessaire de faire appel à des librairies Javascript Externes : Mootools, jQuery et j’en passe … Savez-vous que Google offre gratuitement un CDN ( Content Delivrery Network ) qui vous permettra de ne pas avoir à les héberger chez vous, de mettre très facilement à jour vos librairies et en plus d’économiser du temps de chargement sur vos pages.

La bande passante reste, de nos jours, une denrée précieuse : nombreux sont les hébergeurs basés encore sur un modèle économique au trafic, il faut donc faire des économies et Google est là pour vous avec son CDN. Vous avez juste à inclure la librairie directement dans votre balise <head>

Inclusion de jQuery dans un projet :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

Cela aura un effet bénéfique pour votre navigateur qui marche principalement, au niveau de son cache, par url. Si plusieurs sites utilisent Google pour inclure jQuery, la librairie sera déjà dans le cache et votre navigateur l’utilisera directement.

Google n’inclut pas de limitations, il serait donc bon pour tout le monde de s’en servir … un point négatif : on ne peut que s’en servir si l’on a accès à internet …

Google AJAX Libraries API

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

Mai 10
15

Interdire le copier-coller dans un formulaire

Il est parfois très utile d’empêcher son visiteur de faire un simple copier/coller dans un formulaire HTML pour le forcer à saisir correctement le code de confirmation. Pour cela rien de plus simple, pas besoin d’énormément de code, juste 3 attributs html à connaitre (oncut, oncopy, onpast)

  • oncopy=’return false;’ : gère l’action « copier le contenu du champ », le ‘return false’ permet d’empêcher la copie
  • oncut=’return false;’ : gère l’action « couper le contenu du champ », le ‘return false’ permet d’empêcher de couper
  • onpast=’return false;’ : gère l’action « coller le contenu de son presse-papier dans un champ », le ‘return false’ permet d’empêcher de couper

Code pour empêcher le copier/coller

<label>Adresse e-mail :</label><input name="email" type="text" oncopy="return false;"/>
<label>Confirmation de l'adresse e-mail :</label><input name="emailconfirm" type="text" onpast="return false;"/>
Mar 10
23

Tester la taille de votre site internet dans plusieurs résolutions

Nous vous présentions il y a quelques temps ViewLikeUs et bien voici un petit concurrent gratuit : TestSize

Rien de bien extravagant mais plutôt un service pratique pour tout ceux qui veulent tester la compatibilité de leur site avec les différentes résolutions existantes.

Voici le liste des résolutions supportées par TestSize :

  • 240 * 320
  • 640 * 480
  • 800 * 600
  • 1024 * 768
  • 1280 * 800
  • 1280 * 1024
  • 1366 * 768
  • 1920 * 1024

C’est par ici que vous pourrez tester le service

Oct 09
18

Rendre son site compatible avec Internet Explorer 8

Internet est en constante évolution et les navigateurs aussi, preuve en est avec la version 8 d’internet explorer qui pose quelques soucis de compatibilité quand on est webmaster d’un site internet

Voici une petite astuce « temporaire » qui vous permettra de repousser vos corrections de compatibilité. Cette astuce consiste tout bêtement à dire à Internet Explorer 8 d’émuler le comportement d’Internet Explorer 7

Pour ce faire il faut utiliser cette balise :

<meta http-equiv= »X-UA-Compatible » content= »IE=EmulateIE7″ />

Comme c’est une balise Meta, elle se place dans la partie Head de votre page internet

Notez bien qu’il serait quand même bon de rendre votre site compatible Internet Explorer 8 et que cette astuce n’est qu’à utiliser temporairement

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
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

Juil 09
03

L’XHTML 2 ne sera jamais, HTML 5 sera

La news du W3C vient de nous informer que l’XHTML 2 ne sera jamais au programme, les travaux effectués par le W3C privilégient l’HTML 5

Rassurez-vous, les sites faits dans les versions XHTML 1.0, XHTML 1.1, XHTML 1.1 Basic seront bien entendus toujours valides, vous pourrez toujours utiliser ces normes pour faire vos sites internet.

Source : W3C

Juil 09
03

PHPFonctions : le site de partage de vos fonctions PHP

Tout développeur PHP a déjà eu recourt au développement de ses propres fonctions mais pourquoi éviter de réinventer la roue ? PHPFonctions vous propose de partager vos fonctions PHP avec d’autres développeurs dans ce langage. Le site est bien entendu gratuit et sans inscription.

A vous le bonheur de la fonction de nuage de tags qui vous manquait ou bien encore la fonction de vérification d’une adresse e-mail.

phpfonctions
Juin 09
30

PHP 5.3 disponible

Attendue de pied ferme, cette nouvelle version de PHP 5 est enfin disponible en version finale … Au programme de cette version, de nombreuses évolutions et surtout la dernière version de PHP 5 avant PHP 6

Liste des principales améliorations :

  • Ajout des espaces de noms
  • Plus de 140 corrections de bugs
  • Le collecteur de références circulaires
  • La résolution statique à la volée
  • Un meilleur support de Windows
  • Des performances encore améliorées
  • De nouvelles extensions avec notamment PHAR et FileInfo
  • L’apparition des fonctions anonymes
  • Cette version est absolument recommandée, vu qu’elle corrige des bugs et qu’elle apporte des nouvelles fonctions.

    En avant vers PHP 6 !


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 - 2018 - Tous droits réservés

creation site internet strasbourg