Exotech.biz

Web, Technology & life by Bastien Labelle

Aller au contenu | Aller au menu | Aller à la recherche

Un framework de CSS de haut niveau?

Le CSS est une des technologies que j'apprécie le plus, car elle permet de séparer le fond (le HTML/XHTML) de la forme. Et il y a quelque chose que j'apprécie de plus en plus, ce sont les frameworks CSS. Un que j'aime beaucoup notamment est 960 Grid System, car il permet de faire du wireframing très rapidement. Ce n'est pas le seul, je sais qu'il en existe des dizaines, et chacun a ses avantages et ses inconvénients.

CSS Origami

Je suis déjà en train de réfléchir à ma prochaine Webapp (yet another project with Cédric!!), pour laquelle je devrais développer une zone d'administration. Et j'étais en train de penser qu'il n'existe à ma connaissance aucun framework CSS de haut niveau. Par haut niveau, j'entends un framework CSS qui ne gère pas seulement le positionnement des éléments comme 960 Grid System, ou encore des composants comme SenCSS, un framework qui gère le design entier.

J'apprécie beaucoup l'administration automatique sous Django. Sous Django, toutes les interfaces d'administrations sont les mêmes. Bien évidemment, elles sont modifiables, mais l'administration de Django est tellement productive que je pense stupide et improductif de perdre du temps à la modifier, puisqu'elle est par défaut relativement bien. Mais Django est un framework Python, et ce dernier est un langage côté serveur.

Mais c'est Django qui m'inspire. Car quand on doit travailler dans un autre langage, avec un autre framework, il faut parfois développer soi-même ses propres CRUD. Existe-t-il un framework CSS (en fait un design CSS) open source qui permettent de générer des zones d'administrations rapidement? Car j'avoue avoir la flemme de tout faire moi-même. Soit mes interfaces d'administration n'ont aucun design, soit je perds un temps fou à les développer.

Un framework CSS de haut niveau permettrait de rationaliser et de normaliser le développement XHTML, et avec l'expérience et la réutilisation, de gagner en productivité.

Je ne sais pas si ce genre de chose existe, mais si ce n'est pas le cas, je risque fortement de songer à développer un framework CSS spécialement pour les zones d'admin!

Crédit Photo: Simon Pow

PS: En rédigeant ce billet et faisant des recherches, j'ai trouvé Schema (prononcez Skima!!), un framework CSS haut niveau, même s'il ne correspond pas vraiment à mon besoin. A creuser...

Espresso, l'éditeur de code pour le développement web sur Mac

Voilà une news qui va faire plaisir à mon ami Guirec: Espresso, l'éditeur de code pour le développement web de MacRabbit (déjà connu dans le monde Mac pour avoir réalisé CSSEdit) vient de sortir en beta publique cette nuit. Un tout nouvel éditeur, qui vient concurrencer les déjà célèbres et excellents TextMate ou Coda. Et c'est déjà plus de ce dernier que se rapproche Espresso, avec une approche one-window web development.

Espresso

Les fonctionnalités sont sensiblement les mêmes à celles de Coda. Néanmoins, Espresso ne supporte pas (encore?) SVN, mais inclut sensiblement les mêmes possibilités via son outil de transfert. En parlant de transfert, Espresso permet la connexion à plusieurs serveurs, ce qui peut être très pratique pour développer avec un serveur de test et un serveur de production notamment. Néanmoins, pas de terminal intégré.

A noter aussi les Workspaces, qui mixent les onglets aux sidebar. Cela nécessite un temps d'adaptation, mais il est possible de vous créer des petits workspaces temporaires assez facilement, ce qui peut s'avérer très pratique.

Au niveau CSS, Coda est bien supérieur à Espresso car il intègre un éditeur visuel qui évite de taper trop de code une fois maîtrisé.

Espresso et Coda ont chacun de bons côtés et de mauvais côtés pour leurs éditeurs HTML respectifs. Espresso permet de faire du code folding, et plus confortable au niveau de l'écriture de HTML qui devient presque nataurelle (inspiré de Dreamweaver, ce qui est une bonne chose à mon sens). Néanmoins, Espresso n'est pas aussi riche en référence, et ne gère pas pour l'instant des langages de script, seulement des langages de description, tels que HTML, CSS, XML, etc.

Cependant, on peut se douter qu'Espresso évoluera grâce notamment à son système de plug-ins (pas encore vu à l'oeuvre).

Espresso coute 59.95€ (je pense que c'est un tarif beta uniquement, il sera certainement plus cher après le lancement), alors que Coda en coûte 99€. Peut-être donc vaut-il mieux attendre qu'Espresso évolue avant de l'acheter, car pour l'instant, j'avoue que je préfère toujours Coda. Même si je pense que l'éditeur HTML d'Espresso est une vraie bombe!

Snippet Bucket présente le Clogging et les Clogs

Snippet Bucket

On connaissait le blogging, le micro-blogging, le tumbling, mais connaissez-vous le Clogging?

Une idée lancée par John Nunemaker a laquelle a donné vie Nicolas Mérouze hier. Le clogging est la compression des mots Code et Blogging. Là où certains bloguent ou micro-bloguent des notes et des fichiers multimedias, Snippet Bucket cible quant à lui les développeurs tout languages confondus, afin qu'ils puissent bloguer cloguer des Snippets.

Pour une définition des Snippets, un petit tour direction Wikipedia...

Snippet est un terme programmatique pour une petite région réutilisable de code source ou de texte. Ordinairement, ce sont des unités formellement définies à incorporer dans des modules plus larges.

Le design est joli, soigné et est signé Stéphane.

A noter aussi une fonction intéressante: on peut exporter des bouts de codes et les afficher via un petit code javascript. En gros, Snippet Bucket permet de diffuser les snippets! Un exemple avec le classique "Hello World!":

Une applications très intéressante pour les développeurs au niveau mondial, car Snippet Bucket est disponible en anglais, mais aussi en français. J'y invite d'ailleurs les développeurs à poster leurs snippets as soon as possible.

Dernier point: Snippet Bucket utilise OpenID comme méthode d'authentification. Si vous ne connaissez pas, je vous conseille l'excellent billet qu'a écrit Stéphane à ce sujet

Note: Ah, j'oubliais un truc: j'ai aussi un Clog!

Note2: Apparement, la fonction Snippet en javascript bugue au niveau des CSS, mais ce n'est qu'une beta!