Arnaud&Ko, création de sites web freelance

Arnaud&Ko

Le blog

Le site MapBox permet de générer des cartes interactives pour les afficher où l’on souhaite. L’avantage est que ces cartes sont entièrement personnalisables. C’est le service que j’ai utilisé pour afficher des cartes en fond sur mon site, dans la partie Contact / Demande de devis.

On peut facilement choisir la palette de couleurs de la carte, choisir les détails qui s’affichent ainsi qu’afficher une surcouche de données par dessus la carte. Les fonds de carte sont basés sur OpenStreetMap, le service de cartographie libre. Les cartes peuvent être utilisées sur des sites web desktop, mobile, et dans des applications (iOS et Android).

blog-mapbox

Sur le site de MapBox, on retrouve des jolis exemples d’utilisation de leur service de cartes : 1940sNewYork, FourSquare (oui toutes les cartes de FourSquare utilisent MapBox !), le Monde ou l’application iPhone Morning.

MapBox propose des tarifs allant de Gratuit à $499 / mois !

 

La découverte du jour : Pexelsblog-pexels1

C’est une site de stock photos, complètement gratuites, libres de droits et utilisables également de manière commerciale. Toutes les photos sont sous licence CC-0. Il y a actuellement quelques 900 photos disponibles sur le site.

En soi, cela reste une bonne adresse à mettre de côté !

Petit article pour annoncer la mise en ligne du site de présentation de l’ENT One. L’Espace Numérique de Travail One est un ENT à destination des écoles primaires. Il a été conçu et est porté par WebServices pour l’Éducation.

one-blog

Le site fonctionne avec un moteur WordPress. J’ai pu y réaliser le design, l’intégration HTML5 / CSS3 / jQuery ainsi que la configuration du CMS.

Pour inaugurer cette catégorie, voici une petite sélection de 2 web designs et de 2 typographies qui m’ont bien plu cette semaine.

Webdesign : Kano.me

inspiration1-kanoKano.me est le site d’un projet Kickstarter. Le design utilise des aplats de couleur (flat design)  et le scroll pour déclencher les animations. J’apprécie également les illustrations ainsi que la typo utilisée (Bariol)

Webdesign : Snapshots of Provence 2013

inspiration1-marseilleLe site Snapshots of Provence 2013, réalisé pour le compte de l’office du tourisme de Provence, permet  la mise en avant de lieux provençaux. La qualité des images, la navigation, la clarté du site ont fait que ce site mérite sa place dans cette article ! Ici la typo utilisée est gratuite : MostraOneBoldRegular.

Typo : Kankin

inspiration1-kankin

Une typo sans-serif, à utiliser principalement pour les titres. En plus d’être sympa, elle est gratuite !

Typo : Mission Script

inspiration1-mission-scriptUne typo script, qui permet de changer un peu de la Lobster, qu’on commence à voir un peu partout ! Elle est disponible sur Losttype, potentiellement gratuitement, on donne ce que l’on veut pour récupérer les fichiers.

 

 

Récemment, j’ai travaillé à la génération de tickets électroniques. Afin de les valider à l’entrée, il a été choisi d’y ajouter des QR Codes. qr code

En effectuant quelques recherches, je suis tombé sur une page de l’API de Google Charts qui permet une génération ultra-simple de QR Codes. Tout est basé sur une simple URL avec uniquement quelques paramètres à modifier, pas besoin de s’authentifier, s’enregistrer, ni besoin de récupérer une API key quelconque !

Comment générer un QR code ?

https://chart.googleapis.com/chart?cht=qr&chs=120×120&chl=Hello%20World&chld=L|0

Les paramètres :

  • cht : le type de chart que l’on veut, ici ce sera donc toujours ‘qr’
  • chs : la taille du qr code que l’on veut, au format longueurxhauteur
  • chl : le contenu du qr code, peut être une chaîne de caractères ou une URL
  • chld : contient 2 paramètres, séparés par un pipe : la valeur de la redondance (‘L’, par défaut) et la marge, exprimée en nombre de colonnes

C’est à peu près tout ce qu’il y a à savoir pour générer des qr codes à la volée ! C’est ultra simple et ça ne nécessite pas l’installation de librairies PHP ou l’installation de modules Apache.