2.8 KiB
| isHidden | menupriority | kind | created_at | title | multiTitle | multiSubTitle | multiDescription | tags | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| false | 1 | article | 2009-10-22T20:45:18+02:00 | Focus vs Minimalism |
|
|
|
|
Je crois que le but du minimalisme est de facilité le Focus c'est-à-dire la concentration sur le contenu. Je crois que le minimalisme doit être un moyen et pas une fin. Le Focus devrait être le but, et je pense que le minimalisme n'est pas obligatoire pour l'atteindre. en: I believe the goal researched by minimalism is Focus. But I don't believe minimalism should be the goal. Focus should be the goal, and I believe minimalism isn't necessary to reach it.
C'est pourquoi mon design n'est pas minimaliste. Mais j'ai décidé d'enlever la majorité des objets servant à la navigation pour améliorer l'attention sur l'article. Peut-être que plus tard, je préfèrerai laisser le menu dans les pages normales du site pour ne le cacher que dans les articles de blog. Pour l'instant je le cache partout.
newcorps
Détails techniques
Pour ceux qui souhaitent connaître les détails techniques derrière le menu apparaissant/disparaissant, voici le code utilisant jQuery.
L'HTML :
#content of the menu
La CSS :
#menuButton {
font-size: 2em;
height: 2em;
line-height: 1.8em;
width: 2em;
position: fixed;
left: 0;
top: 0;
z-index: 9001 }
#menuButton:hover {
cursor: pointer; }
#entete {
top: 5em;
left: 0;
position: fixed;
width: 10em;
z-index: 9000; }
Le code javascript (utilisant jQuery)
function hideMenu() {
$('#entete').animate({left:"-10em"}, 500 );
$('#menuButton').html('→');
}
function showMenu() {
$('#entete').animate({left:"0em"}, 500 );
$('#menuButton').html('←');
}
function toggleMenu() {
if ( $('#entete').css('left')=='-10em' ) {
showMenu();
} else {
hideMenu();
}
}
Le résultat est visible dans le coin en haut à droite de cet article.