tag:linuxfr.org,2005:/tags/webdev/publicLinuxFr.org : les contenus étiquetés avec « webdev »2016-06-30T13:59:59+02:00/favicon.pngtag:linuxfr.org,2005:Post/370152016-06-29T13:27:33+02:002016-06-29T13:27:33+02:00Cherche CMS basé sur git / statique / dynamique ?<p>Bonjour, </p>
<p>je réfléchis depuis quelques temps à un système de blog (plutôt blog que CMS d'ailleurs mais techniquement un blog est un CMS tout de même).</p>
<p>Voici les spécifications de ce dont j'ai besoin :<br>
- Toute la partie rédaction doit se faire en local dans un dépôt git<br>
- Un <strong>simple git push</strong> doit remettre à jour <strong>l'ensemble du site</strong> suivant les modifications effectuées depuis le dernier commit<br>
- le langage de rédaction doit être évolué : permettre une structuration efficace tout en étant concis et facile à apprendre<br>
- le CMS doit comprendre la partie « équations mathématiques » (donc interface avec mathJax obligatoire)<br>
- le CMS doit être capable de faire de la coloration syntaxique automatique (c'est à dire de distinguer les bouts de code et de les colorier de manière idoine si balisés correctement).<br>
- L'inclusion de liens externes (vidéos youtube, etc) doit être facile.<br>
- L'inclusion d'images doit être facile, la capacité à placer une légende en dessous d'une vidéo doit être implémentée.<br>
- Il doit être possible d'avoir un système de citations (c'est à dire des renvois vers des liens idoines en bas de page), éventuellement ces citations (¹,²,³) peuvent apparaître comme des liens externes mais je souhaiterais avoir tout de même la liste des références en bas d'un article.<br>
- Un système de commentaire n'est pas indispensable dans un premier temps. Éventuellement un interfaçage avec DisqUs serait pas mal mais ce n'est pas indispensable.<br>
- Le système de liens intra-sites doit être simple et facile à mettre en œuvre (typiquement un chemin relatif vers le fichier dans l'arborescence du dépôt+une ancre).<br>
- La hiérarchie du site doit refléter la hiérarchie des répertoires stockés sur le dépôt github.<br>
- Éventuellement il devrait être possible de faire des aller-retours latex<->langage de publication sans trop de dommages.</p>
<p>Voilà, j'ai essayé de recenser l'ensemble de mes besoins. J'ai conscience que c'est assez long, que probablement des outils existants répondent déjà au besoin de manière partielle. Mais la liste des besoins est assez longue, donc je préfère demander plutôt que d'essayer 15 outils qui ne font pas correctement ce que je souhaite. Je suis prêt éventuellement à développer certaines des fonctionnalités nécessaires mais je pense qu'il s'agit surtout de trouver un ensemble d'outils et de les faire marcher ensemble.<br>
Voilà, si vous aviez une piste.<br>
Merci beaucoup.</p><div><a href="https://linuxfr.org/forums/general-cherche-logiciel/posts/cherche-cms-base-sur-git-statique-dynamique.epub">Télécharger ce contenu au format EPUB</a></div> <p>
<strong>Commentaires :</strong>
<a href="//linuxfr.org/nodes/109374/comments.atom">voir le flux Atom</a>
<a href="https://linuxfr.org/forums/general-cherche-logiciel/posts/cherche-cms-base-sur-git-statique-dynamique#comments">ouvrir dans le navigateur</a>
</p>
nlhsshttps://linuxfr.org/nodes/109374/comments.atomtag:linuxfr.org,2005:News/291012012-02-02T14:30:48+01:002012-02-02T14:57:15+01:00Bootstrap 2.0, par TwitterLicence CC By‑SA http://creativecommons.org/licenses/by-sa/3.0/deed.fr<div><p>Bootstrap est une boîte à outils HTML, CSS et JavaScript permettant de créer rapidement et efficacement des applications web. Il vient de sortir en version 2. Il est publié sous licence Apache 2.0. Tous les détails dans la seconde partie de la dépêche.</p></div><ul><li>lien nᵒ 1 : <a title="http://twitter.github.com/bootstrap/index.html" hreflang="en" href="https://linuxfr.org/redirect/75067">Site officiel</a></li><li>lien nᵒ 2 : <a title="https://github.com/twitter/bootstrap" hreflang="en" href="https://linuxfr.org/redirect/75068">Dépôt sur Github</a></li><li>lien nᵒ 3 : <a title="http://twitter.github.com/bootstrap/examples/fluid.html" hreflang="en" href="https://linuxfr.org/redirect/75069">Exemple de site</a></li><li>lien nᵒ 4 : <a title="http://twitter.github.com/bootstrap/upgrading.html" hreflang="en" href="https://linuxfr.org/redirect/75070">Instructions de mise à jour en version 2.0</a></li><li>lien nᵒ 5 : <a title="https://dev.twitter.com/blog/say-hello-to-bootstrap-2" hreflang="en" href="https://linuxfr.org/redirect/75083">Say hello to Bootstrap 2.0</a></li></ul><div><h3 id="toc_0">Présentation</h3>
<p>Bootstrap est un framework destiné aux applications web. Développé par Twitter et distribué sous licence Apache 2, c'est un outil à considérer lors du développement rapide d'applications web. L'utilisation combinée du HTML, du CSS, et du JavaScript propose au développeur des méthodes de développement très efficaces. De nouveaux plugins JavaScript utilisant jQuery sont présents. D'autres sont retirés, comme le merveilleux <em>« table-sorter »</em>.</p>
<p>Par exemple, la création d'une barre de navigation en tête de page, très similaire à celle de Twitter, se fera par l'utilisation de cette structure HTML (ici simplifiée) :</p>
<p></p><pre>
<code class="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"navbar"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"navbar-inner"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"container"</span><span class="nt">></span>
...
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
</code>
</pre>
<p>Il est quand même important de constater que si l'utilisateur ne souhaite pas utiliser de CSS ou de JavaScript, l'application continuera de fonctionner correctement. Dans la plupart des cas, la structure sera quand même beaucoup plus simple. Voici le code pour transformer un simple lien en gros bouton rouge.<br /></p><pre>
<code class="html"><span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn btn-large btn-danger"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Une action quelconque<span class="nt"></a></span>
</code>
</pre>
<p>L'inconvénient majeur est qu'une application développée avec ce framework en devient très dépendante, malgré l'utilisation de classes pour styliser l'application, changer l'apparence semble difficile sans une réécriture du HTML.</p>
<h3 id="toc_1">Nouveautés</h3>
<p>Les nouveautés de cette version sont nombreuses. Une grande partie du code a été réorganisée, ce qui implique de devoir réécrire de grandes parties des applications développées avec les versions précédentes.</p>
<ul><li>Un support des différentes tailles d'écrans, pour les applications mobiles, est maintenant présent. L'apparence des formulaires a été retravaillée, pour une présentation plus organisée.</li>
<li>Les icônes glyphish sont incluses par défaut, et leur utilisation est très facile. Glyphish est une collection d'icônes libres et très sobres. Il existe cependant une version plus complète payante, et destinée à la base pour les applications iOS.</li>
<li>De nouveaux blocs sont présents, comme un bloc de navigation stylisé rappelant les menus de gauche de Nautilus ou Thunderbird.</li>
</ul></div><div><a href="https://linuxfr.org/news/bootstrap-2-0-par-twitter.epub">Télécharger ce contenu au format EPUB</a></div> <p>
<strong>Commentaires :</strong>
<a href="//linuxfr.org/nodes/89289/comments.atom">voir le flux Atom</a>
<a href="https://linuxfr.org/news/bootstrap-2-0-par-twitter#comments">ouvrir dans le navigateur</a>
</p>
yellowiscoolNÿcoBruno MichelclaudexFlorent ZaraBrndanbaud123https://linuxfr.org/nodes/89289/comments.atom