Les packs d'icônes gratuites de l'été 2012

Cette période estivale a été productive parmi les graphistes / illustrateurs, voici plusieurs packs d'icônes gratuites à télécharger pour vos sites web et applications mobiles. Vous pouvez retrouver tous les packs d'icônes publiés sur la ferme du web à cette adresse: Pack d'icônes gratuites. Typicons: Des icones vectorielles en Webfont gratuites 88 icônes vectorielles packagées en webfont pour une utilisation rapide. Télécharger le pack Des icônes d'utilisateurs en version windows 8, web, iphone et android Icônes d'utilisateurs gratuites pour le web en couleur: 100 icônes d'utilisateurs ou groupe de personnes en couleur. Icônes d'utilisateurs et groupes de personnes en gris en blanc vectorisé pour Windows 8 La version icônes pour iPhone Télécharger le pack d'icônes utilisateurs Icônes vectorielles gratuites en PNG et SVG iconmonstr propose plus de 750 icones vectorisées, disponibles à la fois en PNG et SVG. Chaque icône possède une page dédiée avec des déclinaisons possibles. Site Officiel

Sentry - Une plateforme de logging d'events et erreurs open source Sentry est une plateforme open source permettant d'agréger des logs d'évènements ou d'erreurs de manière ergonomique afin de procéder à des opérations de maintenance ou debug. Permettre d'identifier rapidement les erreurs récurrentes qui apparaissent sur vos applications web est primordial pour satisfaire vos utilisateurs. Grâce à Sentry, vous aurez la possibilité d'agréger évènements spécifiques et erreurs dans une interface propre et efficace. A l'aide de filtres, vous pourrez rapidement afficher les erreurs et évènements correspondants à tel ou tel logger, le niveau d'erreur, le serveur qui a déclenché l'évènement etc. Ensuite, vous cliquez sur le détail d'une erreur pour obtenir plus d'infos sur son origine: La stacktrace vous permet de debugger plus rapidement le problème. Des statuts sur les messages vous permettent de définir si l'erreur a été résolue ou non, pratique pour faire du debug efficace, sans en oublier ! Site Officiel

Presentation Cycle: Cycle with a progressbar — Gaya Design Cycle is a script that supports image presentations to easily display multiple images. This script supports a lot of effects and the cycling of html elements. Presentation Cycle is a variation on the functionality of Cycle. Instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear. In this article I’ll explain how to implement this on your web page and give you some tips on how to adjust the looks of the cycle elements and progress bar. Download the source code here: View the example here: As shown on the example page, this script generates a progress bar automatically instead of the developer adding some html. Features Cycle through elementsAdjustable animation timesGenerates a navigation bar that also shows the progressWorks in modern browsers Implementing the script Good luck!

sNotify: Easy notifications in jQuery — Gaya Design There hasn’t been a jQuery tutorial / script on Gaya Design for a while. This is because I’ve been working on this particular script for a while and have a lot of other scripts in development. sNotify is a script which is particularly handy for people who are developing web applications. sNotify allows the developer to display notifications in a fast and easy way. Download Example Download the source code here: View the examples here: The idea for sNotify struck me when I was playing the Sims 3. The thing I liked most was the way it sorted notifications and displayed them in an orderly way. Features: Display notifications in the top right corner of the screen Close the message with a click on a button Automatically closes messages after 10 seconds (or whatever you’d like) Disables auto close when you are hovering over a message Puts messages in a queue to display them one after another Conclusion:

Animated tabbed content with jQuery — Gaya Design A lot of websites on the Internet have tabbed content now a days. The problem I find with most of them is that most of the time they can be quite dull. For my new looks I created a container which has the ability to switch content through tabs, but with an animation. This tutorial will show you how to create your own tabbed content step by step. Download Example In this tutorial I am going to show you some web development techniques that can be used in your next projects. The sources of this tutorial are downloadable here: Example of the outcome is found here: First thing we need is some basic HTML layout to fit what we are going to make. <! I already included jQuery and other files in the head section. Next thing we need to do is create the structure of the document. As a nice feature to enhance this all we’ll use a tab background that will move to the choice the user makes.

Menu déroulant en CSS Si vous voulez avoir tout de suite un aperçu du type de menu décrit dans cette page, vous pouvez visiter notre page de démonstration. Et pour garder le script proposé au chaud sur votre PC, vous pouvez aussi le télécharger. Avec ou sans javascript ? Lorsqu'on peut se passer de javascript, il est prudent de le faire. Les principes utilisés pour créer les menus hiérarchiques sont malheureusement incompatibles avec Internet Explorer versions 6 et antérieures. Notre choix a consisté à mettre au point un menu à 2 vitesses qui fonctionne : Sans javascript pour Firefox, Opera, Mozilla et IE7Avec javascript pour IE 5.5 et 6 Ce choix permet à notre menu de rester pleinement opérationnel pour la quasi-totalité des visiteurs. Une partie de cache-cache En réfléchissant au principe de base d'un menu déroulant, vous constaterez qu'il s'agit essentiellement d'une partie de cache-cache : certaines parties en sont masquées et n'apparaissent que lorsque l'utilisateur survole le menu principal. La ligne :

W3Schools Online Web Tutorials