Archive

Articles taggués ‘CSS’

Les bonnes pratiques du Web à Kiwi Party

Bientôt la Kiwi Party 2016 !!!

En attendant d’assister à la prochaine session, je vous propose un petit rappel de ce qui s’est dit lors de la conférence précédente.

Nous étions 250 participants, lors de l’édition 2015 qui s’est tenue à l’Escarpe à Strasbourg le 19 juin dernier. La conférence était organisée par l’agence Web Alsacréations (Strasbourg).

Cette journée était rythmée par 11 conférences de 20 minutes sur la conception Web et ses bonnes pratiques.

Divers sujets ont été abordés : les icon-fonts versus SVG sprites, la conception et l’utilisation des personas, le debug d’applications web via le nouvel outil vorlon.js, la présentation du phénomène hackathon, le responsive côté serveur, etc.

Zoom sur deux conférences

Pour vous donner un aperçu des sujets abordés lors de cette journée, voici un focus sur deux conférences que j’ai particulièrement appréciées :

Lire la suite…

On aime, on partage #55

Bienvenue dans la série « On aime, on partage » de Viseo Technologies ! Chaque semaine retrouvez les meilleurs articles du web issus de notre veille technologique.

Web & Mobile

La spécification HTTP/2 approuvée

Les travaux démarrés en 2012, sur la base du protocole SPDY de Google, viennent d’aboutir avec validation des spécifications HTTP/2 et HPACK (Header Compression for HTTP/2). Et maintenant, qu’est ce que cela va changer ? Nous avons déjà mentionné lors d’une précédente revue de presse l’annonce de Google d’abandon du support de SPDY, vous trouverez plus d’informations sur le site publié par l’IETF et notamment les informations sur la prise en charge par les navigateurs mais également les implémentations existantes.

Testez vos sélecteurs CSS

CSS Diner est un petit jeu ludique en ligne vous permettant d’apprendre (ou réapprendre) les sélecteurs CSS.

6to5 devient Babel

Le transpiler 6to5, très jeune puisqu’il a été initié en septembre 2014, se proposait de traiter la problématique d’écriture du code compatible ES6 pour par la suite en obtenir une version ES5, permettant ainsi aux développeurs de travailler immédiatement avec les futurs standards sans se soucier des contraintes de compatibilité.

Lire la suite…

On aime, on partage #2

Bienvenue dans la série « On aime, on partage » d’Objet Direct ! Chaque semaine retrouvez les meilleurs articles du web issues de notre veille technologique.

Web :

Learn CSS layout

Benjamin MARRON – Agence Lyon

Pour toux ceux qui veulent approfondir ou confirmer leurs compétences dans ce domaine, ce joli tutoriel reprend les fondamentaux de ces fonctionnalités utilisées dans tout site web.

http://learnlayout.com/


Comparaison des frameworks JavaScript

Andriy Mandyev – Agence Paris

Comment choisir le framework JavaScript le plus adapté à mes besoins ? Voici la comparaison des 4 frameworks avec lesquels l’auteur a pu travailler : Angular, Backbone, CanJS et Ember. La comparaison est faite selon les critères de fonctionnalité, flexibilité, facilité d’apprentissage et documentation, productivité, communauté, écosystème, taille, performance, maturité et sécurité, avec une note allant de 1 à 5 pour chaque critère.

http://sporto.github.io/blog/2013/04/12/comparison-angular-backbone-can-ember/


Développement


TDD : une démo en 10′ ?

Clément Plantier – Agence Grenoble

Xavier Nopre à récemment présenté aux Human Talks de Grenoble une démonstration de TDD (Test Driven Development) en 10 minutes. A la suite de cette présentation, il a réalisé une vidéo afin de partager sa démonstration au plus grand nombre. Il y présente brièvement les trois cycles du TDD (écriture des tests, implémentation, refactoring) avec un exemple simple. A regarder par tout novice qui souhaite se familiariser rapidement avec le TDD.

Retrouvez la vidéo sur le blog de Xavier Nopre : TDD : une démo en 10′ ?


Tri par Interclassement Monotone

Benjamin MARRON – Agence Lyon

Cet article présente un algorithme de tri méconnu qui s’adapte particulièrement aux listes partiellement triées. Il a été élaboré au moment où les données étaient encore stockées sur des bandes magnétiques et reste toujours d’actualité pour pallier à certains cas d’utilisation du fameux QuickSort. Une belle leçon d’algorithmie.

http://blog.developpez.com/todaystip/p11899/dev/tri-par-insertion-monotonie

 

 

Agilité :


Scaling Agile At Spotify: An Interview with Henrik Kniberg

Raphaël Brugier – Agence Paris

Henrik Kniberg, l’auteur du très pratique guide “Scrum depuis les tranchées”, revient dans cet interview sur l’organisation chez Spotify.

Ces 3 dernières années, l’entreprise de streaming audio a connu une croissance exceptionnelle non seulement de ses utilisateurs mais aussi de ses développeurs, passant de 30 à 250 personnes. Une telle croissance représente un défi pour garder l’état d’esprit agile que Spotify a résolu en organisant ses équipes sous formes matricielle. Chaque équipe (squad) est dédiée à sa fonctionnalité propre, le partage de connaissance entre les équipes étant assurées par des “chapters”.


En plus de l’interview, Spotify a publié deux documents très intéressants présentant en détail cette organisation. Scaling agile at Spotify et How Spotify builds products


Retrouvez l’interview sur InfoQ : http://www.infoq.com/news/2013/04/scaling-agile-spotify-kniberg


Tribune libre :

how-can-you-program-if-youre-blind

Benoît Parmentier – Agence Paris

Plusieurs développeurs aveugles présentent leur environnement de travail. Leur aisance à travailler avec différents langages et IDE est assez impressionnante !

http://stackoverflow.com/questions/118984/how-can-you-program-if-youre-blind


9 conseils pour être totalement improductif

Benjamin MARRON – Agence Lyon

Un peu d’ironie pour appuyer là où ça fait mal. :)

http://www.presse-citron.net/9-conseils-pour-etre-totalement-improductif


Gmail : 9 ans déjà

Jean-Philippe LETARD – Agence Paris

Vous souvenez-vous du lancement de Gmail ? Il fallait se faire inviter pour pouvoir profiter de ce service de mail qui offrait un espace d’un gigaoctet… Révolutionnaire à l’époque : c’était il y a 9 ans. Souvenons-nous des nombreuses évolutions de ce service à travers une petite infographie proposé par le blog de Gmail.

http://gmailblog.blogspot.fr/2013/04/gmail-9-years-and-counting.html

Devoxx 2013 – Les quickies d’OD

Du 27 au 29 Mars, Objet Direct était présent à Devoxx France à Paris. C’est un rassemblement de développeurs / décideurs du monde Java principalement, mais on peut aussi y croiser des passionnés de JavaScript, Ruby et des différents langages qui fonctionnent dans la JVM (Ceylon, Scala, Groovy …)

Plusieurs formats de conférences sont accessibles pendant les trois jours. Le format classique, des conférences d’une heure, des « labs » (trois heures pour découvrir un outil, un framework, un langage), mais aussi des « quickies » , des présentations au format court de 15 minutes, pendant la pause déjeuner.

Trois consultants de Objet Direct ont été sélectionnés pour présenter des quickies, voici leurs retours.

Lire la suite…

Optimisation site web coté client

La plupart du temps lorsque l’on parle d’optimisation, on pense optimisation côté serveur : requêtes SQL, webservices, batchs…etc. En règle générale L’optimisation a pour but soit un gain de ressources (processeur, mémoire…etc.), soit une amélioration du temps de réponse aux requêtes de l’utilisateur. Cependant pour un site web, ce « ressenti » utilisateur ne dépend pas uniquement de l’optimisation côté serveur, mais également – trop souvent négligé – de celle côté client.

 

Yahoo a créé une page pour les « bests practice » :

http://developer.yahoo.com/performance/rules.html

 

Je traiterais donc principalement dans ce billet la gestion du nombre de requêtes, et notamment l’agrégation et le compactage du code JavaScript et CSS. Je reprendrais donc dans cet article le code source d’un précédent billet (http://blogtechno.novediagroup.com/site-web-statique-avec-internationalisation/), que je tenterais d’améliorer ici :

  Lire la suite…

Site web statique avec internationalisation

J’ai eu récemment le besoin de faire un site statique (HTML / CSS / JavaScript), tout en gérant l’internationalisation.

Une des méthodes employée dans ce cas consiste à créer une URL par langue, avec une page HTML par langue. Je ne trouve pas cette méthode appropriée, car cela signifie maintenir un même « template » de page sur plusieurs fichiers (1 par langue).

 

La méthode que j’emploie ici utilise le JavaScript:

  • Un fichier JavaScript par langue, pour tous les textes à traduire au format classique « clef:valeur » (Format JSON)
  • Une bibliothèque JavaScript qui effectue la traduction en utilisant les fichiers précédents (et gérant les « arguments » pour la traduction)

Lire la suite…

Categories: Web Tags: , , ,

Microsoft fournit un toolkit pour le référencement de sites Web

Voici un outil qui parait fort intéressant : SEO Toolkit

Au-delà de la « simple » validation HTML/CSS, cet outil simule un moteur d’indexation et fournit différents rapports : liens cassés, taille des pages et temps de chargement, répétitions de titre …

L’annonce de Henry Hahn.

Categories: Outillage Tags: , , ,

Compatibilité HTML, CSS et autres technologies web

Vous vous êtes tous déjà cassés la tête pour savoir si tel ou tel « feature » allait fonctionner dans tous les browsers du marché (IE, Firefox, Chrome, Opera, Safari).

Voici le lien qu’il vous faut : matrice de compatibilité technologies web. HTML5, CSS2 et CSS3, DOM, SVG et pleins d’autres technologies y sont examinés sous l’angle de leur fonctionnement sur les browsers passés, actuels et futurs.

Categories: Outillage Tags: ,