rawpixel-790897-unsplash

Afficher des graphiques avec JQPlot

JQPlot est un plugin JQuery qui permet de dessiner des graphiques dans vos pages HTML. Si vous faites des pages de statistiques sur vos pages Internet vous comprendrez rapidement quelles sont les applications et surtout en quoi il vous simplifie les choses. En effet, il vous suffit de lui donner les données et de décider quel type de graphique vous voulez obtenir en sortie et le tour est joué ! On peut facilement imager une fonction PHP (ou autre) qui va générer les données qu’il faut mettre en entrée de JQPlot à partir de votre base de données. ...

16 août 2011 · 1 min · arnaud
rawpixel-1054575-unsplash

Framework JQuery mobile

Jqmphp, framework JQuery mobile

16 août 2011 · 2 min · arnaud
stella-de-smit-977349-unsplash

Menu contextuel en JavaScript

Le plugin JQuery contextMenu vous permet de faire des menus contextuels sur des images, du texte ou tout autre contenu. L’utilisation de contextMenu peut être utile pour permettre de partager un contenu sur les réseaux sociaux, pour gérer du contenu dynamique ou simplement pour afficher des informations à l’utilisateur. Voici un exemple de menu contextuel généré par le plugin : Pour obtenir ce genre de résultat voici comment appeler le plugin : $.contextMenu({selector: '#id_de_votre_objet_html', items: { edit: {name: "Edit", icon: "edit", callback: $.noop}, cut: {name: "Cut", icon: "cut", callback: $.noop}, copy: {name: "Copy", icon: "copy", callback: $.noop}, paste: {name: "Paste", icon: "paste", callback: $.noop}, "delete": {name: "Delete", icon: "delete", callback: $.noop}, sep1: "---------", quit: {name: "Quit", icon: "quit", callback: $.noop} }}); Comme vous pouvez le voir son utilisation est très simple. ...

8 août 2011 · 1 min · arnaud
henry-hustava-81799-unsplash

Sécurité PHP

Les informations de cet article datent L’actualité étant chargée niveau hack, il est temps de sortir un petit article présentant différentes méthodes de sécurisation d’une application PHP. Je vais donc brièvement vous présenter différentes librairies ou classes PHP orientées sécurité. PHPIDS Un monitoring complet des actions de l’utilisateur avec évaluation de la dangerosité de chaque requête, et de la session. L’outil indispensable pour détecter les recherches de failles. Input filter Cette librairie permet de filtrer les tableaux $_GET, $_POST, $_REQUEST pour y detecter le PHP, JavaScript et HTML. Anti csrf Permet d’ajouter un token dans ses formulaires afin de ne pas se les faire détourner. Le but étant que chaque formulaire ne soit soumis qu’une seule fois. L’utilisation des librairies précédentes est un complément mais elles ne constituent pas une sécurité optimale à elles seules. ...

2 août 2011 · 4 min · arnaud
ross-sneddon-798476-unsplash

Faire des popups non intrusives avec Fancybox

Aujourd’hui, je vais vous présenter un plugin JQuery très connu mais qui est un des meilleurs dans son style. Fancybox permet de faire des popups non-intrusives avec un design à la MAC OS. Vous l’aurez compris, le design est épuré et sans couleur. Du fait de sa simplicité apparente, on peut facilement l’intégrer sur nos sites Internet, elle ne choquera pas comme pourrait le faire lightbox avec ses bordures épaisses. Je serai relativement court sur cette présentation, car la documentation est très fournie sur le site suivant Fancybox. Vous y trouverez aussi une suite d’exemples qui pourront vous convaincre d’utiliser ce plugin plutôt qu’un autre. ...

30 juillet 2011 · 1 min · arnaud
don-daskalo-690002-unsplash

Spriter

Pour faire suite à l’article sur l’optimisation, voici comment gagner du temps sur le chargement des images de vos pages web. En général, les développeurs débutants, ou peu soucieux du temps de chargement de la page, utilisent un nombre conséquent d’images différentes. Chaque image est donc téléchargée une à une lors de l’affichage de la page web. Donc s’il y a 100 images sur la page il faudra 100 requêtes HTTP pour toutes les afficher. ...

27 juillet 2011 · 2 min · arnaud
rawpixel-788592-unsplash

Des tooltips élégants avec tipTip

Quand vous souhaitez donner des informations à la volée, vous utilisez sûrement l’attribut title sur vos liens. Cependant, le rendu ne sera pas le même d’un navigateur à l’autre. De plus, les infos bulles basiques du navigateur ou du système d’exploitation sont rarement belles. Mais grâce au plugin JQuery tipTip vous allez pouvoir mettre en place des tooltips élégants. TipTip est fourni avec un CSS par défaut noir, mais libre à vous de le changer car il n’est pas très complexe. ...

26 juillet 2011 · 1 min · arnaud
christopher-burns-368617-unsplash

Modèle de page "en maintenance"

Si vous avez une mise à jour à faire qui risque de provoquer des erreurs, de type 404 ou autre, pendant le temps de la mise en place, il vaux mieux afficher une page d’avertissement expliquant brièvement la situation à l’utilisateur. Grâce au plugin JQuery lwtCountdown, vous pouvez très simplement ajouter un compte à rebours propre et animé, afin d’éviter la page toute simple et moche. Bien sûr, il vous faudra connaître au préalable la date de retour en ligne. Pensez à prévoir toujours un peu plus que nécessaire. :) ...

22 juillet 2011 · 1 min · arnaud
adi-goldstein-704510-unsplash

Améliorer le référencement d'un site Internet

Sur Internet, faire un lien d’une page A vers une ressource B, c’est y faire référence et donc référencer la ressource B depuis la page A. Par vulgarisation, l’action générique d’inscription dans les moteurs de recherche s’est vue appelée référencement. Aujourd’hui sa pratique s’articule autour des outils de recherche, plus particulièrement des moteurs et des annuaires de recherche, en tentant d’améliorer le positionnement d’un site (et donc sa visibilité) dans leurs pages de résultats. ...

15 juillet 2011 · 5 min · arnaud
rawpixel-703120-unsplash

Ajuster la taille de vos textareas en fonction du contenu

AutoResize est un plugin JQuery qui permet de faire un textarea extensible en fonction du contenu, comme le fait actuellement Facebook pour les commentaires. Ceci évite les pages de formulaire où un textarea fait 15cm sur 8, le truc pas esthétique quoi… Voici comment appliquer le plugin sur un textarea ayant pour id “comment”. Après, libre à vous de changer le sélecteur pour l’appliquer à tous vos textareas, ou juste à ceux d’une classe précise. ...

14 juillet 2011 · 1 min · arnaud