background preloader

Ferme du Web

Facebook Twitter

PhpWatch - Un script PHP gratuit pour faire du monitoring d'uptime. PhpWatch est un script de monitoring d'uptime en PHP.

phpWatch - Un script PHP gratuit pour faire du monitoring d'uptime

Si vous avez plusieurs sites ou serveurs à gérer, vous pourrez contrôler sur une page unique leur disponibilité et être prévenu rapidement en cas de problème. Deux modes d'alertes sont disponibles: Par emailPar SMS (Malheureusement, uniquement tel US, mais possibilité de le plug à des services SMS existants). L'interface est simple mais efficace. Avec une touche Ajax, vouspourrez facilement rajouter des sites à monitorer ... A mettre en place si vous voulez contrôler facilement et efficacement la disponibilité de vos sites. Site officiel. Util.php - Une collection de fonctions et snippets PHP à utiliser. Util.php est une bibliothèque comprenant tout un tas de fonctions PHP et snippets à utiliser au quotidien dans vos développements.

Util.php - Une collection de fonctions et snippets PHP à utiliser

En bon développeur PHP, vous connaissez forcément la doc PHP.net dont les commentaires regorgent de bonnes astuces, fonctions et snippets qui vous manquaient ! Util.php vous permettra d'avoir les fonctions et snippets PHP les plus utiles dans une seule bibliothèque, sans avoir à parcourir la doc à la recherche du snippet idéal. On compte plus de 55 fonctions PHP dans la bibliothèque: Debugging var_dump: Un var_dump avec une sortie plus propre et lisible: Arrays & Objects URLs add_query_argget_current_urlis_httpsremove_query_argslugify Strings Autres fonctionnalités Constantes La bibliothèque est assez active sur Github et devrait apporter régulièrement quelques fonctions pratiques comme celles déjà présentées. Site Officiel. Un système de navigation ergonomique en bas de page. Découvrez un moyen simple pour rendre vos bas de pages plus ergonomiques avec un menu de navigation dynamique.

Un système de navigation ergonomique en bas de page

Depuis plusieurs années, la bonne pratique quand on arrive en bas de page consiste à afficher une flèche pour revenir en haut de la page. Pourquoi ? Pour aider les utilisateurs à revenir rapidement au menu et continuer leur navigation. Pourquoi ne pas directement mettre une copie du menu en bas de manière plus discrète mais efficace ? C'est l'objet de cette solution très simple qui reprend le concept des menus sur mobile pour l'appliquer sur les bas de pages: La solution est très simple mais pratique pour vos utilisateurs, et cette dernière ne prend pas plus de place que votre ancienne flèche de retour au header. Headroom.js - Un header dynamique Javascript pour vos pages web.

Headroom.js est un script permettant de mettre en place un header dynamique sur vos pages web.

Headroom.js - Un header dynamique Javascript pour vos pages web

Affichez / cachez le quand nécessaire. Lorsque vous scrollez dans une page web, vous pouvez être amenés à persister la position du header avec le menu ou des informations importantes pour l'utilisateur. Mais passé un certain niveau de scroll ce header peut disparaître pour laisser place à du contenu encore plus important. Headroom.js est un script Javascript compatible à la fois avec jQuery, ZeptoJS et AngularJS. Il permet de définir comment afficher et cacher votre header avec des effets CSS3: A vous de choisir parmi les options du plugin:

SlideMe! Un slideshow jQuery performant, fullscreen et responsive. SlideMe!

SlideMe! Un slideshow jQuery performant, fullscreen et responsive

Est un plugin jQuery permettant de mettre en place un slideshow moderne utilisant des transitions CSS3 et étant totalement responsive. Nouveau venu parmi les slideshows jQuery, SlideMe! Arrive directement dans la catégorie des sliders modernes qui vont parfaitement s'intégrer dans n'importe quel type de design: Flat, Responsive, classique ... Nous ne sommes pas dans le bling bling avec des transitions plus folles les unes que les autres, au contraire, SlideMe!

FileAPI: La bibliothèque JS complète pour manipuler des fichiers. FileAPI est une bibliothèque Javascript complète proposant de nombreuses fonctionnalités pour manipuler des fichiers.

FileAPI: La bibliothèque JS complète pour manipuler des fichiers

FileAPI vous permettra de manipuler facilement des fichiers et en particulier des images: Méthodes de gestion de fichiers et informations sur les fichiersUpload d'images simples et multiplesSupport du drag and drop pour l'uploadRedimensionnement, crop et rotation d'imagesApplication de filtres sur les imagesGestion de la caméraEtc Idéal si vous utilisez Node.js, ou même un script JS classique, plus de prises de têtes pour manipuler les fichiers. La bibliothèque est indépendante et ne nécessite que d'un script en backoffice pour enregistrer les modifications.

Un fichier PHP est fourni dans l'archive pour sauvegarder les fichiers côté serveur. The simple jQuery plugin for lovers of one page websites. Savoir quel Framework Javascript est utilisé sur n'importe quel site. Voici un petit script qui peut s'avérer parfois bien pratique.

Savoir quel Framework Javascript est utilisé sur n'importe quel site

Vous êtes de nature curieuse, vous aimez voir ce qui se cache derrière une belle animation Javascript. Alors ce bout de code est fait pour vous ! Il vous évitera de perdre du temps à la recherche des inclusions de fichiers Javascript dans le code source ! Ce script peut détecter les frameworks: MooToolsYahoo User InterfacejQueryScriptaculous DojoToolkit Mochikit... Transformez vos titres HTML en titres design avec jQuery sIFR Plugin ! Browser Diet - L'optimisation des performances web illustré. Browser Diet est un guide illustré et bourré d'humour expliquant comment améliorer ses performances web pas à pas.

Browser Diet - L'optimisation des performances web illustré

C'est le nerf de la guerre depuis 2011-2012: Optimiser les performances de ses pages web ! A la fois pour le confort de ses utilisateurs mais aussi pour son référencement naturel. Les moteurs de recherche prennent en compte la métrique "temps de chargement de la page" dans ses calculs de positionnement. Collie - Un framework d'animation HTML5 Canvas mobile et desktop. Collie est un framework d'animation perfomant en HTML5 Canvas et DOM, pour mobile et desktop.

Collie - Un framework d'animation HTML5 Canvas mobile et desktop

Si vous devez développer des mini jeux ou animations sans flash, et compatible mobile, Collie pourra vous être utile! Il s'agit d'une bibliothèque Javascript proposant une collection de méthodes pratiques pour réaliser des animations. Collie optimise les performances en fonction du device utilisé pour une animation la plus fluide possible. Voici un exemple de fonctionnement simple: PowerTip - Des tooltips aux fonctionnalités avancées. PowerTip est une bibliothèque jQuery permettant de créer des tooltips avec des fonctionnalités avancées.

PowerTip - Des tooltips aux fonctionnalités avancées

Avec PowerTip, vous pourrez ajouter des légendes à tout type d'élément HTML. Il fournit plusieurs façons d'utiliser les infos-bulles, comme une API pour interagir avec et supporte également l'ajout de données complexes dans leurs descriptions. Du coté des fonctionnalités : La tooltip ne s'ouvre pas immédiatement au survol de l'élément mais avec un temps de décalage pour renforcer l'expérience utilisateurUn système de file d'attente permet de s'assurer de n'afficher qu'une seule tooltip à la foisAttachement suivant 8 positions par rapport à l'élément HTML (Nord-Ouest, Nord, Nord-Est, etc)Smart placement : pour toujours afficher les infobulles dans la zone visible du navigateurGestion des délais de transitions et de fermeturesCSS personnalisables Coté code, l'intégration est assez simple :

Koken - Un CMS complet spécialisé dans la photo et albums. Koken est un CMS gratuit et complet spécialisé dans le domaine de la photographie et présentation de médias. Si vous souhaitez mettre en place un portfolio de vos réalisations web ou présenter vos plus beaux clichés, voici le CMS qu'il vous faut. Koken et un CMS simple d'utilisation qui permettra de présenter vos travaux en quelques clics. Gratuit et développé en PHP/MySQL, vous pourrez l'héberger directement sur vos serveurs persos. Très complet, il dispose d'un backoffice totalement dédié à la création d'album et gestion de vos médias: Chaque image peut être éditée, mise en favoris, réordonnée dans un autre album ... une administration intuitive comme on les aime:

Ui Parade - Live Tools. Regexper. PHP Object Generator: Générez des classes PHP 5 prêtes à utilisation ! PHP Object Generator existe depuis fort longtemps, mais je trouve ce service très bien fait et très pratique. Je pense qu'il mérite un billet sur la Ferme du web ! Voyons comment s'en servir efficacement et gagner beaucoup de temps dans nos développements PHP/MySQL. Qu'est ce que PHP Object Generator ? PHP Ajax Profile - Une page de profil à la Facebook pour vos sites web. PHP Ajax Profile est une application web PHP/MySQL et jQuery permettant de créer un profil membre éditable "inline", similaire au profil facebook. Cette application vous permettra de créer rapidement votre page de profil membre, éditable en direct en cliquant sur le lien "Edit".