[Boite à outils] Des maquettes web

Ajouté le 07 juin 2012 - Mots clés : astuces, contenu, creation, ergonomie, css, template -

Des Maquettes Web
Créez des maquettes pour optimiser la création de templates

Avant de se lancer dans la création d'un template esthétique, il est de bon usage de passer par l'étape maquette.
Cette étape permet de positionner les différents blocs de contenus ou des fonctions, sans forcément développer un template en CSS !

En effet, si vous foncez directement dans le développement, à chaque modification il va falloir vous replonger dans le code ... perte de temps.

Voyons comment être plus efficace.

Lire la suite de Des maquettes web

[Boite à outils] Du faux texte

Ajouté le 09 mai 2012 - Mots clés : template, contenu, creation, astuces -

Du Faux Texte
Utilisez du faux texte pour vérifier vos mises en page

Lorsque vous créez un template de zéro, vous n'avez généralement pas de texte pour vérifier votre composition et mises en page.

Il existe des générateurs de texte de substitution comme dont le plus connu est le Lorem Ipsum:

Lire la suite de Du faux texte

[Boite à outils] Le nombre d'or

Ajouté le 09 mai 2012 - Mots clés : ergonomie, contenu, template, creation -

Le Nombre D'or
Faites des templates d'or en jouant avec les proportions d'or !

Lorsqu'on cherche à donner une dimension à une forme, on ne sait pas trop laquelle lui donner.

Si vous hésitez, utilisez le nombre d'or !

Lire la suite de Le nombre d'or

[Vie du site] Envoi de la newsletter n°2

Ajouté le 08 avril 2012 - Mots clés : newsletter, samare le lapin bleu -

NewsLetter n°2: ils deviennent des VIP !

A partir de ce jour, les membres de la newsLetter bénéficient d'un accès VIP à certains articles du site.
En effet, ils sont avertis par email des nouveautés les plus croustillantes :p et des plugins qu'ils peuvent lire/télécharger avec 10 jours d'avance.

Si vous aussi souhaitez devenir un membre VIP, ça se passe ici, c'est gratuit et sans engagement !

Lire la suite de Envoi de la newsletter n°2

[Astuces] Menu listant les statics classés par groupe !

Ajouté le 08 avril 2012 - Mots clés : astuces, contenu, gestion, menu, PluXml -

Enfin l'astuce qui vous permet de classer les pages statiques en fonction de leur groupe !!!

Cela fait un bail que vous souhaitez réaliser un menu classant les pages statics dans leur groupe respectif ???

Rassurez-vous, c'est maintenant chose faisable avec l'astuce de la mort-qui-tue suivante ! :D

Lire la suite de Menu listant les statics classés par groupe !

[Astuces] Connaître le nombre d'articles de la catégorie active

Ajouté le 20 mars 2012 - Mots clés : astuces, contenu, gestion, PluXml -

Comment trouver le nombre d'articles de la catégorie active

Il est utile de connaître le nombre d'articles présents dans la catégorie active notamment lorsqu'on lance un site.

En effet, la mise en page du site peut évoluer en fonction du nombre d'articles.

Imaginez par exemple que vous prévoyez d'afficher la liste des articles de la catégorie active mais que pour l'instant vous n'ayez qu'un voir 2 articles ?

L'astuce ci-dessous vous permettra de gérer l'affichage en fonction du nombre d'articles présents dans la catégorie.

Lire la suite de Connaître le nombre d'articles de la catégorie active

[Boite à outils] Des gabarits/templates vierges

Ajouté le 19 février 2012 - Mots clés : creation, css, template -

Des Gabarits/templates Vierges
Partez sur de bonnes bases avec des gabarits/templates vierges à télécharger

Pour vous aider à créer votre template, prenez un bon départ avec un gabarit vierge bien formaté.

Vous trouverez en effet sur ces sites une série de template à n colonne fixes ou fluides.
Il ne vous reste plus qu'à les remplir et styliser !

Un bon exercice pour celles et ceux qui souhaitent partir de zéro mais pas trop ... :D

Lire la suite de Des gabarits/templates vierges

[Boite à outils] Des gabarits papier pour croquer votre site web

Ajouté le 19 février 2012 - Mots clés : creation, css, template -

Des Gabarits Papier Pour Croquer Votre Site Web
Bien commencer votre site web sur du papier grâce à ces gabarits imprimables

Lorsqu'on commence la création d'un site web, on gribouille généralement quelques blocs sur du papier. Il y a des choses que l'on fait à chaque fois: tracer la fenêtre, positionner des guides, etc ...

Vous trouverez sur ce site des gabarits vierges au format PDF que vous pourrez imprimer !

Lire la suite de Des gabarits papier pour croquer votre site web

[Vie du site, Astuces] Répartition des articles en 3-6-12

Ajouté le 19 février 2012 - Mots clés : css, ergonomie, template -

Affichez 21 articles de manière lisible en utilisant les règles d'ergonomie web et les sélecteur CSS

Sur un site d'actualité, il est de bon usage de différencier visuellement des contenus plus ou moins importants.

Vous pouvez jouer sur les contrastes, le positionnement, l'animation, etc ... en pensant que le plus contrasté ou le mieux placé sera le plus important.

J'ai de ce fait regroupé sur la page d'accueil et des catégories "astuces" et "vie du site" les articles en 3 groupes en fonction de la date de publication ( le dernier publié étant le plus important, le premier publié le moins important ... ):

Lire la suite de Répartition des articles en 3-6-12

[Astuces] Afficher le titre de la page des mots-clefs

Ajouté le 31 janvier 2012 - Mots clés : astuces, PluXml, template, ergonomie -

Afficher le titre de la page des mots-clefs

Il est vrai qu'il manque aussi quelque chose dans le template par défaut: le titre de la page des mots-clefs.
Ce n'est pas vital, mais lorsqu'on est habitué à lire le titre de l'article de la page et qu'on ne tombe pas dessus, ça bouleverse un peu ...

Voici donc comment faire:

Lire la suite de Afficher le titre de la page des mots-clefs

[Vie du site] Envoi de la newsletter n°1

Ajouté le 31 janvier 2012 - Mots clés : PluXml, gestion, newsletter -

Newsletter PluXml

Suite à l'envoi de cette première newsletter et afin de vérifier si tout s'est bien passé, vous pouvez laisser vos retours ( bons ou mauvais ) en commentaire.

L'avez-vous reçu au format HTML ou TEXT ? L'apparence n'était pas trop cassée ? etc...

Cela me permettra de peaufiner éventuellement l'utilisation de cette newsletter et d'en faire un tuto pour les utilisateurs de PluXml !

Merci.

Pour les retardataires, l'inscription à la newsletter se passe ici

Lire la suite de Envoi de la newsletter n°1

[Vie du site] Partagez AroundTheWeb !

Ajouté le 23 janvier 2012 - Mots clés : gestion, ergonomie, contenu -

Partagez AroundTheWeb !
Ajout de la fonction partagez sur la toile

Vous allez maintenant pouvoir partager les trucs et astuces de Samare!

Le bouton se trouve juste à droite.

Lire la suite de Partagez AroundTheWeb !

[Astuces] Jouer avec la meta-balise "Description"

Ajouté le 21 janvier 2012 - Mots clés : aucun -

La flexibilité de PluXml montre encore comment jouer avec les données.

Nous sommes d'accord, renseigner les meta-balises c'est fastidieux ... LOL
Trouver les bons mots-clefs ça passe encore, mais rédiger la description est une opération un peu plus délicates ! Mais pourtant utile !

Découvrez avec cette astuce une autre bonne raison de renseigner ce champ et comment jouer avec cette donnée.

Lire la suite de Jouer avec la meta-balise "Description"

[Astuces] Afficher un bloc avec les derniers articles d'une seule catégorie

Ajouté le 21 janvier 2012 - Mots clés : ergonomie, gestion, contenu -

Ajouter un bloc derniers articles d'une catégorie

On cherche parfois à afficher les 2-3 derniers articles d'une seule catégorie définie.

Soit en page d'accueil si l'on souhaite les mettre en avant ou dans la sidebar pour favoriser un peu plus leur lecture ...

Le cas concret est une entreprise présente sur des salons et souhaite mettre en avant leurs prochaines présences.
Elle indiquera donc sur toutes les pages "Nous serons présents au salon du nautisme à Toulon du 01 au 06 août au stand 12".

Cela simplifie la gestion des dernières news ...

Lire la suite de Afficher un bloc avec les derniers articles d'une seule catégorie

[Astuces] Afficher le titre de la catégorie

Ajouté le 19 janvier 2012 - Mots clés : contenu -

Complétez votre template en affichant le titre de la catégorie.

Il manque quelque chose dans le thème par défaut ... comment afficher le titre de la catégorie !

Un simple copier/coller du code ci-dessous dans le template categorie.php résoudra ce manque.
Tant que j'y suis, j'y ai rajouté le code pour afficher la description de la catégorie ... :p

Lire la suite de Afficher le titre de la catégorie

[Vie du site] A la poursuite des lapins bleus !

Ajouté le 18 janvier 2012 - Mots clés : samare le lapin bleu -

A La Poursuite Des Lapins Bleus !
Des lapinous se sont échappés ! Retrouvez les pour découvrir leur secret !

aaahhhhh il y a eu une brèche dans l'enclos des lapins bleus !
Ils se sont (presque) tous échappés !!!PAN ! Et de un ! Derrière chaque petit lapinou se cache un truc, une astuce ou un plugin.
Ouvrez l'oeil, le bon ! ;-)

Soyez attentif, ils sont apparus de-ci de-là sur la page ...

Découvrez pourquoi.

Lire la suite de A la poursuite des lapins bleus !

[Astuces] Afficher la liste des articles de la catégorie active

Ajouté le 18 janvier 2012 - Mots clés : ergonomie, menu -

Ajoutez un sous menu dans la sidebar ou une liste de suggestions de lecture en pied de page.

Dans la lignée du Menu listant les articles classés par catégories, voici une autre astuce qui consiste à afficher simplement la liste des articles de la catégorie active.

On la place souvent à gauche en tant que sous-menu ou en pied de page pour proposer à l'internaute d'aller visiter d'autres pages intéressantes.

Lire la suite de Afficher la liste des articles de la catégorie active

[Vie du site] Mise en place de la newsletter

Ajouté le 16 janvier 2012 - Mots clés : PluXml, newsletter -

Mise En Place De La Newsletter
Inscrivez-vous à la NewsLetter et profitez en avant premières des ressources pour PluXml

Je suis tombé sur une solution de newsletter assez simple.
Je la mets donc en place et on verra comment elle se comporte.

Si l'essai est concluant, j'écrirai un petit tuto sur comment la mettre en place et la personnaliser.

En attendant, l'inscription se passe ici: Suivez le lapin bleu avec sa newsletter

Lire la suite de Mise en place de la newsletter

[Astuces] Un formulaire optimal

Ajouté le 22 décembre 2011 - Mots clés : ergonomie -

Un peu d'ergonomie des interfaces web avec les lois de Fitts et Hick

Comment réaliser un bon formulaire web ?

En jouant sur l'esthétique ? En utilisant des principes ergonomiques ? En usant de convivialité ?

Découvrez d'abord ces 2 lois très profitables: la loi de Fitts et la loi de Hick.

Lire la suite de Un formulaire optimal

[Astuces] Menu listant les articles classés par catégories

Ajouté le 14 décembre 2011 - Mots clés : PluXml, gestion, creation, menu -

LE menu déroulant qui affiche les articles par catégorie !

Il est intéressant d'afficher dans notre menu les liens pointant vers nos catégories.
Mais c'est encore mieux de pouvoir afficher en plus les articles associés !

Vous pouvez voir un exemple sur ce site avec son menu horizontal.

Découvrez comment avec l'astuce ci-dessous à placer dans le template header.php :

Lire la suite de Menu listant les articles classés par catégories

[Astuces] clearfix: annulez un float quasi automatiquement

Ajouté le 11 décembre 2011 - Mots clés : PluXml, astuces, css -

LA solution anti chute de cheveux ! ^^^

Aïe la galère la gestion des blocs flottants ...
On souhaite aligner certains blocs à l'horizontal,
MAIS POURQUOI celui d'après n'est-il pas à sa place ??? 8-O

Dessous, j'ai dit que je le voulais de-ssous !!! ^^^ twisted

On se calme, une solution simple et élégante existe, le CLEARFIX CSS !

Lire la suite de clearfix: annulez un float quasi automatiquement