Mon thème à partir d'une page blanche
danielsan
Member
dans Vos créations
Hello,
voilà 2 thèmes perso réalisés en partant d'une page blanche
en mode site: http://www.laborandsense.com
en mode blog: http://blog.laborandsense.com
quelques petites choses assez "fun":
*/ mise en page calculées en jQuery en fonction de la taille de l'écran
*/ sur les pages catégories du site ( ex: http://laborandsense.com/categorie5/references )
en bas, un plugin qui va chercher les titres des articles du blog
*/ sur le blog, un plugin qui va chercher le menu du site
>> interconnexion des 2 modes.
*/ sur les articles du site, mon plugin "ma boite à coucou !"
une liste de notre contenu
( chaque élément peut comporter ce qu'on veut, images de n'importe qelle taille, texte, etc ... )
dessous, une liste de "bouton" de n'importe quel type ( ici des vignettes ).
Quand on clique sur le bouton, ça fait "ah que coucou, coucou !" et le contenu apparaît
Je vais améliorer ma boite à coucou en créant automatiquement les vignettes, vu qu'elles ne sont pas affichées si JS est désactivé, autant la créer automatiquement
Qu'en pensez-vous ?
Il me reste encore quelques petits trucs à faire ( renseigner les metas par exemple ),
quelques styles qu'on sauté,
mais j'attends vos avis et critiques avant de m'y replonger.
Cordialement,
_____
D.San
voilà 2 thèmes perso réalisés en partant d'une page blanche
en mode site: http://www.laborandsense.com
en mode blog: http://blog.laborandsense.com
quelques petites choses assez "fun":
*/ mise en page calculées en jQuery en fonction de la taille de l'écran
*/ sur les pages catégories du site ( ex: http://laborandsense.com/categorie5/references )
en bas, un plugin qui va chercher les titres des articles du blog
*/ sur le blog, un plugin qui va chercher le menu du site
>> interconnexion des 2 modes.
*/ sur les articles du site, mon plugin "ma boite à coucou !"
une liste de notre contenu
( chaque élément peut comporter ce qu'on veut, images de n'importe qelle taille, texte, etc ... )
dessous, une liste de "bouton" de n'importe quel type ( ici des vignettes ).
Quand on clique sur le bouton, ça fait "ah que coucou, coucou !" et le contenu apparaît
Je vais améliorer ma boite à coucou en créant automatiquement les vignettes, vu qu'elles ne sont pas affichées si JS est désactivé, autant la créer automatiquement
Qu'en pensez-vous ?
Il me reste encore quelques petits trucs à faire ( renseigner les metas par exemple ),
quelques styles qu'on sauté,
mais j'attends vos avis et critiques avant de m'y replonger.
Cordialement,
_____
D.San
Connectez-vous ou Inscrivez-vous pour répondre.
Réponses
J'adore le background, la texture est très joli. Les tons du designs sont aussi très agréables.
là c'est du costaud au niveau de la conception et du design , encore bravo
mes sites principaux : fonds d'écran gratuits - longue traîne - référencer votre site - brocante en ligne -
J'adore les petites icônes un peu partout pour les boîtes de la sidebar sur le mode blog
j'ai effectivement un peu abusé de jQuery
J'ai découvert ça ya quelques temps,
alors j'ai testé pour un peu partout ! ^^^
Je voulais surtout hiérarchiser l'infos selon 3 niveaux:
l'essentiel en clair
le secondaire en transparence
et le tertiaire inexistant :P
Je me pose d'ailleurs la question si les infos date/classé dans/etc ne devrait pas être en transparence ...
puisqu'elles n'apportent pas grand chose à l'info publiée ... à voir.
Comme mes sites sont des lieux de recherches de dév.
ça me permet de faire une démo de ce qu'on peut faire.
( d'où différentes mises en page pour les catégories du site par exemple ).
J'aime bien aussi les petites astuces CSS, surtout rajouter du texte
"Accéder au site ... en cliquant ici" pour les liens externes,
les triangles de part et d'autres des légendes des images dans la boite à coucou, etc.
Si vous avez des suggestions ou des remarques ( même une DIV de trop ... ),
n'hésitez-pas.
Cordialement,
_____
D.San
J'ai préféré m'arrêter à une mise en page 100% compatible et cohérente.
La personne qui ne voit pas de coin arrondi ou d'ombre n'est pas gênée pour la compréhension du site,
là est l'essentiel je pense.
Je veux bien abuser, mais ya des limites quand même ... 100% compatible pour IE 8, lol
Me reste tout de même l'année de rédaction à mettre sous un autre format pour IE, car là on voit qu'il y a pb.
Et ya un pb d'un script JS, je n'arrive pas à savoir lequel et où ...
J'aime beaucoup la présentation de la date et des boutons articles suivants/précedent, le commentaire qui s'active en un clic...
Le coup de la transparence tout azimut, même si c'est rigolo et joli, c'est sûr que c'est le poil de trop
(oui, j'aime les poils de trop)
Sinon j'aurai bien vu une présentation plus différenciée selon qu'on est sur un article, une catégorie, l'accueil... quitte à fignoler le design autant que ça aide à marquer les différents endroits du site.
Ce thème est vraiment très beau et pratique...
J'aime bien le "redimensionnement automatique" en fonction de la taille de l'écran.
Du coup j'en profite pour poser une question qui me trotte depuis quelques semaines.
Pourquoi en général (dans les ressources) les thèmes Pluxml sont figés au centre de l’écran (/= redimensionnement Automatique) ?
- histoire de compatibilité ?
- purement esthétique ?
- raison technique, complexité de conception ?
- autres ?
Encore bravo pour ce travail, j’espère que nous aurons un thème ressemblent a celui ci dans les ressources pour une future version de Pluxml.
Bonne soirée @ tous(tes)
L e . N o X ;o)
Pas fan de la transparence sur les "secondaires" mais ça a le mérite de bien différencier le contenu sauf sur la partie commentaire qui devrait (en version blog) basculer en "essentiel" (à mon sens).
à plus,
Gzyg
très joli thème
j'ai profité de passer mon site pro en 5.1.5 ( il était temps! ) pour modifier un peu le template ...
J'suis reparti de plus que de zéro en y ajoutant l'expérience des 2 derniers mois ( la vie sur le net passe vite ! )
.
ce qui était "secondaire" ( en transparence ) a disparu ^^^
ça bouge moins de partout ( ma période jquery s'est apaisée
Amélioration de la mise en page de l'effet BoiteAcoucou + lightbox ( sur les articles ).
Distinction un poil plus prononcée entre les pages catégories et articles.
( les catégories sont sous la forme de grille et le survol de chaque vignette affiche la meta-balise description de l'article )
Utilisation des trucs et astuces de Samare, car il le faut bien !
Et autres en fonction des critiques que vous pourriez faire.
.
le site: http://www.laborandsense.com
.
Voili voilou, qu'en pensez-vous ?
.
Cordialement,
_____
D.San
.
( ps: le blog est toujours en dernière version, j'prendrais le temps quand j'aurai des trucs à y dire ! )
Personnellement, je suis pas très fan du bleu que tu utilises (c'est un avis perso
J'vais te dire ce qu'il me vient à l'esprit (parce que tout critique est bonne à prendre) :
=> ta phrase d'accroche en haut est sympa mais trop difficile à lire (faut prendre le temps !). A mon avis ça devrait être plus percutant (pour qu'on comprenne ce que tu veux, ce que tu fais).
il te faut soit quelqu'chose de plus court (et lisible d'un coup d'oeil) soit changer ta police.
J'adore ta barre d'évolution et sa navigation.
Par contre, ça me perturbe, je ne sais pas où regarder entre ça et ta navigation normal.
Je pense que tu devrais moins mettre en avant ta barre de navigation du haut (quelle est son utilité ?).
Pour moi, tu devrais te concentrer à tout mettre dans ta barre du bas.
J'ai du mal à comprendre exactement ce que tu proposes : tu proposes d'être la muse d'entreprise ? et de les guider stratégiquement ? ça semble super vaste !
Après, j'ai pas poussé ma réflexion trop loin (on est un lundi matin lààà, le cerveau se réveille doucement !).
Pour finir sur une notre positive, le site est vraiment sympa, ya du contenu (trop ?) et c'est très fluide. Maintenant, faut que tu travailles ton référencement
k6
Tu soulèves justement les points pour lesquels j'avais du mal à me décider !
.
1/ Je comprends l'idée du menu global trop mis avant. Il est effectivement en concurrence avec le contenu.
Son utilité ? Sauter d'un article à un autre d'une autre catégorie ...
Quant à la navigation "transversale" en pied de page, elle permet de poursuivre la lecture d'une même catégorie.
Ce n'est pas la même chose, et pas les mêmes usages.
.
Je ne pense pas que tout mettre en pied de page soit une bonne solution.
Un internaute qui arrive sur une page au pif via un moteur de recherche doit pouvoir s'imaginer d'un coup d'oeil l'ensemble de la structure du site.
.
Je peux éventuellement voir à ne pas fixer le menu global en haut de la fenêtre ... ça aura le mérite de justement éviter cette concurrence entre les menus, favorisant les liens situés en fin de lecture.
.
2/ Effectivement cette typo étant une police de titrage,
elle doit être exclusivement retenue pour des titres ( courts ).
.
3/ Niveau contenu, il en faut bien. Mon champ d'action est effectivement vaste ( je constitue des équipes de spécialistes selon l'ampleur du projet).
Les clients ont peu d'imagination sur ce qu'ils peuvent faire/avoir, je l'explique donc.
.
On me demande autant de créer la doc. technique d'une poignée de porte,
d'imaginer les futurs tableaux de bords de bagnoles
que de faire la boutique en ligne du produit que j'ai imaginé/conçu pour mon client ...
Travaillant dans le domaine des nouvelles technologies, je ne peux malheureusement pas communiquer sur mes références à cause du caractère confidentiel de mes travaux.
Il me faut donc trouver du contenu que je préfère à une batterie de mots-clefs et à des inscriptions "sauvages" dans des annuaires ... de toute manière ma prospection n'est pas sur le web mais au bouche à oreille.
Les gens visitent mon site suite à un entretien qu'on a déjà eu.
Voilà pour l'histoire.
.
Merci pour vos avis constructifs et encourageants.
I'll be back !
je suis de nouveau reparti de zéro ( à chaque fois j'élague ^^^, comme quoi, il y a toujours moyen de faire mieux avec moins ! )
une meilleure structure des fichiers CSS ( une pour le gabarit, une pour les styles spécifiques et une qui regroupe les styles identiques ).
C'est un thème 100% gris qui trouvera de la couleur et du graphisme plus tard ( d'où le regroupement en fonction des styles pour une plus grande rapidité de modif ).
Mais il a déjà un style homogène, reposant, qui allie je l'espère élégance et technicité
Manque la ptite touche qui va bien, quand j'aurai pris suffisamment de recul et reposé la cervelle :P
Je préfère carrément celui-là. Et vous, qu'en pensez-vous ?
Merci.
_____
D.San
Jolie travail
Je préfère aussi.
cool que cette version plèz'. merci à tous !
c'est vrai que lorsqu'on a la tête dans l'guidon, on ne se rend plus compte de rien ... surtout tard dans la nuit !
Concernant la compression Gzip, en gros le serveur compresse tes fichiers ( php, css, etc), l'envoi à l'ordi du visiteur, puis le navigateur décompresse le tout. D'autres expliqueront de manière plus poussée que moi ...
J'ai voulu testé mais je ne sais pas si c'est vraiment utile pour ce site.
Qu'en pensent les spécialistes ?