Fullcss.com - communauté autour du css

Hawk · 2 Octobre 2008

Salut tout le monde

Je vous salut, et vous présente la version béta de mon nouveau site communautaire : http://www.fullcss.com

Le site a pour but de partager différentes sources CSS créees ou trouvés sur le web. Les membres de la communauté complètent le site en ajoutant des ressources, des tutoriaux, des trucs et astuces ou des design (templates gratuites).

Le principe est simple, plus vous participez, plus vous gagnez de points, au bout d' un certain nombre de points vous gagnez des droits de modération, puis d' administration.

N' hésitez pas à vous inscrire et à me donner vos retours

Cordialement,

Konrad

SpeedAirMan · 2 Octobre 2008

Hop, bookmarké

Pas le temps de faire le tour complet, mais il semble y'avoir beaucoup de choses intéressantes.

(posté édité pour retirer une bétise

)

Bunz · 2 Octobre 2008

preimer aperçu : ça donne envie d'y revenir

Hawk · 2 Octobre 2008

Merci

j' ai fais beaucoup d' efforts sur l' ergonomie et l' esthétique général.
Mais il reste beaucoup de choses à faire, y compris au niveau des fonctionnalités.

N' hésitez pas à émettre vos questions, idées ou remarques. J' aimerai beaucoup savoir comment un internaute habitué (ou non) "comprend" ce site.

monsieurtom · 3 Octobre 2008

Très sympa, il mérite de s'y attarder. Toutefois, une petit ombre au tableau, ce sont les liens externes dans la fenêtre javascript...

Ainsi qu'un détail qui est étrange pour un site ventant les mérites du CSS, ce sont les style dans le html, ouch.

DadouDuck · 3 Octobre 2008

Moi je vois une très grosse ombre au tableau : vous êtes vous penché sur le code html des pages, et bien visiblement hawk tu n'a rien compris aux CSS, un comble pour un site qui se nomme fullcss, je m'explique : le principal intérêt des CSS c'est d'externaliser la mise en forme, la ce n'est visiblement pas le cas, de plus tu l'utilises à la manière des tableaux => tu es atteints de divite aigue, rien que pour le formulaire de connection c'est flagrant :

Code:

<form style="margin:0; padding:0;" method="post" action="communaute/log.php" name="form2">
				<div style="height:16px; line-height:16px;">
				<input type="text" name="login" id="login" style="font-size:11px;  width:141px; height:16px; margin:0;padding:0; background: #fff; border:1px solid #e5e5e5; float:right;" value="" />
				<span style="color:#d0d0d0; font-size:11px; line-height:16px; font-weight:bold; ">Login :</span>
				</div>

				<div style="height:16px; line-height:16px; margin-top:2px; ">
				<input type="password" name="pass" id="pass" style="font-size:11px; line-height:16px;  width:141px; height:16px;  margin:0;padding:0; background: #fff; border:1px solid #e5e5e5; float:right;" value=""  /> 
				<span style="color:#d0d0d0; font-size:11px; font-weight:bold; ">Pass :</span>
				</div>
				<div style="width:188px; height:17px; margin:0; padding:0; margin-top:7px;">
				<input type="image" src="communaute/images/connection.gif" style="border:0px; float:right;" />
				<a href="http://www.fullcss.com/inscription.php"><img src="communaute/images/inscription.gif" style="float:left; border:0;" /></a>
				</div>
				</form>

C'est illisible alors qu'avec des CSS mis en forme intelligemment, tu en arriverais au même résultat. Dommage l'idée était intéressante mais perds de la crédibilité

dorian53 · 3 Octobre 2008

+1 Bookmark

Pareil, ça semble un site très intéressant.

Hawk · 3 Octobre 2008

Bonjour,

Pour répondre à monsieurtom et DadouDuck, certes beaucoup de css se retrouvent dans la source html, ce qui résulte peut-être à une utilisation non-normalisé de css.

Mais comme je l' ai soulevé auparavant, le site n' en est qu' au stade bêta. Je voulais voir le concept marchait auprès des visiteurs. Alors maintenant on peut chipoter et dire :

oulala un <div style="...">, c' est pas bien

Pour le moment je me penche plus du côté des fonctionnalités, externaliser le css n' étant qu' une formalité...

Concernant les liens externes dans la lightbox javascript, comme l' a soulevé monsieurtom. Effectivement c' est pas top vue que les liens ne sont pas en clair dans le href, je vais bientôt fixer ce petit problème.

Pour aller plus loin est-ce que ce fonctionnement "dans la lightbox" te gène en tant que internaute ?

Celtic Girl · 3 Octobre 2008

Le site semble très intéressant et très esthétique.

Seule requête : un flux RSS ce serait la cerise sur le gâteau... :wink:

Encore bravo pour le travail accompli.

DadouDuck · 3 Octobre 2008

Hawk a dit:
Mais comme je l' ai soulevé auparavant, le site n' en est qu' au stade bêta. Je voulais voir le concept marchait auprès des visiteurs. Alors maintenant on peut chipoter et dire :

oulala un <div style="...">, c' est pas bien

Cliquez pour agrandir...

Pour le moment je me penche plus du côté des fonctionnalités, externaliser le css n' étant qu' une formalité...

Avec un code comme cela, je doute que l'externalisation ne soit qu'une formalité.

Une ressource m'a fait bondir : Menu avec texte grossissant => http://www.fullcss.com/ressources-css/m ... ssant.html certes l'effet est sympa, et réalisé en Full CSS mais à ne surtout pas utiliser, le mécanisme est grossier, mais dans ce type de cas, il est préférable de le faire via un petit JS qui sera beaucoup plus propre et clair.

Et pour moi justement avant de lancer un tel concept il est important de montrer qu'on le maitrise, d'où un code propre et irréprochable, sinon le manque de crédibilité s'installera dès le début, et un manque de confiance dans les ressources proposées

Hawk · 3 Octobre 2008

Bonjour DadouDuck,

Déjà cet article n' est pas de moi, je ne vais pas blâmer l' utilisateur, car au final le résultat, malgré qu' il soit lourd, fonctionne.

Poste un commentaire, si la source te fait bondir

C' est le principe de la communauté, et aussi pour répondre à tes multiples attaques concernant le "doute" potentiel qui pourrait s' installer :

Je ne prétend pas être le fondateur du css, moi je propose une plate-forme, un site qui permet à une communauté de partager sur ce sujet (débutant, confirmé ou expert).

Maintenant je comprend tout à fait tes critiques, ceux-ci seront régler lors de la version finale

PS : montrer aux autres que je maitrise css n' est pas le but de ce projet.

@CelticGril : oui un membre m' a soumis la requête, promis je vais mettre ça en place (ah ... et merci du compliment

)

DadouDuck · 3 Octobre 2008

Hawk a dit:
Bonjour DadouDuck,
Poste un commentaire, si la source te fait bondir C' est le principe de la communauté, et aussi pour répondre à tes multiples attaques concernant le "doute" potentiel qui pourrait s' installer :

Fait, mais les commentaires sont modération à postériori?

Hawk a dit:
Maintenant je comprend tout à fait tes critiques, ceux-ci seront régler lors de la version finale PS : montrer aux autres que je maitrise css n' est pas le but de ce projet.

Montrer n'est pas le but, mais ce type de projet, je me répète se doit d'être irréprochable de ce coté la, le site aurait été d'une autre thématique, je ne me serait même pas amusé à lire le source, et beaucoup de dev feront de même.

Hawk · 3 Octobre 2008

Oui j' ai vue ton commentaire

Promis ce sera fixé pour la version finale

kanon90 · 3 Octobre 2008

Moi je trouve le principe très sympa. Il y a des choses intéressantes et je te souhaite bon courage pour maintenir et améliorer ton projet, la base est bien démarrée.

Leonick · 3 Octobre 2008

DadouDuck a dit:
Hawk a dit:

Pour le moment je me penche plus du côté des fonctionnalités, externaliser le css n' étant qu'une formalité...

Cliquez pour agrandir...

Avec un code comme cela, je doute que l'externalisation ne soit qu'une formalité.

+1
C'est simple, au niveau du code il faut tout revoir. L'intérêt du css, c'est l'héritage et là il ne me semble pas que ce soit appliqué, alors même en recopiant les styles dans un fichier externe, ça ne fera pas un "beau" code, car il faudra mettre des id dans tous les objets pour leur affecter un style particulier.

et puis, " lightbox full css codé sans aucune framework ou script javascript" en utilisant un onclick, pour moi ce n'est pas du full css.
Sinon, au niveau du code, il y a beaucoup de choses à revoir : sur la page d'accueil, il manque un head, etc...
quand on cherche des ressources full css, on veut qu'elles puissent valider en (x)html strict, c'est un minimum. Là

Dans le genre recueil de possibilités css, il y a au moins http://www.cssplay.co.uk/ plus alsacréations en bien d'autres

Hawk · 3 Octobre 2008

Bonjour Leonick,

Au niveau de l' héritage css je l' ai utilisé pour mon gabarit. Au fur et et à mesure de mon développement j' ai directement implanter le css dans le code pour sortir une version bêta.

Ne t' inquiète l' héritage css je connais, et je te rassure il n' y a pas tout à refaire

comparer aux heures de travail nécessaire à la fonctionnalité d' une telle plate-forme, mettre un jolie code css ne représente qu' une finition.

Concernant la lightbox, effectivement je me suis rendu compte après coup, que j' utilisais une propriété getElementbyId, je l' ai d' ailleurs spécifié dans une note. Si tu connais une technique accessible sans JS poste un commentaire, ou même article, cela pourrait être enrichissant pour nous tous.

Pour le head, c' est effectivement un oubli, je rectifie :roll:

Comme tu le dis il existe bien d' autres recueils de ressources css existent, et je n' ai pas pour but de les surpasser. Je souhaite juste mettre en place une réelle communauté francophone.

Note personnelle qui n' engage que moi : On peut toujours faire de la branlette intellectuelle avec les validations W3C, mais honnêtement sur le web le plus important est (et a toujours été) le contenu, et toujours le contenu (B-a ba du webdesigner)

@kanon90 : merci de tes encouragements

monsieurtom · 4 Octobre 2008

Hawk a dit:
Pour aller plus loin est-ce que ce fonctionnement "dans la lightbox" te gène en tant que internaute ?

En tant qu'internaute : clairement. Mais pas que, j'espère pour toi que tu ne linkeras pas l'un de mes sites

.

DadouDuck · 5 Octobre 2008

Zut, j'avais pas vu la deuxième page

Hawk a dit:
Bonjour Leonick,
Concernant la lightbox, effectivement je me suis rendu compte après coup, que j' utilisais une propriété getElementbyId, je l' ai d' ailleurs spécifié dans une note. Si tu connais une technique accessible sans JS poste un commentaire, ou même article, cela pourrait être enrichissant pour nous tous.

Certains effets sont impossibles à faire sans JS, du moins proprement, d'ailleurs essayer de faire du fullcss est parfois une aberration, une bonne maitrise du DOM permet de réussir de fabuleux exploits en CSS avec très peu de lignes de code, il est donc important de retenir que se sont des langages complémentaires

Hawk a dit:
Note personnelle qui n' engage que moi : On peut toujours faire de la branlette intellectuelle avec les validations W3C, mais honnêtement sur le web le plus important est (et a toujours été) le contenu, et toujours le contenu (B-a ba du webdesigner)

J'espère bien qu'elle n'engage que toi le B-A-ba du webdesigner n'a absolument rien a voir avec le contenu, c'est pas sont boulot, c'est celui du webredacteur, ben oui, faut pas mélanger le graphiste de l'écrivain, c'est quand même deux boulots différents, ont peut tout à fait être un bon webdesigner mais un piètre rédacteur.

Le boulot du webdesigner c'est de pondre de belles interfaces graphiques pour le web, et quelques fois de les intégrer correctement, malheureusement, la plupart des webdesigners avec lesquels j'ai eu à travailler font de très mauvais intégrateurs html => divite aigue.

Personnellement je ne suis pas un fervent défenseur de la validation w3c, d'ailleurs, je passe rarement mes intégration au validateur, mais je suis pour un code propre et CLAIR et j'insiste sur ce dernier point, c'est ce qui permet de retoucher plus facilement son code, et ça c'est sacrement plus intéressant qu'une validation

Hawk · 5 Octobre 2008

monsieurtom a dit:
En tant qu'internaute : clairement. Mais pas que, j'espère pour toi que tu ne linkeras pas l'un de mes sites .

Après quelques recherches, ne t' inquiète pas, y' a pas de risques :lol:

Dadouduck je suis assez d'accord avec toi javascript peut vraiment rendre les choses plus simple. Malheureusement prêt de 5% des internautes le désactivent et lorsqu' on vise le 'tout accessible' le xhtml/css se révèle être une très bonne solution. Après il y a les fanatiques, et les autres...

Concernant le B-a-ba du webdesigner, sache que celui-ci a un rôle majeur dans la présentation du contenu.

Exemple : un webdesigner d' E-Commerce va avoir pour objectif de VENDRE, pas de balancer des effets qui font 'in'. Il faut mettre en avant le contenu, correctement le hiérarchiser, et surtout le rendre clair.

DadouDuck · 5 Octobre 2008

Hawk a dit:
Concernant le B-a-ba du webdesigner, sache que celui-ci a un rôle majeur dans la présentation du contenu.

Non pas du tout, il ne met qu'en place des modèles types, il ne touche pas au contenu, et bien souvent ne sait pas à l'avance ce que sera la structuration du contenu.

Hawk a dit:
Dadouduck je suis assez d'accord avec toi javascript peut vraiment rendre les choses plus simple. Malheureusement prêt de 5% des internautes le désactivent et lorsqu' on vise le 'tout accessible' le xhtml/css se révèle être une très bonne solution. Après il y a les fanatiques, et les autres...

Il faut juste faire du js non intrusif, quand le js est désactivé pas d'effet pour les 5% c'est tout mais le contenu est la

Hawk · 6 Octobre 2008

DadouDuck a dit:
Non pas du tout, il ne met qu'en place des modèles types, il ne touche pas au contenu, et bien souvent ne sait pas à l'avance ce que sera la structuration du contenu.

Heureusement pour nous, si !
le contenu fait partie intégrante d' un site web, ne pas pouvoir modeler les h1, les paragraphes et autres mises en forme est hautement préjudiciable pour l' identité d' un site web. Ce qui est bien heureusement pris en compte par les webdesigners, ne s' occuper que du header et des menus serait un peu réducteur ne trouve-tu pas ?

DadouDuck a dit:
Il faut juste faire du js non intrusif, quand le js est désactivé pas d'effet pour les 5% c'est tout mais le contenu est la

+1

DadouDuck · 6 Octobre 2008

Non tu ne m'as pas compris, le webdesigner ne fait que styliser les titres (h1, h2...) les paragraphes, les listes à puces... Mais ne va pas écrire le contenu rédactionnel (c'est pas son job) donc le webdesigner n'a la pas la main sur la structuration du contenu.

Bien souvent, et je reproche cela dans les process de production la charte graphique est défini avant de connaitre précisément le contenu, les chartes graphiques ne sont donc pas toujours correctement architecturées pour le contenu, ou pensée pour une évolution de structure. Alors que l'on ne vienne pas me dire que le webdesigner un rôle majeur dans la présentation du contenu, c'est pas vrai puisqu'il n'a généralement pas suffisamment de matière pour cette étape

polweb · 6 Octobre 2008

Ben finalement je rejoins l'avis des autres.
Chouette design, il faut rendre le code full css. Il y a déjà des sites sur ce créneau comme alsacreation, donc tu devra faire ta place.

Hawk · 6 Octobre 2008

DadouDuck a dit:
Non tu ne m'as pas compris, le webdesigner ne fait que styliser les titres (h1, h2...) les paragraphes, les listes à puces... Mais ne va pas écrire le contenu rédactionnel (c'est pas son job) donc le webdesigner n'a la pas la main sur la structuration du contenu.

Bien souvent, et je reproche cela dans les process de production la charte graphique est défini avant de connaitre précisément le contenu, les chartes graphiques ne sont donc pas toujours correctement architecturées pour le contenu, ou pensée pour une évolution de structure. Alors que l'on ne vienne pas me dire que le webdesigner un rôle majeur dans la présentation du contenu, c'est pas vrai puisqu'il n'a généralement pas suffisamment de matière pour cette étape

On se met finalement d'accord Dadouduck

comme tu le dis on n' a généralement pas suffisamment de matière pour cette étape, il suffit juste d' insister pour l' avoir. Pour moi c' est un élément primordial.

En tout cas j' ai constaté ta participation pour des idées simple mais importantes au sein de fullcss. J' espère te voir continuer dans cet élan de pertinence au sein de la communauté naissante.

carrel a dit:
Ben finalement je rejoins l'avis des autres.
Chouette design, il faut rendre le code full css. Il y a déjà des sites sur ce créneau comme alsacreation, donc tu devra faire ta place.

Merci carrel

Promis dès que j' aurai le temps je finaliserai le site sur ce point. Malheureusement du développement est encore nécessaire et certains modules s' avèrent être prioritaire.

DadouDuck · 6 Octobre 2008

Hawk a dit:
En tout cas j' ai constaté ta participation pour des idées simple mais importantes au sein de fullcss. J' espère te voir continuer dans cet élan de pertinence au sein de la communauté naissante.

Bah et mes points alors

Le site étant actuellement béta, n' hésitez pas à nous soumettre vos idées 2pts bonus

:wink:

malvina14 · 6 Octobre 2008

Bonsoir,
Site sympa mais quelques contradictions:en bas de page
"Ici les tableaux sont interdits et pourchassés avec la plus grande vergogne"
et en haut de page:
"10 tableaux stylisés"
Il ne faut pas être plus royaliste que le roi, même éric Meyer utilise les tableaux pour les données tabulaires.

Sinon j'aime bien la présentation, mais je préfère les styles sur une feuille de style

Hawk · 8 Octobre 2008

malvina14 a dit:
Bonsoir,
Site sympa mais quelques contradictions:en bas de page
"Ici les tableaux sont interdits et pourchassés avec la plus grande vergogne"
et en haut de page:
"10 tableaux stylisés"
Il ne faut pas être plus royaliste que le roi, même éric Meyer utilise les tableaux pour les données tabulaires.

Sinon j'aime bien la présentation, mais je préfère les styles sur une feuille de style

Un petit peu d' humour ne fait pas de mal

Toute tentative de reproduction s' avère futile et désespérée