Le Blog

Le blog laboratoire de F.L.D. Studio
0

Flat design

Flat Design

Tendance minimaliste

Le "flat design" comme son nom l'indique est du design à plat. C'est une tendance très forte cette année qui affecte le design des sites Internet et qui s'oppose principalement au skeuomorphisme qui à l'inverse s'ingénie à reproduire la réalité dans les interfaces virtuelles. On trouvera dans le blog de tuto.com un bon article qui explique tout cela.

En résumé il s'agit de simplifier à l'extreme les interfaces utilisateurs avec un certain nombre de rêgles comme l'utilisation d'applats de couleurs et la suppression de tout éléments décoratifs superflux. C'est même un comble car après avoir cherché pendant des années à faire des boutons en relief ou à arrondir les angles des blocs, chose aujourd'hui très simplement réalisable en CSS3 et bien cette tendance tend à supprimer tout cela !!!

L'approche graphique n'est pas loin de celle de l'école du Bauhaus et la fameuse phrase de son 3ème directeur Ludwig Mies van der Rohe :

Less is more

On y retrouve aussi le concept forts des architectes modernistes comme Le Corbusier, ou Walter Gropius qui est que la forme dicte la fonction.

Le "flat design" est aussi la fille du "'responsive design" qui lui n'est pas une tendance artistique mais un ensemble de techniques visant à afficher un contenu plus ou moins identique sur des médias de tailles différentes (du smartphone à la T.V.) Un des impératifs du responsive étant la légéreté, le flat se prête très bien à l'exercice car il n'est plus necessaire de rédiger des lignes et des lignes de CSS pour s'occuper du décors.

Tendance lourde ou mode passagère j'obterais plutôt pour la première hypothése. De nombreux sites qui se refont un look cette année adoptent ce style de design aussi bien pour des raisons techniques que esthétiques. Une galerie de sites "flat"  :  http://fltdsgn.com/ ou une adaptation pour Jquery UI

Lire aussi cet article sur le blog de l'agence LunaWeb

Codes Couleurs du Flat Design

Flat Couleurs

Outils

Les couleurs du Flat et un site pour les trouver

Palette CSS

Catégories: Humeur

Commentaires: Pas de commentaires

0

ProcessWire for Ever

CMS Critic proplusé par PorocessWire

Nouvelle distinction

La nouvelle vient de tomber comme ont dit, plutôt la newsletter de  CMS Critic qui comme son nom l'indique est un site qui parle des CMS (Content Management System). Ce qui déclenche ce post c'est justement l'adoption par ce site de  ProcessWire comme moteur de sa nouvelle mouture. Qu'elle belle démonstration de la puissance de cet outil. Les concepteurs indiquent qu'il remplace WordPress qui auparavent fonctionnais  avec une trentaine de pluging et 30Mo de base de données. La taille de celle-ci est à présent divisiée par 6. Le design de base repose sur le framwork CSS  Foundation et de meilleurs temps de réponse sont au rendez vous  de ce nouveau moteur.

Aprés avoir été élu meilleur CMS de l'année 2012 par la critique, voila une belle reussite pour ce CMS qui je l'avoue à aussi ma modeste préférence. Après l'avoir découvert par hasard à l'été 2012 je l'avais utilisé pour la conception du site de la société MSD Informatique et aussi pour la Ligue Motocycliste de Bourgogne . Ce CMS agnostique, qui n'impose ni feuilles de styles, ni javascript pré-conçus offre une grande liberté de conception pour toute sorte de projet. Le blog que vous lisez en ce moment est lui même un module de ProcessWire.

ProcessWire est un outil pour développeur, pas fait pour que utilisateur lamda monte son site par lui-même donc et de ce fait permet de conceveoir à peux près n'importe quoi avec une qualité, une robuteste et une élégance de codage encore rarement atteinte par les produits concurents. J'espère que ce début de notoriété reconnue lui fournira sa chance auprès de la communauté des développeurs qui parfois à tendance à suivre les "standards du marché" sans trop les remettre en question.

L'article de CMS Critic : http://www.cmscritic.com/cms-critic-is-now-powered-by-processwire/

Tous les articles : http://www.cmscritic.com/search/?q=processwire


Chez ProcessWire

La page par défaut habillée par ZURB Foundation 4 : http://modules.processwire.com/modules/foundation-site-profile/

Du "Hanna Code" (PHP,HTMLJavascript) dans les textareas avec ou sans editeur enrichi : http://modules.processwire.com/modules/process-hanna-code/

Code used by this module for generating encoded signatures was adapted from Google's Extended URL signing gallery sample for PHP:  http://gmaps-samples.googlecode.com/svn/trunk/urlsigning/UrlSigner.php-source

Organiser le back-office d'un site multi-langues : http://modules.processwire.com/modules/language-field-tabs/

Construire un site multi-langues :  http://processwire.com/api/multi-language-support/multi-language-urls/

Intercepteur d'image pour les formater : http://modules.processwire.com/modules/textformatter-image-interceptor/

Catégories: Développement WEB, Humeur, Processwire

Commentaires: Pas de commentaires

0

Web Services

Web services

WEB Services

Pour nous aider à concevoir des sites Internet il existe de nombreuses ressources en ligne. Ces sites ne font qu'une chose et en général il le font bien et simplement. Générer des images à la taille de son choix, les amincir, organiser son CSS, compresser le JavaScript, ils sont nombreux à proposer leur services. Petit tour d'horizon de ce que nous pouvons utiliser tout au long de la conception.

Ressources

Générer des Images

Compresser des images

Gérer les couleurs

CSS

Compresser le CSS

Compresser le JavaScript

Micros formats

Responsive Design

Accesiblité

Divers

Catégories: Développement WEB

Tags: Ressource

Commentaires: Pas de commentaires