Archives pour la catégorie Infographisme

Ici on parle de :
# Création de chartes graphiques sous Adobe Photoshop
# Intégration et découpe aux normes W3C
# Blender
# Ilustrator

et bien d’autres…

Raspberry PI ~ 16 : Mieux comprendre les pins avec Raspin’s

Ce post est le seizième d’une liste de tutoriels sur le raspberry PI, cliquez ici pour accéder au sommaire ! :D

J’ai vu l’autre jour sur le site du raspberry PI, la raspberry Leaf, une petite idée ingénieuse qui consiste à créer un modèle de feuille à imprimer et découper, superposable au rasberry PI pour indiquer ses numéros de pin: Lire la suite

ToyCon, convertisseur png–>ico

Qui n’a jamais galéré pour convertir correctement une bête image .PNG en fichier .ICO et vice et versa sans avoir de rendus horribles, de problèmes de tailles etc… ? Lire la suite

SpriteGenerator.exe : un générateur de sprite css simple et efficace

Si vous développez des sites webs au quotidien, vous avez surement déjà été amené à utiliser la technique dites des ‘sprites‘ introduite par notre amis google il y a longtemps dans le but d’alléger le chargement des pages en diminuant le nombre de requêtes effectuées sur les images.

 

Petit rappels grossier sur le principe du sprite (pour les débutant) :

La technique : il s’agit de rassembler toutes vos petites images en une seule grosse et ,via la propriété background-position en css, de cibler l’image qui vous intéresse dans cet agglomérat d’images.
L’intérêt : Le fait de rassembler toutes vos petites images en une seule permet à votre navigateur de ne faire qu’une requête vers l’image au lieu de 2,14,30 … ce qui améliore considérablement le temps de chargement de vos pages
L’inconvénient :  Ce travail est très fastidieux pour le développeur qui devras mettre en place et maintenir le css et les images, cela nécessite de nombreuses lignes de css calées au pixel près et la modification constante d’une image unique à chaque coups de vent.

Exemple : 

 

 

La solution proposée par le logiciel SpriteGenerator

Sprite générator vous propose de renseigner le chemin vers votre dossier image et…

de s’occuper du reste : création du fichier css du sprite, création de l’image avec les bon calage et un gain de place maximum.

 

Cela fait longtemps que je cherche un logiciel de ce type, il en existe beaucoups, notamment en services web, mais ils comportent de nombreux inconvénient (comme le fait de demander à l’utilisateur de caler lui même ses images, on perd un peu l’interet de l’outil), Sprite générator reste encore mon outil favoris aujourd’hui :).

 

A tester de toute urgence.

Dropcenter : la vidéo de présentation des futures fonctionnalités

J’ai l’honneur de vous informer (pour ceux que ça intéresse) que la vidéo de présentation du dropcenter existant ainsi que quelques fonctionnalités à venir est disponible sur la vitrine à cette adresse :

 

http://dropcenter.idleman.fr/#demonstration

 

En espérant que  la voix de canard castrato offert par mon piètre micro ajoutée à mon manque flagrant de talent pour présenter un produit ne vous empêchera pas d’apprécier cette vidéo et de me retourner vos commentaires ici ou ailleurs.

Le bordel de l’info #6

Fidèle à mes précédents posts de la même rubrique-de-la-mort-qui-fait-gagner-du-temps-au-blogueur, et nostalgique de la défunte rubrique « En vrac » de SebSauvage, je vous offre aujourd’hui une #6 eme édition du bordel de l’infos :

 

  1. Vous ne pouvez pas vous résoudre à accepter la mort de flash ? Vous pensez encore qu’il excelle dans des domaines ou html5/javascript ne peux le remplacer ? Et bien matez plutôt ça. Ce me rend nostalgique du bon vieux pageFlip.swf de 2mo lourdeau et peu paramétrable de l’époque.

  2. Balèze, une librairie javascript qui peux parser un fichier photoshop (psd), à tester :).
  3. Ultra pratique, un désinstalleur de programme en deux clic (s’affiche dans le menu contextuel de la souris)
  4. Est-ce que vous confiriez vos albums photos de famille (Picasa), votre téléphone portable (Android, Google Contacts), la clef de votre boite aux lettres (Gmail), votre agenda pro et des enregistrements de toutes vos discussions entre amis (Google Agenda et Google Plus) à une société qui siège à 10.000km ou 5 mètres de chez vous ?  Mangetamain répond à cette nébuleuse question avec humour et une certaine hargne :)
  5. Je suis en train de refaire une petite beauté à mon shaarli, évidemment pour le moment ça n’est pas jojo dès qu’on se met a gratter l’interface mais ça viendra :), merci seb, et merci rainTPL.

  6. La nouvelle mode : Les solutions de déploiement rapide de projets web.Encore des outils pour fainéants qui vont bien me plaire.
  7. A l’approche de la sortie de sa v1.0 stable, Dropcenter s’offre un petit screencast gracieusement créé/hébérgé par le service screenr (une tuerie ce truc).

C’est tout pour cette 6eme édition du bordel de l’info, je sais c’est court mais que voulez vous c’est la crise (et c’est plutôt cool puisque visiblement c’est un terme qui  excuse tout)

Bear Css : un outil génial pour les feignasses !!

En parfaite feignasse du CSS que je suis (et c’est peu dire), cela fait longtemps que je suis à la recherche d’un programme qui reporterait mes « id= » et mes « class= » directement dans le css sans avoir à faire un nombre incalculable de copier/coller de ma page html vers ma page CSS.

 

Hé bien je crois avoir trouvé mon petit bonheur de site : 

 

 

http://bearcss.com/ vous demande simplement de lui envoyer votre fichier html, il se charge du reste et vous renvoie un css contenant :

 

  1. Les noms de vos balises importantes
  2. Les nom de vos classes
  3. Les nom de vos id
  4. Le tout séparé en types par des commentaires

 

Ça n’a l’air de rien comme ça, mais moi, c’est le genre de gadgets qui me sauvent la vie :p, merci bear css !!

Snippet #16 ~ PHP : Récupérer la couleur dominante d’une image

Voila un petit snippet pratique pour ceux qui souhaitent gérer par exemple une galerie photo en triant les images par couleurs approchantes.

Ce snippet étudie les images point par point et définis la couleur dominante de l’image:

 Nb : ne fonctionne que pour les png, si vous souhaitez du jpeg, remplacer imagecreatefrompng par imagecreatefromjpg etc…