URL: https://linuxfr.org/users/kursus_hc/journaux/kde-a-webdesigner-s-workflow Title: KDE : A webdesigner's workflow Authors: kursus_hc Date: 2013年01月28日T16:41:24+01:00 License: CC By-SA Tags: franglais Score: 39 Bonjour à tous, Aujourd'hui je vais vous parler de ma vie de ouebdéveloppeur sous Linux, et plus précisément sour KDE. Voyez ça comme une collection d'astuces plus que comme un véritable tutoriel (comprendre: c'est carrément décousu). Une chose est sûre: ma préoccupation number one, c'est la productivité. J'aime que ce soit simple et rapide (comprendre: vous ne trouverez pas ici 5km de texte pour vous expliquer comment installer des technos imbitables qui vous permettront de faire ce que vous faîtes déjà plus ou moins avec un notepad). Allez, c'est parti ! Environnement ------------- **Gestion des fichiers** Dolphin est un excellent gestionnaire de fichier, complet et configurable. Ne manquez pas les fonctions de tri par groupe et d'affichage ou non des dossiers en premier, toutes deux attribuables à un raccourci clavier. Egalement si vous débarquez sous KDE vous pouvez abuser de la barre de filtre (ctrl+i) et de la konsole (f4). **FTP** Dolphin gère très bien les protocles fpt et sftp, alors pourquoi s'en priver ? "Parce que j'ai pas envie de faire une grosse boulette en confondant mon dossier temporaire local et le dossier de prod" allez-vous me répondre. C'est une bonne raison, mais qui s'évapore avec l'astuce ci-dessous. Créez un lanceur avec une commande de ce type : dolphin --style Cleanlooks --caption OMG\!-FTP La première option modifie le style de l'application, et la seconde ajoute un titre permanent à la fenêtre. Ainsi vous n'avez plus beaucoup de risque de confusion. Utiliser un autre thème, moche le plus souvent, n'est pas la solution idéale je vous l'accorde. Il y a une option --bg dans Qt mais KDE semble l'overrider. Les avantages sont évidents (cohérence, facilité, rapidité) et surtout vous allez pouvoir gérer vos mots de passe FTP via le portefeuille KDE, plutôt que de les laisser en clair à la vue de tous comme Filezilla (par exemple) le fait. Bien sûr vous pouvez créer un raccourci dans le panneau latéral qui vous mènera à un dossier contenant l'ensemble de vos liens FTP. **Git** Je n'utilise que les fonctions basiques de Git donc je ne m'étendrai pas sur le sujet, si vous souhaitez une GUI jetez toutefois un oeil à Git-Cola qui fait le boulot correctement. Un petit mot sur le fait d'utiliser Git sur des petits projets qui n'impliquent que vous-même : si ça peut passer au début pour une inutile usine à gaz, ça reste presque toujours une bonne idée : le système de commits permet de stimuler sa productivité, et surtout, après quelques projets, vous obtenez un historique facile d'accès de toutes vos actions, ce qui peut vous faire gagner beaucoup de temps si vous tombez sur un bug déjà rencontré par le passé. Edition ------- J'utilise Kate au quotidien, c'est un bon éditeur, quoi que pas vraiment taillé par défaut pour le webdesign. **Zen coding** Premier réflexe: activer le Zen coding. J'en ai déjà parlé ici http://linuxfr.org/users/kursus_hc/journaux/zen-coding-pour-kate et ça va vous rendre la vie belle si vous avez à écrire beaucoup de code. **SASS** Les pré-processeurs css sont à la mode en ce moment, et on comprend pourquoi. Apportant de nombreuses fonctions indisponibles en natif, comme les variables, les conditions, les mixins (désolé pas de traduction) ou les opérations sur les couleurs, l'écriture et la maintenance du code en sont grandement facilités. Avis perso : si vous hésitez encore entre les deux ténors gu genre, SASS et LESS, choisissez SASS, un brin plus solide. **Inuit.css** Choisir SASS, c'est aussi pouvoir utiliser Inuit.css. https://github.com/csswizardry/inuit.css Ce framework modulaire plutôt léger (un vingtaine de ko en sortie si compilé avec toutes les options) se veut une alternative à Bootstrap, contenant toutes sortes de snippets et de corrections, mais vise avant tout les gens qui n'ont que faire du design, car il n'en contient aucun élément. Exit donc les zolis boutons et autres flatteries visuelles, avec Inuit.css vous avez une base hyper solide pour construire le votre. Astuces ------- **PNGQuant** Voici un petit utilitaire, développé à l'origine pour linux, qui va vous sauver la vie, surtout si vous faîtes du développement mobile. Il explose littéralement tous les autres en termes de compression (il n'est pas rare d'obtenir un ratio de 300%, voire plus) en codant vos fichiers sur 8 bits. Probablement disponible dans votre gestionnaire de paquet, il s'utilise comme suit : pngquant -options *.png Voici un alias bien utile à placer dans votre .bashrc : alias pngquant='pngquant -force -verbose -ordered 64' Ce qui activera le mode de compression (ordered) le plus efficace. Enfin le plus efficace selon mes observations on va dire (j'ai comparé des centaines d'images destinées au web, de l'illustration pleine de couleur à l'arrière-plan de 5x3px, et la compression ordered sort à chaque fois gagnante. Attention il arrive parfois que la qualité soit dégradée, veillez à bien comparer l'original et la compression. **Permissions** Si vous avez déjà travaillé avec un CMS en local, vous vous êtes déjà probablement arraché les cheveux à trouver un équilibre entre les permissions serveur/utilisateur. Certains recommandent de ne modifier les droits que sur les fichiers que vous comptez modifier. Personnellement je ne sais jamais à l'avance ce que je dois modifier, donc je préfère la solution bourrine. Créez un fichier webdev_ready.desktop dans $USER/.kde/share/kde4/services, à l'intérieur duquel vous allez placer ceci : [Desktop Entry] Type=Service Icon=dolphin Actions=WebDevReady ServiceTypes=KonqPopupMenu/Plugin,inode/directory,inode/directory-locked [Desktop Action WebDevReady] Exec=setfacl -R -m www-data:rwx %U && setfacl -R -d -m www-data:rwx && setfacl -R -m $USER:rwx && setfacl -R -d -m $USER:rwx Icon=dolphin Name=WebDev Ready Cela vous donnera une action Dolphin, accessible par clic droit sur un dossier, qui configurera vos permissions de façon à ce que votre CMS ne chouine pas dès qu'il doit modifier un de ses fichiers (par exemple pour installer une extension) tout en vous donnant la possibilité de modifier/créer des fichiers en utilisant vos application favorites. Tant qu'on est sur la thématique serveur, n'oubliez pas d'activer le mod_userdir d'apache pour une sécurité accrue. Ayé, c'est fini !

AltStyle によって変換されたページ (->オリジナル) /