For a project I needed to get the events from a Google Calendar, as well as the colors from it. It’s been a pain, but after a couple of days I’ve been able to create a PHP page to do so. It will use the server-to-server auth mechanism. I’ll try to provide the different steps […]
Catégorie : Web Design
Autosize a text to fit into a div in pure/native JavaScript
I was looking for a very tiny and light solution to fit a text inside a box. The box’ height and width are fixed. I only found some great solutions like BigText but I didn’t want to have jQuery loaded. Finally I found some code on StackOverflow and also at Coderwall. I created my own […]
Gérer les évènements touch sur mobile [JavaScript]
J’ai un projet sur lequel j’ai deux évènements « mouseenter » et « mouseleave » gérés par jQuery (pour faire le « hover »), et je voulais un comportement similaire sur mobile. Pour ce faire, je voulais qu’un « tap » affiche ce que le « hover » affiche avec la souris, puis qu’un second « tap » permette d’accéder au contenu (comme un « clic »). La solution […]
Extraire une image d’un PDF [Astuce]
Pour extraire une image d’un PDF vous pouvez utiliser Photoshop…. ou Gimp ! Ce logiciel gratuit permet également d’extraire une image d’un PDF. Il suffit d’ouvrir le document PDF avec Gimp et il va vous proposer de choisir l’image à extraire. Simple et efficace.
Dynamically inject a CSS code into the page [JavaScript]
Mozilla created a function that permits to inject some CSS into the document: addStylesheetRules() But if you use jQuery you may want to use this function: function injectCSS(rule) { $(« head »).append(‘<style>’ + rule + ‘</style>’) } // example injectCSS(« div { padding:5px } »)
Simple Org Chart in HTML/CSS/JS for Sharepoint
In my job I’ve had to create an organizational chart on our Sharepoint. Find more on the Github Repository I opened for this little project: OrgChart-JS-Sharepoint
Obtenir une couleur plus sombre ou plus claire pour CSS [javascript]
EDIT du 22/05/2012 : il existe un site qui permet de trouver plusieurs dégradés à partir d’une couleur, et ça se passe sur http://0to255.com/ EDIT du 20/09/2012 : et voilà encore un autre site un peu plus intéressant que le précédent http://sassme.arc90.com/ EDIT du 25/09/2012 : une autre fonction/méthode plus légère est disponible tout en […]
Datepicker pour Bootstrap [Javascript]
Edit 5/04/2012 : d’autres personnes ont fait comme moi, et vous pouvez trouver leur repository sur https://github.com/eternicode/bootstrap-datepicker — ils ont corrigé les mêmes bugs visiblement et ont ajouté quelques petites choses comme le support i18n (internationalisation du format de la date) J’ai découvert un datepicker qui utilise l’excellent Bootstrap de Twitter (vous savez c’est un […]
CSS3 PIE pour créer un border-radius sur IE [webdesign]
Si vous cherchez à faire un border-radius sur un vieux IE vous avez dû vous rendre compte que cela ne fonctionne pas… mais heureusement il existe CSS3 PIE qui est un « petit » fichier qui va permettre de créer l’effet désiré ! A noter cependant que je rencontre un problème : lorsque j’applique le fichier htc […]
Réduire la taille d’une web font et bien plus encore…. [bookmark]
Le site FontSquirrel propose un outil très puissant qui va vous transformer votre font en tous les formats (woff, eot, ttf, svg, …), mais il vous propose aussi de réduire la taille de votre font pour une utilisation Web (ce qu’on nomme le « subsetting »). Par exemple si vous n’allez avoir besoin que des chiffres, il […]