RootsLabs

More than a tool ! GitHub Google+ LinkedIn RSS
Catégorie » XHTML / CSS

Créer une application Cordova pour Firefox OS

Progi1984 - Commentaires (1)

Aujourd’hui, j’ai l’intention de vous faire découvrir Apache Cordova : j’ai voulu profiter de la réalisation pour Firefox OS pour apprendre à utiliser cette technologie. Mais qu’est-ce donc que Cordova ?

Apache Cordova ou plus anciennement Apache Callback ou PhoneGap, est un framework open-source développé par la Fondation Apache. Il permet de créer des applications mobiles pour différentes plates-formes (Android, iOS, Windows 8…) en HTML, CSS et JavaScript.
Les applications qui en résultent sont hybrides, ce qui signifie qu’elles ne sont ni vraiment natives, ni purement basées sur les langages HTML, CSS et JavaScript.

Logo Cordova

Comment réaliser un splashscreen pour un site ?

Progi1984 - Commentaires (0)

Sur un site web, il peut être utile, quand un visiteur arrive sur une page, de proposer de se connecter au Facebook lié au site, de s’inscrire à la newsletter ou de cliquer sur une publicité. Et souvent cela se fait par l’intermédiaire d’un splashscreen (a.k.a. page de garde ou page d’attente). Dans cet article nous allons voir comment faire cela avec un peu de jQuery et un peu de CSS.

HTML5 : Et si on notifiait l’utilisateur ?

Progi1984 - Commentaires (3)

Pour améliorer l’expérience utilisateur dans notre monde actuel, il faut tenir au courant l’utilisateur des nouveautés, et cela se fait via les notifications. Elles peuvent être sur mobile, par SMS, mail ou chat. Aujourd’hui, je vous montrerais comment le faire en HTML5.

Logo HTML5

Favicons : Et si on parcourait le monde ?

Progi1984 - Commentaires (0)

Si je vous demande le nom de cette petite image qui représente votre marque, votre projet ou votre société dans les navigateurs, vous allez sûrement me donner comme réponse : FAVICON. Dans cet article, nous allons faire le tour des navigateurs et de certains systèmes pour voir ce qu’ils attendent comme favicon et le rendu.

Débuter avec Bootstrap

Progi1984 - Commentaires (0)

Bootstrap est un framework JS/CSS créé par Twitter afin de rapidement développer l’architecture d’un site web tout en ayant des pages enrichies.

Afin de montrer cela, nous allons prendre comme exemple la page d’accueil pour PHPOffice.

Par où commencer ?

Alternative au target= »_blank »

Progi1984 - Commentaires (0)

Après moults et moults recherches, j’ai trouvé comment en XHTML 1.1 remplacer le célèbre target= »_blank ». Vu que le XHTML ne supporte plus les pages en frames, l’attribut target de la balise est devenu désuet, et, du même coup, la fameuse valeur _blank qui lui était attribuée pour ouvrir une page dans une nouvelle fenêtre.
Pour résoudre ce problème, on peut utiliser le Javascript.L’exemple suivant ouvrira la page dans la fenêtre actuelle si les popups Javascript sont désactivés. Ainsi, on ne prive pas l’internaute du lien si son navigateur ne fait pas afficher les popups.

<a onclick="window.open(this.href, '_blank'); return false;" href="URL"> CONTENT </a>

Images, LightBox et JS

Progi1984 - Commentaires (0)

En préparation pour mon nouveau site, je recherchais un code simple, facilement modifiable pour afficher mes images mais à la lightbox…

Mais qu’est ce que c’est que « à la lightbox » ?
«Lightbox JS» est un script qui permet de superposer vos images à votre page active, avec un très bel effet de calque.

Où le trouver ?
A cette URL : http://lokeshdhakar.com/projects/lightbox2/

Mais d’autres projets sont allés plus loin en superposant des pages à la page en cours :

Pourquoi respecter les standards ?

Progi1984 - Commentaires (0)

Combien de fois m’a t-on posé cette question ? Et bien aujourd’hui, je vais vous répondre tout simplement.

Voici les différents points :

  • Code source plus léger donc plus clair et économie de bande passante
  • Meilleure accessibilité
  • Réduire les couts car un développement unique et non pour de multiples navigateurs
  • Référencement amélioré
  • Des sites plus jolis (enfin, ca dépend du CSS et du codeur)
  • Rétro-compatibilité

Astuce CSS : Afficher/Cacher du contenu

Progi1984 - Commentaires (0)

Via un petit code Javascript, je cherchais le moyen de switcher l’affichage d’un texte.