Mes derniers signets du février 9th au mars 5th:

• iconPot – totally free icons –
• Cache it! Solve PHP Performance Problems –
• Load JSON data with jQuery, PHP and MySQL –
• Top 3 Ajax File Uploader Plugins using jQuery « Ajax Freak –
• Fixed –
• YoxView – jQuery image viewer plugin –
• E-Commerce Design Resources: The Ultimate Round-Up | Graphics –
• Minimalist jQuery: 11 useful plugins under 4K | jQuery Plugins TRIF3CTA –
• jQuery 1.4, MooTools 1.2 Compared Ryan Florence Blog, MooTools Tutorials and More –
• 10 Online Resources For Code Snippets – WebM.ag | Web Design Magazine –
• How to build an Apple Push Notification provider server (tutorial) « Boxed Ice Blog –
• Content with Style – Fixing the Back Button and Enabling Bookmarking for AJAX Apps –
• Uniform – Sexy forms with jQuery –
• MySQL Workbench –
• Color Combinations | Color Schemes | Color Palettes –

• MySQL Tips

• Cronjob.de – Kostenlose Cronjobs / Crontab

  tags: cronjob, free

• OpenCart – Open Source Shopping

  tags: opensource, cart, shopping, php, ecommerce, e-commerce, eshop, webdev

• 9 Signs You Shouldn’t Hire THAT Web Guy

  My employer specializes in creating websites for middle-sized businesses. We rarely create Mom’n'Pops websites and generally don’t pursue contracts with major corporations. Working with mid-size business has given me the opportunity to speak with executives and decision-makers within each business. Our discussions eventually end up with the other person telling me about their previous web developers and how their currently site is ineffective as a sales to or representation of the business. There are some definitive characteristics about my customers’ previous web persons and without further adieu, I give you 7 signs you shouldn’t hire THAT web guy.

• PHP & jQuery image upload and crop | WebMotionUK

  NOTE: This script has been updated please see the following link PHP & jQuery image upload and crop v1.2 AND the new fully jquery’d version of it Jquery image

  tags: jquery, php, crop

• 20 Useful PHP + jQuery Components & Tuts for Everyday Project | Noupe

  Web applications have made huge leaps and bounds in improving user experience thanks to a lot of recently developed Ajax technology. When you combine some neat

  tags: PHP, jQuery, tutorials, ajax, programming, noupe, prog_resource

• Animated Ajax Record Deletion Using jQuery

  tags: jquery, delete, ajax

• A fancy Apple.com-style search suggestion

  tags: jquery, ajax, search, apple

• Getting Started with Magento Ecommerce! – Nettuts+

• Improve your jQuery – 25 excellent tips

  tags: jquery, javascript, ajax, tutorials, code, webdev, performance, web

Posted from Diigo. The rest of my favorite links are here.

• Dynamic Drag’n Drop With jQuery And PHP

  Free Web Resources Everyday – WebResourcesDepot

• DataTables (table plug-in for jQuery)

  tags: jquery, javascript, datatables, table

• UI-patterns.com

• Supprimer les incompatibilités avec IE6 … pour toujours ! – Pierre MARTIN

  Blog-note et astuces de la vie quotidienne et du développement web

• Create a Photo Admin Site Using PHP and jQuery – Nettuts+

• Tips for Twits » Blog Archive » HOWTO: PHP and jQuery upload progress bar

• Refreshing an element at a set time interval using jQuery and a sprinkle of Ajax

  Now lets say that you a web page that has a big Block of something and inside this something you would like to have some information change at a set time

• GROUP BY…. le mois du champ ‘date’ – PHP / MySQL – Le PHP Facile

  Salut tous ! Voilà, je voudrais faire une requete qui regrouperait les données en fonction du mois alors que je dispose d’un champ de type ‘date’, donc je veux un truc dans le genre : GROUP BY …

Posted from Diigo. The rest of my favorite links are here.

La fondation jQuery vient de publier une mise à jour de maintenance de jQuery 1.3.2. Au sommaire:

• Elements are now returned in document order.
• .live() can now prevent bubbling.
• :visible/:hidden are now significantly faster.
• As are all the width/height methods.
• Selectors are much faster in Internet Explorer.
• appendTo/etc. have had a slight API tweak.

Plus d’infos par ici: jQuery 1.3.2 Release notes

Tout est dans le titre, grâce à PHP Anywhere vous pouvez éditer les fichiers PHP de votre serveur ftp sans installer quoi que ce soit. L’éditeur en ligne PHPAnywhere est un site basé sur le framework ext JS ce qui lui procure un large pannel d’outils.

Pour cela rendez-vous sur PHP Anywhere, inscrivez-vous, puis loguez-vous dans votre serveur FTP. Vous aurez ainsi accès à tous vos fichiers PHP, que vous pourrez librement éditer, supprimer, copier, coller et renommer.
Points positifs : Inscription rapide, colorisation des balises PHP.
Points négatifs : les balises HTML et autres ne sont pas colorisées, obligation d’ajouter son propre serveur FTP (pourquoi ne pas créer un petit serveur FTP virtuel pour chaque utilisateur ?).

PHPAnywhere is an online PHP editor. As soon as you log in your FTP Server, you can immediately use the editor to edit, rename, copy and paste your PHP files.

Avoir des statistiques de navigation viables sur un site qui utilise des appels ajax pour gérer les pages peux se révéler laborieux…

Voici une petite fonction que j’ai développé pour parser ce problème:

[code lang="js"]
function charge_page(id) {
var pars = "id="+id;
new Ajax.Updater(
"container",
"page.php",
{
method:'get',
parameters: pars
});
googleification();
}

function googleification() {
pageTracker._trackPageview("Nom de la page" );

}
[/code]

Et encore une petite astuce: si vous souhaitez compter le nombre de téléchargement d’un fichier:

[code lang="html"]
<a onclick="javascript: pageTracker._trackPageview('/Downloads/mon_fichier.pdf');" href="mon_fichier.pdf?phpMyAdmin=99f8741cd54efab1ae6814d5e9af4958">Mon fichier</a>
[/code]

Comme me le dis souvent un collègue « Google nous enterra tous ! »….

C’est d’autant plus vrai avec l’arrivée de nouvelles API Google pour facilité la vie aux développeurs:

• Google Maps API, ajoute une carte google Maps à vos sites
• Google Ajax Search API, intègre un moteur de recherche google à vos sites, y compris Video, local et news
• Google Ajax Feed API, télécharge des flux RSS ou Atom depuis n’importe quel serveur, uniquement en javascript
• Ajax Libraries API, permet d’utilisé les libraries ajax les plus courantes (Prototype, jQuery) depuis les serveurs Google
• Et d’autres encore

Je vais pas décrire en détails chacune des ces API (j’ai mis les liens), mais pour ma part je trouve très intéressant l’Ajax Libraries API. Ça permet d’utiliser par exemple Prototpye, directement depuis chez Google donc résultat: une version à jour et correct, mise en cache dans votre navigateur donc pas de rechargement si vous visité plusieurs sites qui l’utilisent, et c’est d’une extrême facilité à mettre en place:

 // Load Prototype
google.load("prototype", "1.6");

Tout les infos par ici, et merci google de me simplifié la vie

Je voulais recensé toutes les Cheat Sheets que j’avais vu passé, mais l’ami Google m’a trouvé un autre blog qui le faisais déjà et c’est même très complet et classé par catégories:

• Javascripts / Ajax
• HTML / XHTML
• CSS
• PHP
• XML-XSLT-RSS
• MySQL
• Designers Color Chart

Très pratique ! Perso j’ai la cheat sheet de Prototype sur mon bureau

ProtoFlow c’est quoi ?
ProtoFlow est un effet coverflow écrit en Javascript. Il utilise les libraires Prototype et Scriptaculous pour l’essentiel du travail et Reflection.js pour les effets de réflections d’image.
Pourquoi ?
Et bien principalement parce que cet effet est devenu à la mode avec Apple qui l’implémente un peu partout (iTunes, puis iPod, iPhone,…) puis repris par beaucoup de développeurs. Il existe plusieurs « Cover-flow like » en javascript, mais ProtoFlow est le seul que j’ai trouvé utilisant Prototype.
Comment ?
C’est très simple:
Ajouter Prototype, Scriptaculous et Reflection.js à votre page
Ajouter ProtoFlow.js et ProtoFlow.css à votre page
Ajouter le Markup et un onLoad event (comme décrit ci-dessous)

Mise en oeuvre:

Code HTML:
[code lang="html"]
<div id="myCoverFlow">
<a href="http://www.google.com"><img src="image1.jpg" alt="Caption for this image 1"/></a>
<a href="http://www.google.com"><img src="image2.jpg" alt="Caption for this image 2"/></a>
<a href="http://www.google.com"><img src="image3.jpg" alt="Caption for this image 3"/></a>
.....
<a href="http://www.google.com"><img src="imageN.jpg" alt="Caption for this image N"/></a>
</div>
[/code]

Initialisation de ProtoFlow:
[code lang="js"]
Event.observe(window, 'load', function(evnt) {
var ProtFlowExample = new ProtoFlow($("myCoverFlow"), {
startIndex: 2, // Image sélectionnée par défaut
slider: true, // afficher ou pas le slider
captions: true, // afficher ou pas la légende (par défaut false)
useReflection: false, // Reflet ou pas (a noté que celà va ralentir l'effet)
enableOnClickScroll: true // Scroll avec le click
});
});
[/code]

Et boom, c’est terminé
ProtoFlow est développé par DeenSoft

Lightbox c’est quoi ? C’est à la base un script javascript couplé à du CSS qui permet de zoomer sur des photos en les superposants au site que l’on visite.
Sur ce principe là, une multitude de clônes ont vu le jour, utilisant les frameworks Prototype, MooTools, jQuery ou autres, avec toujours plus de fonctionnaliés.
Ça commençait à devenir très compliqué de s’y retrouvé parmis toutes ces versions mais heureusement ce site est apparu:

Il compare en effet tous les clônes de Lightbox et permet de filtrer ses résultats suivant les fonctions que l’on veux, à bookmarker !