• Home
  • Nous contacter

Le blog d'Adfab

Le blog d'Adfab

Le blog d'Adfab

Le blog d'Adfab

Mikael L'HARIDON

Outils

Console2, un terminal pour les gouverner tous!

Console2, un terminal pour les gouverner tous!

Travailler en ligne de commande sur Mac/Linux est chose aisée pour certains, mais pour nous autres les PCistes, c’est une tout autre histoire!!

Je vous présente un petit outil bien pratique, plutôt destiné aux PCistes vous l’aurez compris, qui permet de centraliser tous vos shell (powershell, gitbash, putty, etc..).

LIRE LA SUITE
08/08/2014 BY: Mikael L'HARIDON
SHARE
LIRE LA SUITE
Mobile

Cordova / Phonegap: icônes et splashscreen sous Xcode 5

Cordova / Phonegap: icônes et splashscreen sous Xcode 5

Depuis la version 5 de xcode, Apple a mis en place une nouvelle façon de gérer les images, les catalogues d’images, ou « assets catalog ».

Par le passé, lors de projets cordova ou phonegap, la mise en place d’icones et de splashscreen n’a jamais jamais été simple:

  • plusieurs façons d’ajouter des icones/splashscreen 
  • complexités des différents tailles d’icones à chaque nouvelle version d’iOS.
  • l’ajout de   dans le config.xml fonctionne uniquement pour Phonegap Build.

Nous allons voir comment simplifier ces taches avec la nouvelle fonctionnalité d’Xcode 5.

LIRE LA SUITE
14/04/2014 TAGS: Apache Cordova BY: Mikael L'HARIDON
SHARE
LIRE LA SUITE
Mobile

Optimisations Phonegap / Cordova

Optimisations Phonegap / Cordova

Après plusieurs projets phonegap/cordova, et surtout « Synchronised« , le plus lourd en terme de contenus/animations/effets visuels, je vous présente une liste de techniques d’optimisations pour que vos applis restent fluides.

Cette liste peut s’appliquer à tout projet sur mobile/tablette, vu que les projets phonegap ne sont pas moins que des webapp encapsulés dans les moteurs natifs iOS/Android/Windows Phone/etc..

Ces optimisations font suite à l’excellent article de Jonathan Vallet sur les performances des applications Phonegap, même si certaines informations se recoupent.

LIRE LA SUITE
10/04/2014 TAGS: Apache Cordova BY: Mikael L'HARIDON
SHARE
LIRE LA SUITE
Mobile

Phonegap: Utiliser des polices systèmes

Phonegap: Utiliser des polices systèmes

Introduction

Pour pouvoir utiliser des typos personnalisées dans le web,  on a pour habitude de convertir les polices souhaitées (.ttf, .otf, etc…) en format web (.woff, .svg, .eot, etc..) et d’y accéder ensuite en css avec la propriété @font-face.

Suite à ces conversions, les typos générées sont souvent dégradées, et l’affichage n’a plus rien à voir avec les maquettes.

Je vais vous montrer comment inclure des polices « brutes » directement dans votre application Phonegap et les appeler dans vos feuilles de styles comme s’il s’agissait d’une police système (cf: arial, verdana, etc).

Pour cet article, le tutorial concernera uniquement les projets sur iOS, et a été testé avec des polices OTF et TTF.

LIRE LA SUITE
21/02/2014 TAGS: Apache Cordova BY: Mikael L'HARIDON
SHARE
LIRE LA SUITE
Mobile Outils

Inspecter un site sur Android depuis Chrome

Inspecter un site sur Android depuis Chrome

Lors du développement d’un site, que ce soit du côté front-end ou back-end, on ne peut se passer de l’« inspector » de nos navigateurs favoris. Mais quid de l’utilisation de ces outils depuis votre Smartphone ? C’est ce que nous vous proposons de découvrir au travers de cet article.

LIRE LA SUITE
03/02/2014 BY: Mikael L'HARIDON
SHARE
LIRE LA SUITE
Frontend

Unité de mesure CSS : REM

Unité de mesure CSS : REM

Tout le monde connait les unités de mesure traditionnelles dans nos fichiers CSS:

  • px: taille de l’élément fixée en pixels.
  • em: taille de l’élément fixée par rapport à celle de son élément parent.

Voici l’unité REM, une solution alternative qui propose une solution élégante à ces problématiques.

Tout le monde connait les unités de mesure traditionnelles dans nos fichiers CSS:

  • px: taille de l’élément fixée en pixels.
  • em: taille de l’élément fixée par rapport à celle de son élément parent.

Voici l’unité REM, une solution alternative qui propose une solution élégante à ces problématiques.

LIRE LA SUITE
31/01/2014 BY: Mikael L'HARIDON
SHARE
LIRE LA SUITE

A propos d’Adfab

Nous sommes un studio de production digitales et d’innovation digitales au service des agences et des annonceurs
Nous recherchons le scintillement dans les regards et le plaisir de réalisations sur-performantes
Nous sommes techno-agnostiques
Nous sommes Adfab

Le blog d'Adfab
Copyright © 2018 Adfab Connect