Path-Tech

Les news les plus vitaminées du web

Follow me on TwitterFlux RSS

  • Accueil
  • Présentation
  • Mes Plugins
  • Contact
aloha-editor

Ajouter un éditeur de texte HTML 5 avec un menu flottant sur vos champs

19/07/10

Posté par Sticule dans Bons Plans

2 commentaires

Bonjour à tous !

Je vous avais déjà parlé de différentes ressource pour ajouter un éditeur de texte sur vos différents champs, mais aujourd’hui je souhaite vous en présenter un nouveau plutôt sympathique et surtout codé en HTML 5 !

Appelé Aloha Editor, cet éditeur de texte vous propose tout simplement d’appeler un boite à outil seulement lorsque vous passer en mode d’édition, ainsi plus de barre d’outils visible en permanence, vous pouvez désormais imaginer que votre interface soit dynamique en y implémentant ce plugin et un peu d’AJAX !

Rapide et simple, cet éditeur vous permettra de créer facilement des interfaces fluides dynamiques et éditables instantanément !

Si vous avez un peu d’imagination vous vous rendrez vite compte que cet outil est particulièrement polyvalent et surtout tourné vers l’avenir car il est codé en HTML5.

Bref, une ressource à tester et pourquoi pas à adopter !

Have Fun !

Site : http://aloha-editor.com/index.html

Tweet
Share
ajax, aloha, champ, easy, editeur, editor, field, free, gratuit, html5, menu, new, plugin, simple, texte
uielements14071

Créez un superbe champ de recherche avec des filtres

16/07/10

Posté par Sticule dans Design

Aucun commentaire

Bonjour à tous !

Si vous développez régulièrement des sites ou des applications web, vous devez sans doute savoir que les champs de recherche se font souvent plus qu’utiles.

C’est pourquoi aujourd’hui je vous fait part d’un superbe tutoriel vous proposant de créer un champ de recherche avec gestion des filtres !

Très bien fait, et surtout très propre, ce champ de recherche pourra s’intégrer très facilement sur tous vos sites, qu’ils soient pro ou perso.
Proposant un affichage simpliste avec la gestion des filtres sous forme de menu déroulant, ce champ apparait comme particulièrement intuitif !

Très détaillé et bien illustré, ce tutoriel s’adresse aux experts comme aux novices, alors n’attendez plus et lancez vous !

Have Fun !

Site : http://tympanus.net/codrops/2010/07/14/ui-elements-search-box/
Demo : http://tympanus.net/Tutorials/UIElements/SearchBox/

Tweet
Share
champ, Design, Développement, easy, field, filter, filtres, good, howto, internet, prefessionnel, pro, recherche, search, simple, site, tuto, tutorial, tutoriel, web
catch

Créez vos pages 404 sous forme de Pop-up

15/07/10

Posté par Sticule dans Design

Aucun commentaire

Bonjour à tous !

Vous devez maintenant le savoir, il est toujours plutôt désagréable de tomber sur une page 404 …
Soit parce que cette page nous fait quitter un site pour rien, soit parce qu’elle est tout simplement moche !

Aujourd’hui je souhaite vous faire découvrir un petit script tout simple qui vous propose tout simplement de récupérer votre page 404 et de vous l’afficher sous forme d’une petite pop-up.
A quoi cela peut-il bien servir me direz-vous, et bien tout simplement et éviter que l’internaute ne quitte votre site ou ai à cliquer sur précédent pour essayer de revenir en arrière.
Si cette solution peut paraitre un peu bête, elle est pourtant efficace !

De plus, ce script change aussi tout la perception qu’on peut avoir d’un page 404, ainsi il vous sera possible de créer un design sur mesures afin d’afficher une pop-up particulièrement soignée !

Très simple et très rapide à mettre en place vous n’aurez aucun mal à l’adapter à votre site.

Je vous laisse découvrir ce petit outil, et n’oubliez pas que c’est avec ce genre de script que vos sites se démarquent des autres et ainsi se mettent en valeur !

Have Fun !

Site : http://addyosmani.com/blog/catch404/
Demo : http://www.addyosmani.com/resources/catch404/catch404.html

Tweet
Share
404, affichage, Design, Développement, easy, erreur, error, free, gratuit, internet, jquery, js, mise en page, page, popup, script, simple, site, web
« Début...«23456»102030...Fin »
    • Commentaires récents
    • Articles populaires
    • Archives
    • Tags
    • Catégories
    • Bons Plans (82)
    • CMS (10)
    • Design (65)
    • Développement (98)
    • Référencement (10)
    • Réseau (21)
    • Système (24)
    ajax Bons Plans CMS code créer css3 Développement Design easy facile flash form free gestion gratuit help howto html5 image internet javascript jquery js library linux online outil outils page pro Réseau script serveur simple site stats test tips tool tools tuto tutorial tutoriel video web
    • août 2010 (3)
    • juillet 2010 (19)
    • juin 2010 (22)
    • mai 2010 (21)
    • avril 2010 (22)
    • mars 2010 (24)
    • février 2010 (22)
    • janvier 2010 (18)
    • Créez un petit menu de réseaux sociaux scrollable (10)
    • Ajoutez une fonction d’upload multiple sur votre site web (8)
    • Passez au Cloud Computing avec Amazon S3 (8)
    • Créez un PortFolio Pro en 5 minutes (7)
    • Donnez du style à vos formulaires avec du Javascript (7)
    • Créez un petit block de login style Twitter avec jQuery (6)
    • Créez une magnifique page de partenaires en Javascript (5)
    • Synchronisez vos fichiers entre plusieurs machines avec FolderShare (5)
    • Apprenez à créer votre propre thème WordPress (5)
    • Ajoutez facilement un éditeur de texte à vos champs textarea (5)
    • allxxxmovsru: Какой хороший топик Да, действительно. И я с этим столкнулся. Можем пообщаться на эту тему. Здесь и...
    • evrodomdvru: Вы абсолютно правы. Ошибаетесь. В этом что-то есть. Буду знать, большое спасибо за информацию. Вы...
    • Kolos: Независимый информационный портал жителей пгт. Октябрьский, Островцы, Чулково, Томилино, Малаховка, ...
    • G: Merci, tes articles vont m'aider! ;)
    • G: Merci.
    • Фёдор: Подтверждаю. Всё выше сказанное правда. Можем пообщаться на эту тему. не! МЛЯ ВЫ ТОЛЬКО УМЕЕТЕ ПОЗИ...
    • Dezz: Да, действительно. Я согласен со всем выше сказанным. Можем пообщаться на эту тему. Здесь или в PM....
    • WP Themes: Amiable fill someone in on and this post helped me alot in my college assignement. Gratefulness you...
  • Translator

    French flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagEnglish flagGerman flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroatian flagDanish flagFinnish flagHindi flagPolish flagRomanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flagBelarus flagIrish flagIcelandic flagMacedonian flagMalay flagPersian flag
  • Mes derniers tweets

    Chargement des twitts...
    Suivez moi sur Twitter !
  • Followers

  • Archives

    • août 2010 (3)
    • juillet 2010 (19)
    • juin 2010 (22)
    • mai 2010 (21)
    • avril 2010 (22)
    • mars 2010 (24)
    • février 2010 (22)
    • janvier 2010 (18)
  • Partenaires

    • http://blog.joeyinbox.net
    • http://freddy-dewaleyne.com
    • http://isd-informatique.com
    • http://www.level-informatique.com
    • http://www.pixelarts.fr
  • Mots-clefs

    ajax Bons Plans CMS code créer css3 Développement Design easy facile flash form free gestion gratuit help howto html5 image internet javascript jquery js library linux online outil outils page pro Réseau script serveur simple site stats test tips tool tools tuto tutorial tutoriel video web
    • Commentaires récents

      • allxxxmovsru dans Donnez du style à vos formulaires avec du Javascript
      • evrodomdvru dans Donnez du style à vos formulaires avec du Javascript
      • Kolos dans Donnez du style à vos formulaires avec du Javascript
      • G dans Ajoutez facilement un éditeur de texte à vos champs textarea
      • G dans Ajouter un éditeur de texte HTML 5 avec un menu flottant sur vos champs
Mystique theme par digitalnature | Propulsé par WordPress | Traduit par Autour d'un Café
Flux RSS XHTML 1.1 En haut
  • RSSRSS
  • TwitterTwitter
  • FacebookFacebook
  • LinkedInLinkedIn
  • Social Slider
  • RSS
  • Twitter
  • Facebook
  • LinkedIn