Les news les plus vitaminées du web
Créez une mini toolbox dynamique et intéractive avec jQuery
Bonjour à tous !
Si vous développez régulièrement des applications web, vous avez sûrement déjà tenté de mettre en place des tableaux de gestion de contenu, par exemple pour afficher et gérer vos news ou encore vos produits (dans le cadre d’un site e-commerce).
Mais tout l’intérêt de la mise en place de ce genre d’affichage réside dans la possibilité de gérer massivement le contenu de votre tableau via des actions de type globales (supprimer les articles sélectionnés, les déplacer, déclarer comme spam etc …).
C’est pourquoi aujourd’hui j’ai souhaité vous partager un très bon tutoriel qui vous permettra de créer une barre d’outils de gestion global, le tout affiché de façon très classe, très propre et surtout très dynamique !
En effet la toolbox qu’il vous est proposé de créer via ce petit tutoriel s’intègre parfaitement dans tout type de tableau de gestion. Développée en Javascript avec la librairie jQuery, cette toolbox est donc accompagnée de divers effets plutôt simples mais efficaces ! Par exemple, lorsque votre tableau comporte un grand nombre de lignes et que vous êtes obligé de scroller afin de voir la suite, la toolboox va tout simplement suivre votre mouvement, afin qu’elle reste accessible partout.
De plus celle-ci n’apparaitra que lorsque vous en aurez besoin (dès qu’une ligne de votre tableau est sélectionnée par exemple)…
Je ne vous citerai pas tout ce qu’il est possible de faire avec cet outil, car si vous avez un peu d’imagination vous vous rendrez vite compte que les possibilités sont plus que nombreuses …
En résumé, cet outil peut vous permettre de rendre un panel d’administration beaucoup plus intéractif et dynamique, ce qui bien souvent séduit les utilisateurs qui y trouveront un côté bien plus intuitif qu’une simple liste déroulante en haut de page.
Je vous laisse découvrir et essayer de mettre en place ce tutoriel.
Have Fun !
Site : http://tympanus.net/codrops/2010/05/31/sliding-checkbox-actions-menu-with-jquery/
Demo : http://tympanus.net/Tutorials/CheckboxActions/
Articles Similaires
| Imprimer l'article | Cette entrée a été posté par Sticule le 11 juin 2010 à 11 h 38 min, et placée dans Design, Développement. Vous pouvez suivre les réponses à cette entrée via RSS 2.0. Vous pouvez laisser une réponse, ou bien un trackback depuis votre site. |
Aucun commentaire pour l'instant
Aucun trackback pour l'instant
Optimisez votre connexion internet en choisissant de bons DNS
about 10 months ago - 2 commentaires
Bonjour à tous ! Que vous soyez 100% geek ou un hardcore gamer, il est évident que chacun d’entre nous souhaite avoir la meilleure connexion internet possible ! Si les débits fournis pas votre FAI sont en grande partie responsable des performances de votre connexion internet, il faut aussi prendre en compte d’autres paramètres ……
Découvrez Github sur MAC OS !
about 10 months ago - 1 commentaire
Bonjour à tous ! Aujourd’hui mon article concernera malheureusement uniquement les mac users ! Je me permet de dire malheureusement, car j’aurai bien aimé que la news qui va suivre s’adresse aussi aux utilisateurs de PC ! En effet mon article d’aujourd’hui va parler de la dernière nouveauté apporté par les équipes de Github…
Découvrez un générateur de template HTML5
about 11 months ago - Aucun commentaire
Bonjour à tous ! Vous avez peut être déjà commencé à créer vos nouveaux projets web avec un template au format HTML5 … et si ce n’est pas encore le cas, je vous suggère de vous y intéresser au plus vite ! Le HTML5 prenant une part de plus en plus importante sur le web, j’ai décidé de consacrer…
Créez votre propre mur Facebook avec jQuery
about 1 year ago - 1 commentaire
Bonjour à tous ! S’il est indéniable que Facebook occupe aujourd’hui une place plus qu’importante dans le milieu de la communication et de l’information, il n’en reste pas moins un outil parfois un peu fouillis ! C’est justement pour cette raison qu’aujourd’hui j’ai voulu vous partager un petit tutoriel plutôt simple à suivre, qui…
Créez facilement des effets CSS3 sans toucher au code !
about 1 year ago - 1 commentaire
Bonjour à tous ! Je ne surprendrai personne en vous disant que le CSS3 prend une part de plus en plus importante sur les différents sites internet qui sont créés aujourd’hui (bien qu’il ne soit pas encore supporté par la version actuelle d’IE)… En effet la version 3 permet un nombre incroyable de personnalisations…
Découvrez enfin un lecteur HTML5 abouti !
about 1 year ago - 5 commentaires
Il y maintenant quelques mois, je vous parlais régulièrement de l’évolution du HTML5, en particulier dans le domaine des lecteurs vidéo !
Bien que très intéressants, tant sur le plan des performances que de la compatibilité avec les différents navigateurs, les lecteurs HTML5 n’étaient pas encore capables de proposer un nombre suffisant de services et de personnalisations pour concurrencer les célèbres lecteurs en flash …
Et bien aujourd’hui ce n’est plus le cas ! En effet je souhaite vous faire connaitre un petit nouveau sur le marcher, qui risque de faire pas mal de bruit !
Créez un véritable effet 3D sur vos bannières !
about 1 year ago - 3 commentaires
Je pense que personne ne me dira le contraire si je vous dis que 2010 aura été l’année de la 3D …
Que ça soit le cinéma, les télévision ou le reste, nous avons pu découvrir cette année une multitude de projets utilisant la 3D.
Aujourd’hui j’ai donc décider d’en rajouter un peu !
Non, je n’ai pas inventé une nouvelle gamme de 3D ou autre matériel nouvelle génération, je souhaite juste vous présenter un superbe plugin jQuery vous permettant de réaliser relativement facilement, des images 3D animées !
Apprenez à développer facilement un module sous Magento
about 1 year ago - Aucun commentaire
Pour ceux qui connaisse déjà le fameux CMS e-commerce appelé Magento, je pense que vous serez d’accord avec moi pour dire que le développement de modules additionnels n’est pas chose facile …
En effet la structure très particulière de ce CMS est relativement complexe, c’est pourquoi une formation préalable sur cette architecture est indispensable.
Découvrez une nouvelle façon de naviguer sur internet avec RockMelt
about 1 year ago - 1 commentaire
On le sait tous et nous le voyons tous au quotidien, la part qu’occupe les réseaux sociaux dans la vie des internautes ne cesse de se renforcer !
L’apparition de sites comme Facebook ou encore Twitter à décidement bien changé les habitudes de chacun, en particulier pour le partage d’informations.
Il était donc évident que nous allions voir évoluer aussi notre manière de naviguer sur internet !
Apprenez facilement à coder en Ruby on Rails en vous amusant !
about 1 year ago - Aucun commentaire
Pour ceux qui me suivent depuis un petit moment, vous devriez déjà savoir que je suis un défenseur de la communauté Ruby on Rails !
Mais trop souvent, beaucoup de développeurs ou même débutant ne souhaite pas se lancer dans le Ruby on Rails sous prétexte que ça leur parait trop compliqué, ou que les ressource pour apprendre sont trop pauvres …
C’est pourquoi je souhaite aujourd’hui faire mentir ces gens là en vous présentant un concept que je trouve juste incroyablement génial !
