De la salle des machines

Ce premier billet de blog, après plus de deux ans d'immobilisme, traite de la technologie derrière le site web et des raisons de cette longue absence.

Dans le tout premier billet de blog après la fin quelque peu involontaire de mon ancien blog Cronhill, je voudrais vous dire quelque chose sur la technologie du site et les circonstances de sa création.

Il y a 2 ans et 3 mois, cronhill.de a été mis hors ligne. La vraie raison n'était pas le fait que je n'étais pas capable de résoudre le problème ennuyeux du changement de fournisseur de Domainbox vers Host Europe, non, c'était plutôt le fait que je n'étais pas satisfait du contenu existant à quelques exceptions près.

Un nouveau départ

Le mois de mai rend tout nouveau

Et quel nouveau départ je devrais prendre avec le Blog, je ne le savais pas encore il y a 2 ans. L'idée devait d'abord mûrir un peu. Manfred Krug a dit un jour dans son rôle de Kreuzberg chéri : Je dors sur une affaire. (Je n'ai trouvé aucune preuve pour la citation.) Mais avec le temps, les solutions à de nombreux problèmes se trouvent toutes seules. Une partie de l'ancien blogue, par exemple, était scandalisée ou commentait des articles sur des sujets de Wuppertal. Avec ce chapitre, j'ai terminé. Wuppertal comme ma ville natale continue de m'intéresser beaucoup, oui, la ville est le thème principal de ma peinture, mais je veux seulement avoir le moins possible à faire avec la politique locale.

Darling Kreuzberg

Liebling Kreuzberg est une série télévisée de langue allemande d'ARD qui a été diffusée pour la première fois en cinq saisons avec un total de 58 épisodes entre 1986 et 1998. Les scénarios des saisons un à trois et cinq ont été écrits par Jurek Becker, qui a écrit le rôle de l'avocat berlinois non conventionnel Robert Liebling à son ami Manfred Krug. Le personnage principal éponyme Robert Liebling est un avocat et notaire qui a son bureau dans le quartier berlinois de Kreuzberg.

Wikipedia article (de)
Deutschlandfunk (de)

Et c'est la peinture qui m'a motivé à enfin redémarrer avec le blog. Très peu de gens connaissent mes peinture à ce jour, sauf par une magnifique soirée de décembre où je ne les ai jamais montrés au public. Mais beaucoup de commentaires positifs m'ont motivé au cours des dernières semaines pour l'essayer une fois. Un autre sujet a rejoint la peinture ces derniers mois, c'est mon intérêt de longue date à faire quelque chose de mes mains et de moi-même. J'aimerais lui donner de l'espace et peut-être que l'un ou l'autre sujet est encore intéressant pour d'autres personnes. Et j'aimerais aussi montrer quelques unes de mes photos, mais cela viendra probablement plus tard.

Question de dessin et d'outillage

Le philosophe Henri Bergson dit, à juste titre et par essence : Il n'y a pas de plus grand plaisir que de se faire un outil pour faire les choses avec lui. Dès l'automne 2017, j'ai commencé à penser à la nouvelle apparence de la marque Cronhill. Si vous voulez visser quelque chose ensemble, le clouer ensemble, créer quelque chose ou simplement créer quelque chose, vous avez besoin d'outils. Nos outils les plus ingénieux sont nos mains, après cela rien ne vient avant longtemps. Un bon outil pour clouer est le marteau, mais il fonctionne aussi avec une bonne chaussure. Un célèbre cordonnier hongrois a dit un jour qu'il suffit d'un marteau et d'un couteau pour fabriquer des chaussures. Cela ne dépend donc qu'indirectement du bon outil. C'est en fait l'objectif visé. Et souvent, l'objectif change à nouveau lorsque vous travaillez avec des outils. Mais comme c'est le cas : J'ai une maison et un jardin et dans mon entreprise de graphisme et de web design il y a beaucoup à faire et il m'a fallu jusqu'à l'automne 2018 pour prendre une décision sérieuse, quelque chose de nouveau doit être fait.

Henri Bergson

Henri-Louis Bergson est né le 18 octobre 1859 à Paris et y est mort le 4 janvier 1941. Philosophe français, il est considéré, avec Friedrich Nietzsche et Wilhelm Dilthey, comme le représentant le plus important de la philosophie de la vie. En 1927, il a reçu le prix Nobel de littérature.

Source : Spiegel Gutenberg (de)

Peter Möller onBergson

L'esprit est l'organe de "l'homo faber", l'outil de production humain.

Source: Philolex: Henri Bergson

La première tâche était un logo, qui m'incarne, mon travail et mon intention et une apparence qui me convient. Je remercie Arne Kamola pour ses suggestions et ses critiques. Je n'aurais pas fait tout ce chemin sans lui.

La mise en page d'un site Web devrait être facile pour un concepteur qui travaille dans ce domaine depuis près de 21 ans, mais ce n'est évidemment pas le cas. La demande et le doute sont des compagnons constants, la vue quotidienne à travers le filet vous montre les nombreuses et belles fleurs qui poussent de l'autre côté de la rue. La seule chose qui aide est de se concentrer sur la tâche à accomplir et de ne pas trop se laisser distraire. Ce qui est fini une fois n'est que marginalement changé.

Néanmoins : Une fois le premier dessin terminé, des objections typographiques justifiées et l'amélioration de la typographie à la préclassique Antiqua ont fait beaucoup de bien au logo et à la page. Mais les objections m'ont emmené dans un passionnant voyage typographique à travers l'histoire d'Antiqua en Europe et aux États-Unis d'Amérique, qui remplit maintenant plusieurs pages de papier A4 et n'est toujours pas terminé. Ça a pris des jours. Au cours de ce voyage, j'ai rencontré de nombreuses personnalités intéressantes et j'ai appris à mieux les connaître et les comprendre. Ce temps était nécessaire, mais encore une fois le projet a été reporté de quelques semaines/mois.

Le design est maintenant caractérisé par deux magnifiques polices de caractères : Le Georgia ou pour les utilisateurs Mac le Baskerville et le IBM Plex Mono. La Georgia n'est pas une véritable antiquité baroque ou renaissance, mais pour des raisons techniques j'ai dû utiliser une Antiqua pré-installée, c'est-à-dire la Georgia sur Windows et la Baskerville sur Mac.

Je veux me passer autant que possible de graphismes et de styles décoratifs élaborés, car la police Monotype me rappelle que sur les machines à écrire, les marques de texte et les délimitations étaient souvent représentées par des caractères.

MODX - le couteau suisse

Le design était alors prêt, il ne me restait plus qu'à choisir le bon outil. Le choix n'a pas été fait en 2017, mais maintenant en 2019, c'est très facile. Il n'y avait que deux alternatives : Wordpress ou MODX. Je suis un concepteur en développement et non un concepteur en conception. PHP est loin de moi. Wordpress est en fait le logiciel de choix pour votre blog, mais je ne pense pas que la façon dont Wordpress fonctionne soit de donner à l'utilisateur non technique autant de contrôle sur la conception que possible. Cela conduit à des codages de modèles très complexes, dans lesquels je n'ai ni le temps ni le désir de m'impliquer. De plus, l'architecture de plugin de Wordpress peut conduire à des excès extrêmes de fichiers Javascript et CSS qui rendent le site lent et difficile à charger pour les appareils mobiles. C'est plus facile, plus contrôlé et beaucoup plus rapide avec MODX, que j'utilise dans presque tous mes projets professionnels depuis 2012. À mon avis, il n'y a pas d'autre outil qui vous permet de passer d'une maquette HTML à un site Web en cours d'exécution aussi rapidement. Du moins pour un designer en développement comme moi.

Petit à petit, j'ajoute les outils nécessaires aux accessoires de mon couteau suisse préféré et comme j'ai l'ambition déraisonnable d'avoir un site trilingue, tout doit être soigneusement testé et adapté. Les commentaires en fonction suivront probablement plus tard, beaucoup de mes tableaux doivent encore être reproduits, ces contenus suivront peu à peu.

Forfaits MODX

Voici une liste inachevée des paquets que j'utilise pour ce site :

  • Ace
  • Alpacka
  • Babel
  • Batcher
  • Collections
  • getResourceField
  • GoogleSiteMap
  • MoreGallery  
  • pdoTools
  • SEO Tab
  • TinyMCE Rich Text Editor
  • Upgrade Modx

Ce qui manque :

  • Quip
  • Simplesearch
  • ... et beaucoup de choses que je ne sais pas encore.

CSS

Ces dernières années, je suis devenu à l'aise en tant que concepteur web, probablement comme beaucoup de mes collègues. J'ai utilisé Foundation et Bootstrap dans de nombreux projets parce que c'était vraiment facile et rapide.

Cependant, le développement des frameworks CSS augmente en taille de fichier ou prend un chemin - par exemple vers SASS - que je ne veux pas aller plus loin. C'est pourquoi j'essaie de m'éloigner des cadres en ce moment. Il en résulte des fichiers plus petits et le fait que vous n'avez pas à écraser les propriétés standard tout le temps. Pour la mise en page de base, j'ai décidé d'utiliser une très petite Flexboxgrid CSS, écrite par Kristopher Joseph alias @dam. (http://flexboxgrid.com/) Je l'ai adapté à une mise en page en 16 colonnes pour moi-même. La raison en était que je pouvais créer des colonnes avec un ratio de 3 à 5 pour 8. Ceci se rapproche le plus du nombre d'or d'une grille Flex.

Ce qui suit

Je vais construire le site un par un. Je veux être enfin et à nouveau en ligne. Tout le reste suit et comme vous pouvez le voir à Guédelon, c'est parfois encore plus excitant d'assister à la création d'une chose que de la voir complètement terminée.

tl, dr;

Quelques raisons pour lesquelles cronhill.de si longtemps hors ligne vrai. Et pourquoi j'ai choisi MODX comme outil de mon choix et quelle stratégie et philosophie je poursuis maintenant avec les frameworks CSS. 

Commentaires (0)


Les commentaires sur ce sujet ne sont plus acceptés.