Les news les plus vitaminées du web
Créez une mini-barre d’outils style microsoft office avec jQuery et CSS3
Bonjour à tous !
Il est bien évident qu’aujourd’hui on retrouve sur la majorité des blogs ou autres sites de type CMS, des barres d’outils pour l’édition de textes et parmi celles-ci certaines sont plus ou moins connues à l’image du célèbre CKEditor.
Aujourd’hui je vous propose de donner un peu plus de style à votre site en créant vous même une barre d’outils, mais cette fois qui apparaitra que lorsque du texte sera sélectionné ! De quoi rendre encore un peu plus dynamique votre application !
De plus, pour faire ça dans l’esprit du futur du web, ce tutoriel vous propose de réaliser cette barre d’outils en utilisant jQuery et CSS3 !
Très simple et rapide à mettre en place, vous n’aurez aucun mal à suivre ce tutoriel ! Seul bémol, il est entièrement en Anglais, il vous faudra donc éviter de bouder la langue de Shakespeare !
Au final, vous obtiendrez une superbe petite barre d’outils dynamique à laquelle vous serez libre d’ajouter ou supprimer des options ! Vous aurez de plus le mérite de vous démarquer des autres avec son rendu plutôt classe !
Je vous laisse découvrir ce tutoriel !
Have Fun !
Site : http://www.jankoatwarpspeed.com/post/2010/05/23/microsoft-office-minibar-jQuery-CSS3.aspx
Demo : http://www.jankoatwarpspeed.com/examples/minibar/
Articles Similaires
| Imprimer l'article | Cette entrée a été posté par Sticule le 4 juin 2010 à 11 h 19 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 !
