Articles de Geoffrey Crofte

Noël approche rapidement et ça serait bien dommage de ne pas vous offrir un petit quelque chose. Grâce à Tuto.com, des cadeaux sont prêts et n’attendent que vous ! Vous pourrez ainsi parfaire vos compétences grâce à 3 abonnements illimités en tutoriels vidéo pendant 1 mois !

Mon temps de veille était assez réduit ces dernières semaines, mais voici malgré tout une sélection d’articles, astuces et ressources, avec pas mal de JS pour enrichir vous sites web ou web app, quelques effets sympa en CSS et une flopée d’outils, ressources et liens d’inspirations pour vous accompagner dans vos créations graphiques.

Anglais ou Français ? Je me suis posé la question de la langue à utiliser pour cet article, puis avec le recul j’ai remarqué que le sujet concernait beaucoup plus les Français. C’est le cas de ma propre expérience en tout cas. Je vais vous parler d’argent et de transparence.

La mode des dégradés revient ces derniers temps. Depuis presque un an déjà les Long/Big Gradients en fond d’éléments sont de mise, souvent en fond de page de votre application ou site web. Qu’ils soient linéaires, radiaux ou complètement abstraits, je vous présente quelques idées d’utilisation et le code CSS qui va avec, grâce à l’utilisation de linear-gradient() et radial-gradient(), notamment.

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 !