Blog Informatique

Utiliser tous les filtres Instagram avec du CSS

Javascript et Css   Réagir »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

Les effets sont disponibles depuis de nombreuses années sur les logiciels de retouche d'image. Paint Shop Pro, Photoshop, Photofiltre... mais personne ne les utilisaient car le résultat était souvent trop kitch, trop déstructurant ou trop peu naturel.

cssgram

L'arrivée d'instragram a démocratisé le phénomène. Plus besoin de maitriser la vibrance, le gamma et ou les niveaux pour arriver à un résultat qui embellit un cliché. La qualité des capteurs dans les smartphone n'y est pas pour » Lire la suite

Créer un bookmarklet d’accès à un backend

Javascript et Css   2 réactions »
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), moy. : 1,00 sur 5)
Loading...

Je crée parfois des scripts de traitement PHP à titre personnel. Ils sont très efficace mais souvent dépourvus de formulaires, j'utilise alors souvent la barre d'URL pour passer les paramètres (variables) nécessaires.

bookmarklet

Plutôt que de modifier à la mano l'URL j'utilise un bookmarklet. » Lire la suite

Comment tout centrer en CSS

Javascript et Css   2 réactions »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

On peut penser que centrer un élément en CSS est simple. Et pourtant la propriété vertical-align ne fonctionne qu'avec les éléments en ligne (inline), pas avec les éléments de type bloc (block).

centrer-css

Mais ça, c'était avant. » Lire la suite

Comment minifier rapidement un fichier source CSS

Javascript et Css   Réagir »
A ce point ?PassableIntéressantYeahExcellent! (3 vote(s), moy. : 3,67 sur 5)
Loading...

Minifier signifie réduire la taille d'un fichier source en le compactant : suppression des espaces, , commentaires, indentations, sauts de ligne, etc. Il existe des plugins pour minifier votre code CSS, chez WordPress notamment

css-minifier

Personnellement j'estime que mon CSS n'évolue que très peu et qu'il n'est pas forcément utile d'ajouter un plugin juste pour ça. Je préfère le faire à la main grâce à un site très pratique » Lire la suite

[jQuery] Comment présenter un site en mode « pas à pas »

Javascript et Css   8 réactions »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

Parce qu'il n'est pas si simple de faire un site ergonomique et logique, le plugin jQuery aSimpleTour est fait pour vous.

Ce plugin peut-être utilisé pour faire de la formation, présenter une nouvelle interface, une webapp interne ou encore un webservice.

Le plugin utilise jSon c'est vous qui choisissez les annotations que vous » Lire la suite

KNACSS : un framework CSS qui a du style

Javascript et Css   12 réactions »
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), moy. : 5,00 sur 5)
Loading...

KNACSS est un framework CSS, proposé par Raphaël Goetter et l'agence Alsacreations que l'on ne présente plus. Diffusé en licence libre CC-BY vous êtes libre de l'utiliser comme bon vous souhaite tant que vous respectez la licence.

Il peut servir comme base commune à vos » Lire la suite

Générateur de logo de chargement en CSS3

Javascript et Css   6 réactions »
A ce point ?PassableIntéressantYeahExcellent! (2 vote(s), moy. : 3,00 sur 5)
Loading...

Voilà un générateur de barre de chargement que vous pouvez utiliser dans vos scripts Ajax, jQuery ou tout autre application web.

A la différence des autres générateurs, celui-ci ne génère pas une image gif mais du CSS3. Ce qui implique d'utiliser un navigateur compatible.

CSSLoad

Via

7 solutions pour utiliser des polices exotiques sur un site

Javascript et Css   7 réactions »
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), moy. : 5,00 sur 5)
Loading...

Le choix des polices d'écriture (font en anglais) dans la conception d'un site est assez restreint, voir standardisé.

Si vous utilisez une police qui n'est pas présente sur l'ordinateur de vos visiteurs elle sera remplacé par une autre (que l'on peut définir grâce au css), ce qui constitue une contrainte pour le webdesign.

Plusieurs solutions de contournement existent pour utiliser la police de votre choix, je vous en présente 7. » Lire la suite

Installer la recherche OpenSearch sur votre blog WordPress

Javascript et Css   15 réactions »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

OpenSearch (à l'origine A9 chez Amazon) permet de créer un moteur de recherche rapide WordPress pour Firefox, à droite de la barre d'adresse, comme le populaire moteur Google.

Une fois ce moteur ajouté il est possible pour l'utilisateur de rechercher rapidement sur votre blog WordPress, c'est le cas sur Blogmotion vous pouvez essayer.

Voici comment intégrer facilement OpenSearch à votre blog WordPress. » Lire la suite

Charger des images à la volée (on scrolling)

Javascript et Css   20 réactions »
A ce point ?PassableIntéressantYeahExcellent! (6 vote(s), moy. : 4,17 sur 5)
Loading...

Si vous hébergez vos images sur votre serveur et que celles-ci sont nombreuses, votre serveur peut fortement ralentir la cadence d'envoi de ces images à cause de la bande passante nécessaire. Si votre blog/site rencontre une forte affluence, les visiteurs auront tendances à partir en courant si vos images, et donc vos pages sont trop longues à charger (des études l'ont prouvé).

Une page comportant un nombre important d'image est longue à charger et c'est d'autant plus vraie sur les configurations légères (ultra-portable et mobiles). La raison est simple : toutes les images sont chargées d'un coup d'un seul.

La solution : le lazy load

Lazy signifie paresseux (ça y est vous comprenez l'image d'illustration:) ). » Lire la suite