De la couleur pour vos projets web et print

Written by Infinitic. Posted in Outils

Bonjour à tous,

Aujourd’hui, nous allons parler « couleurs » car le choix n’est pas toujours évident pour nos clients. Pour nous les intégrateurs il est primordial d’avoir au moins une couleur de base nous permettant de décliner une palette assez facilement.

Je dis facilement car il existe quelques outils pour nous aider à choisir nos couleurs pour qu’elles soient en accord avec la volonté du client.

Je vais en présenter 2 mais il en existe bien plus en ligne ou en téléchargement.

Tout d’abord je vais parler d’ADOBE KULER qui est la référence des intégrateurs et des designers.

capture_kuler

Le principe est simple, vous avez une palette de couleur et il vous suffit de faire tourner la couleur principale de votre palette afin de trouver les couleurs associées. Il existe plusieurs associations possibles : monochromatiques, triad, couleurs complémentaires…

A vous de jouer avec la roue afin de trouver les couleurs qui vous conviennent.

Cet outil est très intéressant car il permet de facilement obtenir une palette de 5 couleurs. D’ailleurs vous pouvez également explorer la banque de donnée d’adobe qui contient des milliers de palettes qui ont été réalisées par les internautes.

Je trouve cet outil très intuitif et très facile à utiliser. Par contre un Adobe ID est obligatoire pour pouvoir enregistrer et exporter ses créations. Les exports vers les outils adobe sont supportés une fois le compte adobe renseigné.

Dans un tout autre registre et un peu moins facile a utiliser au premier abord, je vous présente  colourco.de

capture_colourcode

Comme Adobe Kuler, il permet de créer des palettes de couleurs mais cette fois on peut choisir le nombre de couleurs de la palette à l’aide des boutons plus et moins situées à droite et a gauche de l’interface.

Ce site est vraiment très intéressant car il permet directement depuis une couleur de départ de créer une palette en bougeant simplement la souris de gauche a droite pour jouer sur les nuances et de haut en bas pour jouer sur le contraste.

Le gros plus de ce site c’est la possibilité de faire des palettes  jusqu’à 10 couleurs pour des sites riches en couleurs.

Toutes les palettes peuvent être exportées ici vers des formats très pratiques comme .scss ou .less ainsi qu’au format image PNG afin de les présenter plus facilement aux clients.

Avec ces deux outils, vous n’aurez plus d’excuses pour proposer à vos clients de vraies palettes de couleurs pour leurs projets web ou print.

Magento – Comment transformer votre theme en theme pour Mobile

Written by Infinitic. Posted in Bonnes Pratiques, Magento, Outils

Bonjour à tous,

Aujourd’hui je vais essayer de vous donner quelques astuces afin d’adapter votre template pour un rendu sur terminal mobile de type Iphone, Ipad, Android…

Il existe un moyen très simple dans magento de choisir un thème en fonction que certains paramètres comme le « User Agent » (ou signature) de votre navigateur. En effet que vous naviguiez sous windows, mac ou OS mobile, les signatures de navigateur ne sont pas les mêmes.

Dans la partie admin de magento, on peut créer des exceptions pour les signatures des terminaux mobile. J’ai trouvé sur différents sites la liste de ces signatures.

Nous allons donc créer des exceptions pour le design de départ afin de charger un nouveau thème si nous chargeons le site a partir d’un terminal mobile.

Pour cela, rendez-vous dans la partie admin de votre Magento, dans SYSTEM->CONFIGURATION->DESIGN

Une fois sur cette page, vous avez acces aux themes de votre site Magento. Par default, il se peut que vous n’ayez rien a cet endroit cela veut dire que vous utilisez le theme par default de magento. Sinon vous devez avoir le nom de votre theme dans le champs : Nom de l’interface

Pour ajouter une exception pour les mobiles, il suffit de cliquer sur « Ajouter une exception ». L’expression correspondante a notre exception est la suivante

iPhone|iPod|BlackBerry|Palm|Googlebot-Mobile|Mobile|mobile|mobi|Windows Mobile|Safari Mobile|Android|Opera Mini

Cela correspond a la signature de la plupart des terminaux mobile actuels. Dans le champs « Valeur », nous allons spécifier le nom du thème que nous allons créer. Par ex : « mobile ».

Dans l’arborescence des répertoires, vous mettrez « mobile » au même niveau que votre thème magento. Ce thème sera chargé chaque fois que magento détectera une des signatures présente dans la liste. Ce qui vous évite de devoir le faire en javascript par exemple.

Vous trouverez quelques thèmes mobiles gratuits sur la toile dont celui de INCHOO : imobile

A vous de faire votre choix ou de développer votre propre thème. Il existe des librairies comme Jquery Mobile qui permettent de facilement créer un template mobile a partir de certaines balises HTML.

L’équipe Infinitic travaille actuellement sur un thème mobile pour un client. Nous reviendrons vers vous pour vous donner des trucs et astuces une fois que le projet sera terminé.

Plugins et Scripts en test pour l’été 2012

Written by Infinitic. Posted in Infinitic, Outils

Bonjour à tous,

Depuis le début de l’été, l’équipe Infinitic a entamé une veille concurrentielle afin de dénicher de nouveaux plugins pour WordPress, Magento et Drupal ainsi que de nouveaux scripts afin d’agémenter les developpements en cours.

Nous sommes ainsi tombé sur une belle réussite, le slider Iview.

Ce slider est tres impressionnant visuellement car il combine toutes les fonctionnalités des autres sliders : transitions, captions, timer…mais il en rajoute des tres utiles comme la possibilité de customiser completement la « caption » ou en francais le texte qui apparait sur l’image de votre slide. Vous pouvez ainsi gérer la position, la taille, tous les éléments de police…

Ce slider permet également de positionner tous les éléments graphiques : flèches, timer…

Vous trouverez toutes les informations sur le site de l’auteur du script : IPRODEV

Dans le même type de belle découverte, un de nos clients cherchait à fideliser ces clients sur son site E-commerce (propulsé par la solution MAGENTO COMMUNITY EDITION) par l’intermédiaire d’un systeme de parrainage/fidélité basé sur des points que l’internaute gagne en commandant, en s’inscrivant a la newsletter…

Ce module existe et en plus il est gratuit, c’est la société Auguria qui l’a developpé. Il inclut un systeme qui calcule par l’intermédiaire d’une regle panier le nombre de point que le client gagne a chaque commande. Vous pouvez paramétrer le nombre de point gagné en s’inscrivant a la newsletter ou pour la 1ere commande.

Ce module inclut également un systeme de parrainage qui permet au parrain de gagner un pourcentage des points acquis par son filleul et le nombre de niveau est paramétrable…

Vraiment une belle réussite pour ce module. Actuellement nous testons ce module sur un Magento 1.5.1 mais il est compatible également avec la version 1.6 et 1.7

Voici le lien sur le Magento Connect / Auguria Sponsorship

WordPress – nos plugins indispensables

Written by Infinitic. Posted in Actualites, Outils

Bonjour,

Aujourd’hui un petit article pour dresser une liste (personnelle) des plugins que je trouve indispensables pour un site dont le moteur est WordPress.

All in on SEO Pack :

Ce plug in vous permet de rajouter tout ce qui manque dans wordpress pour pouvoir gerer correctement votre référencement. Ce plugin vous permet de rajouter sur chaque élément de votre blog, les informations essentielles du référencement, à savoir un titre, une description et des mots clés.
Chaque contenu est adaptable en fonction de vos envies, vous pouvez décider de customiser chaque titre et chaque description. Google est tres friant de ce genre d’informations. Chaque élément a également une URL Canonique qui permet de l’identifier aisement.
Ce pack est vraiment tres bien concu car il y a une foule d’option personnalisables. Une version payante (All in one SEO pack PRO) permet d’aller encore plus loin.

Contact Form 7

Ce plugin vous permet de creer automatiquement un formulaire de contact et de le placer dans n’importe quel contenu du site : article, page…

La création du formulaire est tres simple et on peut rajouter pas mal de type de champs (texte, date, numérique, textarea…)

La validation du formulaire est automatique, pas besoin de s’embeter avec ce point.

Une fois votre formulaire cree, il vous suffit d’inserer le shortcode dans la page de contenu ou vous voulez le placer.

Akismet

Le plugin antispam par excellence. Il vous permet de filtrer les commentaires postés sur vos contenus. Il se connecte directement a des serveurs qui vérifie le contenu des commentaires et si le contenu est détecté comme indésirable, le commentaire est aussitot supprimé.

Vous pouvez paramétrer le plugin pour qu’il supprime automatiquement les commentaires ou qu’il les placent dans un emplacement vous permettant de les vérifier.

Akismet fonctionne avec une clé qu’il vous faut obtenir sur leur site. Cette clé est valable pour plusieurs sites.

Google XML Sitemaps

Ce plugin vous permet de générer directement une carte XML que vous pouvez soumettre a Google afin d’indexer votre site. Ce fichier Sitemap favorise le référencement naturel et permet a google de vérifier la cartographie de votre site.

Google Analytics

Si vous ne connaissez pas encore Google Analytics, je vous encourage vivement à vous renseigner. Google Analytics est un service google vous permettant de suivre les statistiques de votre site internet gratuitement. Les fonctionnalités sont immenses et si vous utilisez également le service de publicité Google Adsense, vous pouvez connecter les 2 services afin d’en savoir encore plus sur les habitudes de vos visiteurs. Le plugin vous permet de rajouter tous les marqueurs nécessaires sur vos pages pour collecter le maximum d’informations sur vos visiteurs.

 

Nous rajouterons régulièrement de nouveaux plugins afin de vous faire partager nos trouvailles.

Un slider…mais pas n’importe lequel…nivoslider…

Written by Infinitic. Posted in A la une, Outils, Projets, Web - Design

mini_nivo

Aujourd’hui parlons du petit plus qui va donner vie a votre page d’accueil, je veux évidemment parler d’un slider. Mais vu la multitude de slider existant sur le marché, basés sur des technologies différentes et pas forcement très facile à implémenter.

Un slider c’est quoi ? C’est un bout de code vous permettant de faire défiler des images avec des effets de transition et de créer des liens sur ces différentes images.

Infinitic a trouvé pour vous le slider presque idéal, facile, rapide et assez léger…

Son nom : nivoslider crée par la société Dev7studios. Ce petit slider basé sur la très populaire librairie JavaScript JQuery est tout simplement bluffant.

Un autre avantage et non des moindre c’est la possibilité de télécharger un plugin pour WordPress permettant d’intégrer des slider dans vos articles de blog…

Voici le résultat

Je vous laisse le soin de visiter le site officiel sur lequel vous retrouverez des tutoriels et des exemples de code pour l’implémentation.

Nous Contacter

Société INFINITIC
M. CAMPOY Cédric
4 chemin de Ponterle
69290 CRAPONNE


Par formulaire : ICI
Par mail : contact(at)infinitic.fr (remplacer le (at) par @)

Siren : 510 164 650

Localisation

Derniers Projets

  • Biosylva - Web -Wordpress
  • Dinovia - E-commerce - Magento
  • Babaomby - Club Kitesurf Madagascar - Wordpress
Propulsé par Wordpress Wordpress - Trituré par Infinitic