Le design plat, connu également sous son nom anglais de flat design a dû attendre des décennies avant d’avoir enfin son moment de gloire. Connu déjà dans les années 1980, il n’a gagné une véritable popularité qu’en 2010, après le lancement de Windows Phone 7 par Microsoft.

Vous avez certainement connu ces boutons pour « Copier dans le presse-papier » utilisant pirouette en Flash pour passer outre un blocage de sécurité de nos navigateurs ? Avec l’évolution des API en JS et l’écoute de la demande des développeurs, il est possible depuis maintenant quelques temps de le faire en JS, nativement.

Une grosse dose d’inspirations accumulées ces dernières semaines pour couvrir plein de points différents vous sera servie dans cet article. Du JavaScript (speech API, animations, outils d’upload, etc.) et des outils bien pratiques pour les indépendants (facturation, template, etc.) sont également présents dans ce nouveau listing.

Cela faisait un petit moment que j’avais envie de monter un peu en compétences et d’apprendre à « gérer » un serveur par moi-même. Comme je n’avais pas envie de me lancer tête baissée dans l’inconnu, j’ai profité de conseils de l’un de mes collègues pour le suivre dans ses tests.

Petite sélection pour l’été avec, une fois n’est pas coutume, pas mal de JavaScript, quelques éditeurs de sites statiques basés sur du Markdown ainsi qu’un éditeur de .MD vraiment sympa. Autrement : icônes, animations CSS et SVG pour votre inspiration et motivation. À vous de jouer et bonne lecture !

Cela faisait un petit moment que je ne vous avez pas proposé de concours sur Creative Juiz. Aujourd’hui c’est Tuto.com qui vous propose de profiter de vos potentielles vacances (ou moments de calme dans vos projets) pour parfaire vos compétences grâce à un abonnement illimité en tutoriels vidéo pendant 3 mois.

J’ai eu la chance de lire la version Française de Designing for touch de l’excellent Josh Clark : Design Tactile, des éditions A Book Apart traduit par Eyrolles. (Charles Robert) Le numéro 14 des A Book Apart se concentre sur les problématiques rencontrées par les designers (et intégrateurs également) sur les terminaux tactiles.

Une fois n’est pas coutume : cette sélection est pleine de ressources JS, avec des liens vers des sites faisant un listing d’autres ressources JS, de quoi vous en mettre plein la panse ! Mais également des fontes, des icônes, des plugins WordPress et des astuces en HTML et CSS.

Firefox supporte certaines fonctionnalités que j’ai hâte d’utiliser en production, mais qui ne sont, à l’heure d’écriture de ces lignes, pas supportées par Chrome, ni Opera. Prenez donc cet article comme une invitation à motiver les autres navigateurs à aller de l’avant, et également comme une possibilité de faire de l’amélioration progressive dans certains cas.

Jour pour jour, il y a un an, j’entamais ma première journée chez WP Media. Une journée pleine d’excitation, mais également pleine de doutes et de peurs. Mais ce sont des sentiments agréables qui vous prouvent que vous êtes vivant. Retour sur cette première année et premier témoignage d’un travailleur à distance.

Les blogs sont un lieu d’expression que j’apprécie : des gens écrivent des articles, d’autres répondent et réagissent par l’intermédiaire de commentaires, plus ou moins constructifs (comme l’article en fait). Ce lieu d’échange permet d’enrichir une communauté ou un sujet, sauf quand la censure vient casser cette synergie. C’est ce que WP Marmite a fait aujourd’hui.

Une sélection avec pas mal de ressources et articles sur les sujets : CSS, animations, Flexbox, des outils vraiment super pratiques, des plugins WordPress à venir et existants qui vous simplifient la vie, de beaux PSD et des fontes et icônes vraiment sympa. Je vous laisse découvrir tout cela.

Le service de livraison sur un site e-commerce, c’est un peu comme le système de paiement, il en existe plein, avec des offres plus ou moins adaptées. Au plus simple vous faites avec l’existant (votre banque, La Poste), par « défaut », ou vous cherchez le service idéal. Upela vous propose des modules pour comparer les offres des transporteurs pour vos livraisons.

Le 18 février dernier est sorti le dernier bouquin de Raphaël Goetter sur un aspect cette fois très précis de CSS : Flexible Box Layout Module (alias Flexbox). L’objet de ce bouquin est de démystifier le module en tentant une explication point par point, et surtout en plongeant le lecteur dans des cas concrets.

Vous connaissez certainement cette fonctionnalité un peu bizarre sur smartphone qui bloque l’action durant un certain temps (350ms) lorsque l’on tapote sur un élément ? Il existe pas mal de techniques en JS pour éviter ce délai, mais ça n’est pas toujours sans effet de bord… Il est possible de le faire en CSS désormais !

Nouvelle sélection pour cette presque fin de semaine. J’ai écarté dans cette sélection certains outils « en vogue » comme balloon.css qui pour moi n’apportent aucune nouveauté et affichent même bien trop de problèmes d’accessibilité. Petit ajout de la section « s’il fallait n’en retenir qu’un » inspiré du blog de Stéphanie.

Après un petit article sur l’effet vintage en CSS, voici une autre idée de l’exploitation des filtres CSS sur vos images grâce à la création d’un effet lomographie. Cet effet a tendance à augmenter les contrastes et la saturation des couleurs de la photo elle-même, ou d’un dégradé de couleurs, et peut parfois proposer des fusions d’images (par double exposition).