Useful links from November 09
10 Awesome Techniques and Examples of Animation with jQuery
Il n'y a plus aucun doute sur le fait que jQuery est une librairie javascript puissante qui a non seulement changé la façon d'écrire du javascript, mais nous a aussi ouvert de nouvelles possibilités. C'est maintenant possible d'améliorer des sites avec quelques lignes de code en introduisant par exemple des animations. Cet article révèle 10 techniques d'animations jQuery pour un impact visuel réussi.
40 New Useful Web Development Tools and Resources
L'une des vérités sur la programmation web, c'est que si vous êtes confronté à un problème, il y a certainement quelqu'un qui était dans votre situation auparavant, et qui a trouvé une solution. La communauté du web est tellement vaste, qu'il y a des centaines de ressources qui ont été rendu public afin de vous aider. Cette page regroupe une collection utile d'outils dont le but est d'assister développeurs et designers dans leur travail.
A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
Elégant et minimaliste, c'est ainsi que j'aime le design, et cela correspond particulièrement à l'approche d'Apple. Du coup, quand j'ai découvert ce plugin, il m'a immédiatement plu. J'aime le fait qu'il soit simple et efficace, et je pense qu'il peut faire la différence, même dans le secteur saturé des plugins de présentation.
Mega Drop Down Menus w/ CSS & jQuery
Quand on approche des sites très riches en contenu, des menus classiques ne sont parfois pas suffisamment approprié pour permettre l'utilisateur de naviguer efficacement. Si vous vendez une vaste gamme de produits par exemple, vous voulez rendre le cheminement de l'utilisateur jusqu'au payement le plus facile possible, en lui évitant de devoir visiter trop de pages inutiles. Ceci peut être obtenu en utilisant des menus plus avancés, comme ceux que permet de réaliser ce tutoriel.
5 Simple, But Useful CSS Properties
Maintenant que le buzz de la sortie du HTML5 et de CSS3 s'est un peu estompée, pourquoi ne pas prendre 5 minutes pour réfléchir sur ce que nous allons éventuellement laisser derrière nous. Avons nous exploré toutes les facettes de CSS2? Connaissiez vous les 5 propriétés listées dans cet article et les aviez vous déjà utilisées? Personnellement, je ne connaissais ni clip, ni white-space. Article très utilise dont la lecture est conseillée.
7 Free Disposable Chat Systems For Instant Communication
Si vous êtes intéressé par les réseaux sociaux, alors vous avez probablement réalisé que depuis le succès phénoménal de facebook, les attentes des utilisateurs vis à vis de ce type de site à fortement augmenté. La possibilité de pouvoir construire un profile n'est plus suffisante, vous aurez besoin de fonctionnalités plus riches comme par exemple, une messagerie instantanée. Cette page propose une liste de solutions prête a être implémentées et qu'il est possible de modifier afin de s'adapter au mieux à vos besoins.
9 Most Common IE Bugs and How to Fix Them
Ce n'est un secret pour personne, vous aurez beau coder votre site le plus strictement possible, vous devrez toujours passer un moment à chasser les bugs liés à IE. Donc pour vous faire gagner du temps, pourquoi ne pas jeter un coup d'oeil aux erreurs que vous allez le plus surement rencontrer? Cet article est très bien fait, et inclus des comparaisons entre ce que vous devriez obtenir et le résultat dans IE, des captures d'écran et des exemples de code.
10 Handy & Cool jQuery Plugins
Juste une nouvelle liste de plugins jQuery comme on en voit chaque semaine? C'est ce que j'ai pensé à première vue quand j'ai aperçu le titre de cette page, mais j'ai en fait été surpris par le nombre de plugins qui m'étaient inconnus. jMP3 par exemple, qui vous permet de mettre de la musique sur votre site, ou encore un plugin facilitant le remplissage de formulaire appelé jQuery Autotab, puis des effets de polices etc etc...
Create Your Own Sliding Resizable Grid
Les designs reposant sur des grilles sont devenus de plus en plus populaires. Cela permet d'avoir une base sur laquelle les différents éléments s'organisent de manière cohérente. Pourtant, même si certaines grilles vous donnent un peu de marge, cela reste un système assez rigide, (c'est une grille après tout...). Pour parer à ce problème, voici une solution, un système de grille dynamique qui s'adapte à la taille de l'écran et se réorganise afin d'obtenir le meilleur positionnement possible quand l'utilisateur change la taille de son navigateur. Impact visuel garanti.
Design an Attractive One-Page Portfolio Using Photoshop
Je n'ai pas gardé cette page pour le tutoriel, (bien qu'il soit très bien), mais pour une fois, juste pour le résultat final. J'aime beaucoup ce que le designer essaye d'obtenir, un design résumé en une page, mais une page absolument superbe. Ceci pourrait devenir une plaquette de présentation idéale.
Getting Started With Content Management Systems
Je dois dire que j'ai la mauvaise habitude de ne pas assez considérer les solutions des autres avant de réaliser la mienne, ce qui parfois, me fait perdre pas mal de temps au final. Alors que le besoin de travailler avec des éditeurs de contenu a considérablement augmenté, c'est devenu impensable de réaliser une plateforme 100% adaptée aux besoins du client depuis rien. Voila pourquoi je me suis mis en quête de trouver un éditeur de contenu ayant des capacités spécifiques, et ce guide s'est trouvé fort utile durant mes recherches.
16 Gorgeous Web Safe Fonts To Use With CSS
Quand vous commencez à coder des sites web à partir de fichiers de design, vous serez confronté au problème d'importation de polices. Vous êtes surement au fait que chaque police n'est pas universelle, c'est à dire que la plupart des utilisateur ne l'auront peut être pas installé sur leurs machines, et ne verront donc pas votre site correctement. Dans ce cas, quelles sont donc ces polices appelées 'web safe'? La réponse se trouve dans cet article.
Vertical Centering With CSS
Je n'ai jamais vraiment compris pourquoi en CSS, il est si facile de centrer un élément horizontalement, alors qu'il faut passer par 4 chemins pour centrer un élément verticalement. De plus, il existe des méthodes différentes mais elles ne sont pas forcément compatibles dans chaque navigateur. Cet article vous propose de découvrir 5 différentes façon de procéder, avec pour chacune ses avantages et inconvénients.
Making A Cool Login System With PHP, MySQL & jQuery
Dans chacun de vos sites qui contiennent des pages où un utilisateur peut éditer des informations, vous devez vous assurer que c'est seulement fait par les personnes qui y sont autorisées. Cela passe par une procédure d'identification. S'identifier sur un site web est une procédure très courante pour les utilisateurs, c'est donc une bonne chose de rendre cette tache aussi simple que possible. Cet écran d'identification est basé sur PHP et jQuery, il s'intègre facilement dans tout design, et descends élégamment pour révéler ses fonctionnalités. Superbe.
Making an Interactive Picture with jQuery
Ce tutoriel figure probablement parmis les meilleurs du mois de novembre. Le résultat final est superbe. Il vous permet de créer une image interactive. En d'autres termes, vous prenez une image, et vous l'améliorez avec des zones interactives qui peuvent révéler du contenu quand l'utilisateur clique ou passe sa souris dessus. Cela peut être particulièrement pratique pour fournir au visiteur des informations relatives à des endroits précis d'une image.
TableGear
TableGear est une application PHP/Mootools qui recrée un environnement puissant dans lequel vous pourrez travailler facilement avec des données sur une page web. Le coté client, supporté par Mootools, s'occupe des interactions entre l'utilisateur et la page web, tandis que côté serveur, le PHP travaille avec les données, les deux étant reliés par des requêtes Ajax. Voici une manière simple et efficace de créer une interface web d'édition de données.
Ultimate Guide To Grid-Based Web Design: Techniques and Tools
Les designs basés sur des grilles sont généralement plus esthétiquement plaisants et équilibrés que ceux qui ne reposent pas sur des grilles. Par contre le fait de paramétrer une grille qui répond parfaitement à vos besoins n'est pas si facile que cela. Vous trouverez dans ce guide plein d'informations sur comment faire, ainsi que des explications en profondeur sur des aspects spécifiques et des liens externes. Tout ceci devrait normalement couvrir tous vos besoins.
Load Data while Scrolling Page Down with jQuery and PHP
Sur les sites dont le contenu peut devenir conséquent, comme les réseaux sociaux, les pages peuvent devenir très longue. Est-il du coup nécessaire de charger toutes les données d'une page qui atteint la longueur de 5 écrans? Est-ce que l'utilisateur est intéressé par ces données de tout façon? S'il l'est, il défilera. On peut se servir de cela pour lui faire gagner du temps de chargement, en ne téléchargeant ques les données ne correspondant à 1 (ou 2 écrans), et en chargeant le reste à la volée quand il descends dans la page, (comme sur facebook par exemple). Ce tutoriel explique comment faire.
Using APIs With PHP? Here Are Your Classes
La plupart des sites célèbres mettent des API à disposition pour permettre aux développeurs d'utiliser leurs services à partir d'autres sites web ou applications. Dans ce cas, vous devrez écrire le code nécessaire à l'interaction entre votre site et une API particulière, et cela peut s'avérer particulièrement difficile, ainsi qu'une pure perte de temps considérant le fait que ces classes ont probablement déjà été écrites. Facebook, Ebay, Twitter et bien plus encore, elles vous attendent dans cet article.
jQuery and Google Maps Tutorial: #1 Basics
Avez vous déjà considéré le fait d'd'intégrer Google maps dans votre site mais été inquiet des difficultés techniques que cela représente? Et bien cet excellent article de Marc Grabanski vous prouvera qu'il n'y a aucune raison de s'inquiéter de quoi que se soit. Il vous guidera à travers les différents étapes, et avant que vous ne le réalisiez, Google maps sera une fonctionnalité de votre site.
12 Useful jQuery Plugins for Working with Tables
Quand vous avez des données tabulaires, les tableaux sont la solution la plus cohérente à utiliser. Par contre, des tableaux simples peuvent être perçus comme limités quand il s'agit d'afficher des données complexes. Cette page regroupe 12 plugins jQuery qui ajouteront des fonctionnalités très utiles à des tableaux simples comme pagination, édition, tri de colonnes et bien plus encore.
jQuery Reel Plugin
Reel est un plugin jQuery qui vous permet de créer des panoramas à partir d'images. C'est très facile à implémenter et donne de très jolis résultats. En plus, le script pèse seulement 3.6KB. Enfin une solution javascript qui est une bonne alternative aux plugins flashs, et qui réagit pourtant à la molette de la souris ainsi qu'aux clics de l'utilisateur.
Top 20+ MySQL Best Practices
Je trouve cela assez rare de tomber sur des bons articles parlant de MYSQL, et qui ne sont pas basés sur des sujet dont on a souvent l'habitude d'entendre parler. Du coup pour une fois que j'en ais lu un, je voulais le faire partager. Cet article est plein de principes que je ne connaissais pas, mais qui restent très simples à comprendre et à mettre en pratique.
