OVH lance hubiC

 

OVH a sorti hubiC, son système de cloud dans le mème esprit que Dropbox. Un espace dans lequel vous pouvez stocker vos fichiers. Vous pouvez ainsi y accéder à tout moment, via un accès privé et totalement sécurisé.

Il est disponible sous IPhone , Android, Windows et MacOS (prochainement)

hubiC start

hubiC perso

hubiC premium

Stockage 25 Go Stockage 100 Go Stockage Illimité !
Gratuit ! 9.99 € HT /an
(soit 11.95 € TTC)
69.99 € HT /an
(soit 83.71 € TTC)
Disponible début janvier Disponible début janvier

Donc j’ai testé avec le kit « hubiC start » et au bout de quelques heures, mon espace s’est créé. Un espace est donc apparu dans mon poste de travail (10 Go! il manque 15 Go je crois :D)

Pour y mettre des fichier, c’est comme une clé USB 😉 Copier Coller

 

MàJ (06 février 2012): Après un bon mois d’utilisation, le service Hubic est stable et accessible depuis mes différents périphériques (PC, PC Portable, Téléphone sous Android, …)
Pour l’instant je le trouve très pratique dans la mesure où je l’utilise tout sur mes périphériques.

Slideshow : Comment ajouter un slideshow sur son wordpress ?

Un slideshow : Qu’est-ce que c’est ?

Le slideshow (appelé aussi slider, diaporama ou encore carrousels) est un élément graphique servant à améliorer l’ergonomie, la navigation d’un site web. Il sert surtout à mettre en avant une ou plusieurs informations. Généralement les slideshow sont des images circulant les une après les autres. Il existe une multitude de façon de les afficher.
Pour ajouter un slideshow simplement sur un site wordpress, j’ai choisi le plugin Meteor Slides qui est un plugin wordpress très simple d’installation et d’utilisation.

Téléchargement et installation du slideshow

  1. Télécharger le plugin sur wordpress.org
  2. Installer et activer le plugin (un menu s’ajoute sur le coté gauche dans l’administration)
    Menu diapositive wordpress
  3. Insérer la ligne de code ci dessous à l’endroit où vous souhaitez le voir apparaitre. Par exemple en dessous du menu de navigation dans header.php ou encore dans index.php si vous souhaitez juste le mettre sur la page d’accueil.
    <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?>
  4. Configurer votre slideshow dans votre panel admin
    Configuration Du Slideshow
  5. Ajouter des diapositives en remplissant 3 champs (Titre, Images, URL)
  6. Tadaaaaaaaaaaaaaa vous avez ce que vous voulez 🙂

Avantages : Très facile à mettre en place
Inconvénient: Limité (Pas possibilité de mettre une description)

Plugin créer par Jleuze

HTML5 – Les balises

Voici une liste de balises HTML5 (valide wc3) ainsi que leurs descriptions.
Je vais l’implémenter au fur et mesure du temps …

  • DOCTYPE
    Unique syntaxe pour un contenu HTML5

    <!DOCTYPE html>
  • ADDRESS
    Utilisé dans un footer (de préférence) pour avoir un contact avec les créateurs/administrateurs/… du site

    <address>
    Blog de <a href="mailto:scoco@scoco.fr">Scoco</a>
    </address>
  • AUDIO et VIDEO
    Nouvelle balises très utiles pour du contenu multimédia

    <!-- Audio-->
    <audio>
      <source src="votre/musique.mp3" />
      <p>Le format *.mp3 n'est pas pris en charge par votre navigateur :/</p>
    </audio>
    <!-- Video -->
    <video>
    <source src="votre/video.avi" />
      <p>Le format *.avi n'est pas pris en charge par votre navigateur :/</p>
    </video>
  • ARTICLE
    <article>
     <header>
      <h1>Titre de mon article</h1>
      <p><time datetime="2012-11-12T12:35+01:00"></time></p>
     <!-- format date =>YYYY-MM-DDThh:mmTZD-->
     </header>
     <p>Contenu de l'article</p>
     <p>...</p>
     <footer>
      Commentaire...
     </footer>
    </article>
  • PROGRESS BAR (Pour créer une barre de chargement par exemple)
    <progress value="75" max="100"></progress>

     

  • NAV (Pour créer un section de lien de navigation) 
    <nav>
      <ul>
        <li><a href="page1.html">Page 1</a></li>
        <li><a href="page2.html">Page 2</a></li>
      </ul>
    </nav>

Si vous avez un souci avec le navigateur de microsoft, IE par exemple :D, car il ne reconnait pas certaines balises, voici une petite manipulation pour y remédier:

Déclarer les balises non reconnues avec cette ligne de javascript
Exemple pour <header>

document.createElement('header');

Voici un

Google Plus – Page Pro

Google plus page

Google Plus lance aujourd’hui son système de page pro pour faire connaître une entreprise ou une institution, promouvoir une marque ou un produit, faire la promotion d’un événement, etc …

Les pages entreprises, tant attendues sont désormais disponibles.

Pour créer votre page, cliquer ici –> Créer une page

La création d’une page est très rapide, remplissez 2-3 champs et hop vous avez votre page.
La page pourra avoir ces propres cercles, photos, articles, etc ….

Voici la page entreprise de Google

HTML 5 – La Bible

En voila, un joli livre qui est sorti ces derniers jours: HTML5, une référence pour le développeur web. Je vais essayer de m’en procurer un car il m’a  l’air fort intéressant.

Source [Alsacreations]

MàJ (18/02/2012): Après avoir utilisé un peu toutes les fonctionnalités proposées dans le bouquin pour diverses intégrations, cela m’a permis de consolider mes bases et ainsi les performances des sites sur lesquels j’ai travaillé.