Wareteam » Trucs et astuces

Recadrer une image avec imagemagick sous eZpublish

admin — Thu, 15 Jul 2010 10:31:56 +0000

Bonjour,

On a besoin de temps en temps de centrer une image, qui est réduite, dans un bloc. Soit on fait appel au CSS avec des hauteurs fixes, soit on fait appel au javascript sachant que le JS peut être appelé avant que l’image soit chargée, du coup le JS ne peut pas lire les dimensions de l’image pour un centrage correct.

Le problème est facile à résoudre sous ezpublish en utilisant imagemagick pour recadrer l’image à l’intérieur d’une autre image qui elle a des dimensions fixes.

Créer une image au format png (transparent, couleur, ou avec un motif) et placer ce fichier dans votre design

ex: /extension/tonextension/design/tondesign/images/vide.png

Ensuite modifier le fichier image.ini.append.php dans votre répertoire settings/override

[ImageMagick]
# Ça permet de créer un calque avec une gravité au centre
Filters[]=composite=-gravity center -composite extension/tonextension/design/tondesign/images/vide.png 

[AliasSettings]
AliasList[]=monlogo

[monlogo]
Reference=reference
#redimensionner
Filters[]=geometry/scaledownonly=largeur;hauteur
# applique le filtre et balance logo_adherent_home dans le calque en suivant la gravité
Filters[]=composite

Il se pourrait que les images téléchargées soient en mode CMYK, et ceci causera un problème d’affichage sous Internet Explorer 6. Pour les convertir en RGB, vous pouvez créer un filtre :

Filters[]=colorspace=RGB

et pour réduire le poids de ton image pour une meilleure optimisation, il suffit d’ajouter le filtre suivant:

Filters[]=optimize

Voila tout, et n’oubliez pas de vider les caches

Nb : Cette manipulation ne fonctionne pas avec la version 6.3.7 d’imagemagick

Pour verifier la version d’IM en ligne de commande : convert -version

Bon recadrage

Photo de l’équipe qui a bossé sur le projet Zend Studio 5.5

admin — Tue, 21 Jul 2009 20:11:28 +0000

Dans un moment de réflexion pour résoudre un bug, j’ai tapé sur le clavier n’importe comment sur Zend Studio alors un pop-up s’est ouvert. Au début je pensais à un pop-up publicitaire sur mon FF ensuite je me suis aperçu
que c’était une fenêtre modale du Zend IDE. J’ai réussi à reproduire les touches que j’ai tapé par hasard que voici :
CTRL + SHIFT + Z + double click.
C’est sûrement l’équipe qui a bossé sur le projet Zend Studio.

Template gratuit pour votre back office (basic admin template)

admin — Wed, 23 Jul 2008 08:59:03 +0000

Généralement, les sites from scratch nécessitent un développement d’une interface d’administration ( Back office) et il est recommandé au développeur de créer une interface conviviale pour que les administrateurs puissent s’y retrouver facilement et malheureusement, les templates de back office sont très rares sur le net. Certains utilisent les thèmes d’administration de CMS existants comme celui de Joomla ou de WordPress.

Le template que je vous présente comporte deux pages :

Une page login.html qui contient le formulaire de connexion

Une page d’administration qui contient :

un entête avec des liens de raccourcis
un menu et un sous menu
un tableau pour la gestion des enregistrements (avec pagination, icône d’édition suppression …)
un formulaire
un bloc en fade IN/OUT qui sert à afficher des messages d’alert ou de notification

Le template inclut jQuery 1.2.6-min pour gérer le fade in/out et les fonctions non intrusives comme la confirmation de suppression d’une ligne dans le tableau.

Merci d’avance pour vos commentaires qui vont me permettre d’améliorer le template.

Basic Admin Template 0.1 (Backoffice)

Pour voir d’autres templates gratuits pour votre backoffice, reportez-vous à l’article suivant

Trois templates xHTML gratuits pour votre backoffice

TAGStention, une extension pour dreamweaver utile pour les développeurs en wordpress

admin — Wed, 13 Feb 2008 15:55:24 +0000

Pour ceux qui utilisent dreamweaver pour créer les thèmes wordpress, il existe une extension qui permet d’ajouter les marqueurs de modèles en utilisant la barre d’outils intégrée à dreamweaver .

Testé sur

Dreamweaver 8
Dreamweaver MX2004
Dreamweaver CS3

Capture d’écran :

Site de l’extension :

http://solutoire.com/tagstention/

A voir :

Marqueurs de modèles

Firefox, l’ami du développeur.

admin — Thu, 20 Dec 2007 21:38:46 +0000

Bonjour,

Une mine d’or se cache parmi la liste innombrable d’extensions de firefox qui peut rendre un développeur le plus heureux développeur du monde.

Parmi les extensions que j’utilise et je ne plus m’en passer :

Web developer

Firebug : L’EXTENSION INDISPENSABLE pour déceler les fichiers manquants à la page (onglet NET), Inspection CSS et HTML (Aperçu instantané) , déboggage javascript et analyse des requêtes AJAX (headers, responses) …

ScreenGrab

CssView

IE Tab

FireShot : une extension utile et rapide à utiliser comme powerpoint.

MeasureIt : Un outil pratique pour déterminer les dimensions d’un texte, d’une image ou d’une partie de la page.

Liens :

Tutoriel en français pour utiliser firebug

Tutoriel vidéo en anglais pour utiliser firebug