Twitter Bootstrap 3 vs Foundation 4

J’ai passé beaucoup de temps à comparer Bootstrap et Foundation Framework en vu de la refonte d’un important projet. Étant convaincu que Foundation était la meilleure alternative et je me suis réjouis qu’il passe à la version 4, une version « mobile-first ». Mais en y regardant de plus près, quelques changements important comme la fin du support de IE8 et l’utilisation de la librarie javascript zepto à la place de jQuery, m’ont fait me tourner vers Bootstrap 3, la nouvelle version du framework responsive de Twitter.

Résumé de quelques fonctionnalités que chacun a à offrir

Système de grille

Bootstrap 
960 pixels non-responsive ou multi-break responsive (mobile < 768px / tablette > 768px / écran > 992px et >1200 px)
Foundation 
Single-break responsive (768px).
Création d’une grille qui inclut 2 points de break et trois grilles (petit, moyen, grand) pour Foundation 5. Cette option peut commencer à être utilisée à l’avance en vue de la future version de Foundation.

Continuer la lecture de Twitter Bootstrap 3 vs Foundation 4

Responsive web design

Le responsive web design, que l’on pourrait traduire en français par « Design web adaptable à toutes les résolutions », est la tendance du moment en ergonomie pour les différentes tailles d’écrans des différents appareils connectés à internet. Les sites web construits de cette façon sont de plus en plus fréquents.
La plupart des utilisateurs d’internet se connectent de plus en plus depuis leur mobile ou leur tablettes, certains ne se servent même plus de leur ordinateur depuis qu’il ont investi dans un iPad ou autre. Il est donc plus que jamais nécessaire que les sites web soient accessibles sur tous les types d’écrans. L’accessibilité sur tous les écrans, ordinateurs, mobiles, tablettes et télévisions connectées, permet de maximiser son audience voir d’augmenter ses ventes, ou simplement d’offrir à ses visiteurs la lisibilité des articles, informations ou produits. Chacun a certainement déjà fait l’expérience de se rendre sur un site avec son mobile et de s’en aller immédiatement car la page d’accueil est illisible. Lire la suite…

Comment convertir un itinéraire Google Maps pour un Garmin Edge 800

Pour convertir un itinéraire Google Maps afin de l’utiliser comme parcours dans un Garmin Edge 800 il suffit de suivre les quelques instructions ci-dessous :

1. Mettre le lien de l’application dans vos favoris

Pour Firefox : il vous suffit de glisser le lien vers votre barre de favoris
Pour Internet Explorer : faîtes un clique droit sur le lien et cliquer sur « Ajouter aux favoris… »
Voici le lien : GMapToGPX (ça sert à rien de cliquer dessus)
La page du développeur : http://www.elsewhere.org/journal/gmaptogpx/ (en anglais)

2. Créez votre itinéraire dans Google Maps

Créez votre itinéraire dans Google Maps ou ouvrez un itinéraire enregistré. Restez sur cette page. Lire la suite…

Le web mobile

L’utilisations du web sur téléphone mobile à considérablement augmenté ces dernières années. Cela vient de la généralisation des appareils mobiles, iPhones, et autres smatphones, mais aussi des abonnements de données qui y sont associés. Les développeurs et concepteurs web ne peuvent plus se permettent d’ignorer ces technologies car d’après les statistiques environ 8% du trafic sur internet est d’origine mobile et ça ne cesse d’augmenter.

Dans les pays riches, l’évolution est alimentée par des connexions plus rapides et meilleur marché des services de données haut-débit mobile. Cependant, une forte augmentation a également été constatée dans les pays en voie de développement où les gens n’ont jamais acheté de PC, mais sont passés directement au mobile.

Lire la suite…