Étiquette : 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 […]

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.

Breadcrumb / steps in CSS that works from IE8 [CSS]

I was looking for a simple code for a step by step process indicator. I found a few things, but everyone seems to have forgotten about IE8… I need to support this old browser at work. So I did my own that I’m sharing here: File Uploaded → File Reviewed → File Approved And the […]

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 } »)

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 […]

Emuler Internet Explorer de Windows Mobile [Web Design]

[niveau: intermédiaire] Pour tester la version mobile d’Internet Explorer il vous faut installer tout un attirail : – Virtual PC 2007; – Gestionnaire pour appareils Windows Mobile 6.1; – 040C/Windows Mobile 6 Professional Images (FRA).msi (attention de bien prendre la version PROFESSIONAL). Une fois tout cela installé, il faut procéder à plusieurs étapes : Dans […]