Une aide au débogage javascript : blackbird

Posted by & filed under Débogage.

outweb-jquery

BlackBird est une librairie Javascript qui permet de générer un système de log visuel. Grâce à cet outil, plus besoin de faire des alertes toutes les 5 lignes de code pour trouver la source de vos bogues. La librairie permet de chronométrer vos applications afin d’en trouver les parties lentes. Voici les principales fonctions de… Read more »

Bootstrap, le framework CSS ultime

Posted by & filed under Framework.

outils

Bootstrap est un framework CSS qui vous permet de mettre en place très simplement un design à la Twitter. En effet, Bootstrap vous permet de réaliser tous les éléments graphiques du design de Twitter : La barre de navigation Les info bulles Les formulaires Les alertes Le layout Bien que cela soit déjà très bien,… Read more »

Modèle de page « en maintenance »

Posted by & filed under JQuery.

outweb-jquery

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… Read more »

Faire des chronologies avec Timelinr

Posted by & filed under JQuery.

outweb-jquery

Timelinr est un plugin JQuery qui permet de faire des frises chronologiques dynamiques avec un effet carrousel très simplement. De quoi donner un peu de vie à vos pages d’historique bien souvent faites sous forme de simple liste. Voici en image le résultat obtenu : Pour cela rien de plus simple : Voici le code… Read more »

Système de notification avec ctNotify

Posted by & filed under JQuery.

outweb-jquery

ctNotify est un plugin JQuery qui permet de faire des notifications comme celles de Twitter. C’est-à-dire une barre d’une vingtaine de pixels de haut sur toute la largeur de l’écran comme ci dessous : L’exemple précédent est une notification de type message qui se masque automatiquement au bout de 5 secondes. Il existe aussi les… Read more »

Ajuster la taille de vos textareas en fonction du contenu

Posted by & filed under JQuery.

outweb-jquery

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,… Read more »

Exemple de site utilisant JQuery Mobile

Posted by & filed under JQuery.

outweb-jquery

Comme c’est un peu déroutant de commencer un site internet avec un framework tout récent comme JQuery Mobile nous allons vous proposer une liste 6 sites Internet mobile l’utilisant afin de vous donner des sources d’inspirations : JQuery Events Université de standford Orlando Nissan BAMM TV Obama 2012 True Value Paint

Emuler SSL avec JCryption

Posted by & filed under JQuery, Sécurité.

securite-outweb

Le SSL (Secure Sockets Layer) est un protocole qui permet de communiquer avec un serveur tout en chiffrant toutes les informations. Le but est de ne pas faire passer d’informations en clair sur le réseau. Tout simplement parce que des logiciels comme wireshark vous permettent de lire les trames réseau. Malheureusement, pour utiliser le SSL… Read more »

Sécurisez vos applications PHP avec secureInput

Posted by & filed under Sécurité.

securite-outweb

SécureInput est une classe PHP que je viens de coder. Cette classe permet de sécuriser les différentes entrées que les utilisateurs peuvent faire sur votre site Internet. Pour cela, elle utilise les projets PHPIDS et la classe inputFilter. Elle permet donc de détecter les menaces et de filtrer des chaînes de caractères. Cependant, et suite… Read more »

Afficher des graphiques avec JQPlot

Posted by & filed under JQuery.

outweb-jquery

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… Read more »