Accéder au contenu principal

How to Create Retina Graphics for your Web Designs

The more products Apple releases, the more widespread Retina displays become.
So far we have Retina capable iPhones, iPods, iPads and MacBooks of various sizes, which together make up a pretty substantial audience.
Let’s take a look at how you can create special retina graphics for your website so your design looks crisp, sharp and clear on those powerful screens...

Consulter la suite de cet article sur cette page : http://line25.com/tutorials/how-to-create-retina-graphics-for-your-web-designs

Template Yootheme Warp 7 - positionner : son menu mobile & son logo mobile

Warp 7 et Internet Explorer 8

Avec la nouveauté du warp 7 chez Yootheme, un certain nombre de modifications on été apportées aux paramètres des templates tels que nous les connaissions sous warp 6.
Notamment nous avons noté un changement dans la dénomination des positions à affecter pour le "menu mobile" et "logo mobile".
Ces éléments sont visualisés lorsque le template est en mode responsive, c'est dire vu sous smartphones ou tablettes de largeur de résolution inférieure à 1024px.

Lire la suite

Les 10 nouveautés Joomla 3.2 pour les devs

Les 10 nouveautés Joomla 3.2 pour les dévelopeurs : 

Support de Microdata, interface AJAX en natif dans le core, nouveautés pour les JFormFields, support des champs de formulaires multiples, les bases du futur Joomla!RAD, ajout d'un DI Container dans la couche framework de Joomla, two factor authentication (TFA), JQuery 1.10.2 + JQuery Migrate 1.2.1, amélioration de la sécurisation de l'authentification, factorisation du code de la classe JApplication.

Pour plus de détails sur ces nouveautés : http://dev.joomla.fr/accueil/item/94-les-nouveautes-joomla-32-le-tremplin-du-cms-joomla-3

Version de contenu avec Joomla 3.2

La version de contenu, une nouvelle fonctionalité de Joomla 3.2, vous permet, non seulement, de retrouver l'historique des modification de vos articles Joomla mais aussi de pouvoir comparer chacune de vos modifications.

Pour découvrir cette nouvelle fonctionalité consultez ce tutoriel (en anglais) : http://www.ostraining.com/blog/joomla/content-versions/

Ou sa traduction en français : http://cinnk.com/joomla/cms/news/163-versions-de-contenu-sous-joomla-3-2

Le cache de Joomla 1.5 expliqué

La gestion et l'utilisation du cache de Joomla 1.5, ou comment augmenter la vitesse de chargement de votre site Joomla.

Traduction française, par Thierry Tardif, autorisée par the Art of Joomla, Andrew Eddie, Joomla Caching Explained. Ce tutoriel a été mis à jour pour la version Joomla 3 :  Le cache de Joomla 3 expliqué

Si vous êtes sous Joomla 3, retrouverez la traduction & la mise à jour de cet article ic.

Joomla à trois niveaux de cache qui peuvent être utilisés pour améliorer la vitesse de téléchargement de votre site Joomla 1.5 (jusqu'à un facteur 8 dans des conditions idéales).

Lire la suite

Modifiez la balise meta name generator de Joomla 1.5 et 2.5

Traduction française, par Alpha Design, autorisée par the Art of Joomla, Removing the Joomla Generator Tag.

Si vous êtes sous Joomla 3, consultez cet article  : Modifiez ou supprimez la balise meta name generator de Joomla 3

Une demande courante des webmasters joomla est la possibilité de retirer le meta tag generator de Joomla du code source. La raison principale est de rendre moins évident que le site est généré par Joomla, pour raisons de sécurité. Retirer ce tag est assez facile puisque qu'il s'agit d'ajouter une ligne de code PHP au template.

Lire la suite

Modifier les textes par défaut de Joomla 1.5

Parmi les différents libellés des éléments de l’interface dont la responsabilité relève de Joomla, nous allons changer le texte du lien Lire la suite. Il apparaît lorsque vous visualisez le texte d'introduction d'un article . Cette modification n’est pas une simple recherche esthétique. En effet, une étude menée par Marketing Sherpa sur leur lettre d'information électronique a montré l'importance de la formulation de ce lien pour inciter le lecteur à accéder à la totalité de l’article. Ainsi, un bon libellé en lieu et place du traditionnel Cliquez ici peut augmenter de près de 8 % le nombre de clics selon le tableau ci-dessous (l'étude complète de Marketing Sherpa est diponible ici).

Lire la suite

Palette de couleur

Lors de la création d'un site internet, pour choisir la palette de couleur de votre site, utilisez le Créateur de nuanciers et le Cercle Chromatique Accessible.

Le Créateur de nuancier de couleurs d'Eric Meyer

  • Choisissez un format de valeur de couleur, puis entrez deux valeurs de couleur (valides CSS) dans le format que vous avez choisi, ensuite choisissez le nombre de nuances. La palette vous montrera à la fois les couleurs que vous avez choisies, le nombre de nuances, ainsi que les valeurs de ces couleurs.
  • En cliquant sur l'un des carrés de "l'arc en ciel" vous complétez automatiquement la valeur du champ de couleur sélectionnée.
  • Toutes les valeurs sont arrondies au nombre entier le plus proche.
  • En Changeant le format des couleurs vous transformerez toutes les valeurs de couleur existantes.
  • "Effacer" retire les valeurs de couleurs mais ne change pas le format des couleurs.
  • Si vous souhaitez utiliser Le Créateur de nuancier "offline", visualisez le code source et sauvez le sur votre ordinateur.

Le Créateur de nuanciers ("The Color Blender") a été créé par Eric Meyer sous une licence Creative Commons Attribution-ShareAlike 1.0 .

Le Cercle Chromatique Accessible de Giacomo Mazzocato

Environ une personne sur vingt souffre d'une forme ou d'une autre de daltonisme. Il est donc judicieux de vérifier que vos choix de couleurs leur soient "visibles".

Giacomo Mazzocato a développé "Le Cercle Chromatique Accessible" qui vous permettra de visualiser les couleurs comme certains daltoniens (deuteranopes, protanopes et tritanopes).

A noter que le "Cercle Chromatique accessible" offre maintenant deux choix d'algorithme comme critère de sélection de couleur : celui du WCAG2 (Web Content Acessibility Guidelines 2.0, recommandé) ou celui du WCAG1. Un bon comparatif entre ces deux guides pour l'accessibilité du web est disponible sur Wikipédia : WCAG.

Le cercle chromatique accessible de Giacomo Mazzocato

Le Cercle Chromatique Accessible de Giacomo Mazzocato

Environ une personne sur vingt souffre d'une forme ou d'une autre de daltonisme. Il est donc judicieux de vérifier que vos choix de couleurs leur soient "visible".
Giacomo Mazzocato a développé "Le Cercle Chromatique Accessible" qui vous permettra de visualiser les couleurs comme certain daltoniens (deuteranopes, protanopes et tritanopes).
A noter que le "Cercle Chromatique accessible" offre maintenant deux choix d'algorithme comme critère de sélection de couleur : celui du WCAG2 (Web Content Acessibility Guidelines 2.0, recommandé) ou celui du WCAG1. Un bon comparatif entre ces deux guides pour l'accessibilité du web est disponible sur Wikipédia: WCAG.