Path-Tech

Les news les plus vitaminées du web

Follow me on TwitterFlux RSS

  • Accueil
  • Présentation
  • Mes Plugins
  • Contact
html5-video-player

Créez votre propre lecteur vidéo en HTML5 grâce à jQuery

3/08/10

Posté par Sticule dans Design

Aucun commentaire

Bonjour à tous !

Avec l’arrivé du HTML5, nombreux sont ceux qui souhaite convertir leur lecteur flash en HTML5 afin d’être compatible avec tous les supports (comme les iPhones ou encore iPad).

Aujourd’hui je vous propose donc un petit tutoriel afin de vous permettre de créer votre propre lecteur vidéo HTML5 grâce à jQuery et du CSS3 !

Relativement bien expliqué et proposant un résultat plus qu’à la hauteur de vos attentes, ce tutoriel aborde un grand nombre de notions qu’ils vous sera indispensable de connaître dans les années à venir si vous souhaitez rester à la page dans le monde du développement web !

Que vous soyez intéressé par le HTML5 ou par la mise en place d’un lecteur vidéo, je vous conseille fortement de lire ou d’essayer de mettre en place ce tutoriel, car il pourrait vous apporter quelques connaissances supplémentaires non négligeables.

Have Fun !

Site : http://dev.opera.com/articles/view/custom-html5-video-player-with-css3-and-jquery/

Tweet
Share
créer, css3, Design, Développement, easy, facile, flash, free, gratuit, howto, html5, internet, jquery, js, lecteur, simple, tuto, tutorial, tutoriel, video, web
movie

Créez votre propre lecteur vidéo avec l’API Youtube

30/07/10

Posté par Sticule dans Design

Aucun commentaire

Bonjour à tous !

L’utilisation de lecteurs de vidéo se fait de plus en plus présente sur internet, mais mettre en place un beau lecteur peut parfois vite devenir compliqué surtout si on souhaite mettre en place des statistiques de lecture…

C’est pourquoi aujourd’hui je vous soumet un petit tutoriel très simple qui vous propose tout simplement de créer votre propre lecteur vidéo en utilisant l’API de Youtube !

Ce tutoriel vous permettra ainsi d’exploiter toutes les propriétés du lecteur youtube tout en personnalisant son apparence afin de l’intégrer au mieux dans votre application ou site web !

Ceci aura le mérite d’ajouter une touche d’intéractivité sur vos développements tout en évitant les galères d’un développement fastidieux et bien souvent très coûteux en terme de temps de travail…

Je vous laisse essayer de mettre cela en application !

Have Fun !

Site : http://tutorialzine.com/2010/07/youtube-api-custom-player-jquery-css/
Demo : http://demo.tutorialzine.com/2010/07/youtube-api-custom-player-jquery-css/youtube-player.html

Tweet
Share
api, Développement, flash, howto, html5, integration, internet, lecteur, lecture, player, site, stats, tuto, tutorial, tutoriel, video, web, youtube
statsboard

Créer rapdidement et facilement un tableau d’états de vos services et API

29/07/10

Posté par Sticule dans Bons Plans

4 commentaires

Bonjour à tous !

Si vous travaillez dans une entreprise d’informatique ou que vous avez beaucoup de sites ou API en ligne, mon article d’aujourd’hui devrait vous intéresser !

En effet je vous propose de découvrir un petit outil nommé Stashboard qui vous propose tout simplement de créer un tableau d’états pour vos différents services et API.

Similaire à la page de statut d’Amazon AWS ou de la page d’état Google Apps, il est conçu pour fournir un tableau de bord de statuts générique pour tout service hébergé ou API. Le code peut être téléchargé, sur mesure, et fonctionner sur n’importe quel compte Google App Engine.

Vous serez donc capable de suivre plusieurs statuts d’API ou de services SaaS, de définir des messages personnalisés.
Stashboard est écrit en Python et hébergé sur Google App Engine.

Je vous laisse l’essayer !

Have Fun !

Site : http://www.stashboard.org/

Tweet
Share
api, application, check, créer, easy, etat, gratuit, internet, online, rapide, réseaux, services, simple, site, state, stats, status, statuts, tableau, test, web
«12345»102030...Fin »
    • Commentaires récents
    • Articles populaires
    • Archives
    • Tags
    • Catégories
    • Bons Plans (83)
    • CMS (10)
    • Design (65)
    • Développement (99)
    • 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 integration internet javascript jquery js library linux online outil outils pro Réseau script serveur simple site stats test tips tool tools tuto tutorial tutoriel video web
    • septembre 2010 (1)
    • 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

    • septembre 2010 (1)
    • 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 integration internet javascript jquery js library linux online outil outils 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