[url=https://github.com/hotgeart/unicorn][img]https://github.com/hotgeart/unicorn/raw/master//src/img/unicorn\_logo.jpg[/img][/url] [url=https://github.com/hotgeart/unicorn]https://github.com/hotgeart/unicorn[/url] DEMO : [url=http://hotgeart.github.io/unicorn/index.html]http://hotgeart.github.io/unicorn/index.html[/url] Bonjour, j'aimerai vous présenter en exclu un framework html/css que je développe. J'ai été fatigué d'utiliser bootstrap et autre fundation qui n'apportaient pas ce que je souhaitai en terme de développement html/css et qui demandait 50 class. Au départ, je voulais me construire une grille et une gestion efficace des forms, mais je n'ai pas su m’arrêter pour en arriver aujourd'hui à un gros bébé que j'ai décidé de partager avec vous (membre Grafikart) pour le moment sous le nom d'**Unicorn CSS**. **Pourquoi Unicorn CSS et pas un autre ?** - Beaucoup moins de class que les autres frameworks pour le même résultat. - Pas de superflu, pas besoin d'overrider 50 class pour mettre votre style. En effet bootstrap par exemple intègre deja des dégradés et shadows que vous ne voulez pas forcément. Il devient alors très pénible de les enlever. - Pour les feignasses ! La flemme de retenir la class warning, success et error ? Pas de problème indiqué la couleur tout simplement. <button class="btn green">go</button>- Unicorn intègre par défaut des fonctionnalités/plugins utiles (Font awesome, Tipsy, etc.) - Pas d'image : Unicorn est fait sans image tout n'est que CSS ou font. C'est magique ! - Annimation CSS3, parce que ça envoi du poney. **Compatibilité** Pour l'instant seul IE7 à du mal à digérer certains éléments, mais je vais le forcer le plus possible. **Mais il est moche !?** Actuellement je vous dirai que oui et non. Pour moi Unicorn CSS est fait pour les intégrateurs donc c'est une base sans 'style' on va dire. Cependant, j'ai dans l'idée de créer des styles un peu à la manière de jQuery pour les webmaster n'étant pas trop doué en design et couleurs. Vous pouvez donc prendre le framework de deux manières différents : nu comme il est en état actuelle ou avec un style crée par moi ou la communauté de licornes. Exemple un style bootstrap, flat ui, etc. **C'est gratuit monsieur ?** Oui ! Unicorn CSS est sous licence CC BY : [url=http://creativecommons.org/licenses/by/3.0/]http://creativecommons.org/licenses/by/3.0/[/url] Donc en somme vous en faite ce que vous voulez tant que vous gardez mon nom au dessus du style css d'Unicorn. **L'avenir** Je ne sais pas encore de quoi il sera fait, mais si vous avez des suggestions je vous écouterai d'une oreille ou plutôt d'un œil attentif. Je pense rajouter encore des dropdown et m'arrêter la. Et par après bien sur lui faire un site dédié avec documentation et tout le tralala. **/!\ Alpha bravo charlie** Unicorn est actuellement en alpha donc n'est pas fini et tout élément peut être supprimé à tout moment ! Par pitié ne l'utilisez pas pour le moment vous risqueriez d'avoir de mauvaises surprises. Attendez une version stable et certifié par votre serviteur ;^). Merci pour votre lecture et commentaires. *Hotgeart* [url=https://github.com/hotgeart/unicorn]https://github.com/hotgeart/unicorn[/url]

11 réponses


Merci pour le partage c'est cool je vais regarder ça de plus prêt :)

2 Remarques :

  • Pas de page d'exemple :(

  • Pas de preprocesseur rendant le code difficil à personnaliser du coup :(

Hotgeart
Auteur

La page d'exemple est l'index dans le zip. Après j'ai pas encore mit un site en ligne pour montrer la bête et venter ses mérites, mais bon j'ai pas envie de mettre la charrue avant les bœufs. Je préfère finir le truc et régler les nombreux bugs surtout au niveau des forms.

Et sinon CTRL+H :D . Non je déconne, je suis pas très less, mais je peux le convertir ou faire une apps web.

Merci pour les retours.

si tu fais une branche gh-pages, tu peux mettre ta page index.html directement et ça fait la documentation. Tu peux faire avec Sass sinon, moi je le préfère.

Hotgeart
Auteur

Pas faux en attendant :) => http://hotgeart.github.io/unicorn/index.html

Alors là, j'adore !
J'en avait un peu ras le bole du bootstrap de twitter, et je n'aime pas foundation. Je cherchais un framework css dans le style "metro" et je doit avouer que je suis tomber amoureux du tiens !
Je l'adopte ! Toutefois, tu devrais travailler un peu plus les input ;-)

Bonjour, si tu te plains des 50+ classes du Bootstrap de Twitter c'est que tu n'as rien compris à son utilité et c'est surtout pas en plombant tes concurrents que tu vas attirer du monde (surtout quand eux ont quelques choses de très stable et très populaire).

Dis, dis ! Tu comptes faire comme Foundation et faire des grids qui restent en place une fois le Responsive activé ? Si tu fais ça, ça serait juste PARFAIT !

Hotgeart
Auteur

@Swup : Je travail dans une boite web et on a un CMS perso qu'on utilise souvent (70% des projets). Ce CMS utilise bootstrap donc je sais de quoi je parle quand je dis que bootstrap demande trop de class pour un résultat standard (standard != moche). Le second problème que je trouve à bootstrap est qu'il a du mal à s'adapter au code des <form> que génère les frameworks ou CMS populaires.

Je ne crache en rien sur bootstrap je l'utilise et l'utiliserai encore sur certains projets. Je soulevais juste le problème/ la raison qui m'a pousser a monter mon framework perso qui est devenu tellement 'gros' que j'ai décidé de le partager. C'est tout... pas la peine de m'attaquer.

@Kareylo : Les grilles fluides s'adaptent jusqu'à un certain moment, mais tu peux aisément retirer le retour des blocs "à la ligne". Le code n'est pas compliqué.

Super cool! Merci du partage!

Bravo pour ton travail, j'aime beaucoup !

Je l'utiliserai surement quand j'en aurai besoin ;)

Bon courage pour la suite !