Webmestre.fm

Webmestre.fm

By Kevin Huddy et Francis Parent-ValiquetteTechnology
Download on the App Store

Webmestre.fm episodes

  • Design 101 pour les programmeurs

    Pas toujours évident de faire des designs agréables ou de modifier les designs existants pour les programmeurs, aujourd’hui on vous partage des trucs qui nous ont permis de nous « sauver » de cette tâche tout en donnant un résultat acceptable.

    Notes de l’épisode
    • Kevin et Francis se saluent et parlent de la possibilité de passer à 2 épisodes par mois
    • Le mauvais coup de Kevin (son opération aux oreilles)
    • Le mauvais coup de Francis survivre à la gastro de ses enfants
    • On jase de multivitamines
    • Présentation du sujet (designer quand on est programmeur)
    • Kevin rit des designs de Francis en 2011
    • Annectode d’un programmeur Back-end VS Design
    • Francis utilise encore BootStrap
    • Trucs de base pour la Typographie
    • Kevin apprend à Francis l’unité de mesure « ch » en CSS
    • On évite les trop gros contrastes 2 gris neutre
    • Filtre « gray scale » pour vérifier le contraste
    • On privilégie les dégradés de couleurs
    • Utiliser les filtres SASS sur la couleur d’accent
    • Francis se sent attardé en Front-End
    • Font Ninja
    • Courcicuiter le design avec des thèmes
    • Francis utilise DIVI theme
    • Kevin utilise quelque chose qui n’existe plus … https://themebeans.com/themes/
    • WordPress travaille à devenir un « Site Builder »
    • Pour les vieux de la vielle téléchargez le plugin « Classic Editor« 
    • Bulma
    • Theme Forest
    • Faites like sur notre page Facebook
    Sick Picks
    • Francis: Rad Runner
    • Kevin: Stuff You Should Know (Podcast)

    The post Design 101 pour les programmeurs appeared first on Webmestre.fm.

    38 min
  • Retourner au boulot!

    La vie de Freelance n’est pas toujours un beau grand fleuve tranquille, tous les jours nous sommes bombardés par des opportunités, des offres d’emploi.

    Au fur et à mesure que nous satisfaisons nos clients, les opportunités viennent vers nous! Dans cet épisode, on vous parle du retour au travail de Kevin en tant que salarié pour une agence web pour laquelle il faisait des contrats « Freelance »!

    Notes de l’épisode
    • Le mauvais de Francis l’achat du Rad Runner
    • Le mauvais coup de Kevin ( son nouvel emploi chez High 5 Studio de création)
    • Présentation du sujet
    • Kevin nous partage ses sentiments
    • Comment l’opportunité s’est présenté à Kevin
    • Comment High 5 évolue d’un modèle Freelancer à employé
    • Comment Kevin entrevoit cette transition
    • Francis nous parle de sa dernière expérience d’embauche
    • Comment apporter la discussion pour mettre ses conditions
    • Croyance limitante sur ce qu’on peut demander à un employeur!
    • D’indépendant à employé peut offrir des opportunités d’avancement
    • Les envies qui peuvent nous faire pencher de Freelancer à employé
    • Utiliser son employeur comme « Accountability Buddy »
    • Avantages employés vs pigiste
    • Désavantages et les peurs employés vs pigiste
    • Spoiler: Kevin ne veut pas réparer des planchers
    • Les opportunités que la crise (épidémie) a créées
    • Considérez les paiements étalés
    • Pas de chaos pour Kevin
    • Kevin était déjà confiné avant la pandémie
    • Back in time with Francis
    • On est social, venez sur notre page Facebook facebook.com/webmestre.fm
    Sick picks
    • Kevin: Audio Technica ATH-M50x
    • Francis: Scanner Futjitsu Scan-Snap
    La plug
    • Kevin: Nos services de création de Site Shopify express (enligne.co)
    • Francis: Les services de témoignage vidéos de Mathieu Chevalier

    The post Retourner au boulot! appeared first on Webmestre.fm.

    45 min
  • Shopify – Part 1

    On retourne dans le passé alors qu’on commençait notre premier contrat de boutique en ligne sur Shopify, on va vous parler des avantages du système de partenaire, le système de « templating » Liquid, des « Metafields », des applications, de l’import-export des données, bien sûr nous allons parsemer ce récit de nos expériences et nos aventures de programmeurs!

    Notes de l’épisode
    • Kevin n’a pas de mauvais coup dans cet épisode
    • Le mauvais coup de Francis a investi dans de nouveaux micros
    • Le sujet de la semaine: Shopify
    • On apprend que Francis et Kevin paient l’éditeur à la minute
    • Mise en contexte pourquoi on parle de Shopify
    • Pourquoi le choix de Shopify
    • L’avantage de déléguer l’hébergement
    • Francis nous raconte son ménage de serveur
    • Shopify semble vouloir aider leurs partenaires (programmeurs, agences et designer) à grandir
    • Les avantages du programme partenaire
    • Shopify semble sincèrement vouloir aider les partenaires
    • Retour sur l’expérience de communication avec le support des partenaires
    • Francis est essoufflé
    • Kevin nous parle du côté « Front-end »
    • Système de templating (Liquid)
    • Le système d’insertion d’image
    • Liquid process le SASS
    • la syntaxe de liquid
    • https://motifmate.com/ Saas pour Developper Shopify en local
    • Le Saas (MotifMate) permet aussi de faire une copie des fichiers sur GitHub
    • L’insertion de contenu fonctionne par section
    • Transférer des produits
    • Les Metafields
    • Impossible d’importer de Metafields directement en CSV (sans application comme excelify)
    • Les metafields n’apparaissent pas directement dans l’interface d’administration
    • L’API de Shopify va bien
    • Transfert des données de Magento vers Shopify avec excelify
    • On doit payer pour avoir accès aux « vrais applications Shopify »
    • Viens faire un tour sur notre page Facebook facebook.com/webmestre.fm
    Sick Pick
    • Francis: Le micro Shure SM7B
    • Kevin: L’application Fantastical 3 pour mac
    La plug
    • Kevin NE PLUG PAS ses services de programmation Front-end
    • Francis Plug un podcast qui adore, celui de Maxime Jobin et Najomie Aucun Hasard

    The post Shopify – Part 1 appeared first on Webmestre.fm.

    34 min
  • Donner au suivant et la création de contenu

    Nous vous invitons à utiliser le temps à votre disposition pendant cette crise pour aider le plus de monde possible grâce à votre expertise! Une des façon de maximiser son impact (et de se dupliquer) c’est la création de contenu, nous parlerons des différents types de contenu qu’on peut créé, leurs avantages et les outils que nous utilisons pour les créer, nous parlerons aussi de recyclage de contenu et bien sûr nous allons utiliser l’autodérision pour raconter nos expériences.

    Notes de l’épisode
    • Kevin n’a pas de mauvais coup cette semaine
    • Francis raconte son mauvais coup formation en ligne
    • Le sujet du jour, donner au suivant
    • Profitons du temps qu’on a pour aider les autres
    • C’est contre-intuitif, mais aider les autres c’est la meilleure chose à faire pour une entreprise
    • C’est le bon moment pour donner du contenu
    • Tranche de vie, Francis donne de l’aide
    • Seulement 10% du workforce fait avancer les entreprises
    • Création de contenu
    • Trois types de contenu: écrit, audio et vidéo
    • Pensez immobilisation (Blogue, Infolettre et Podcast)
    • Utilisez les extraits comme levier sur les réseaux sociaux
    • Assurez-vous que votre contenu est indexé avant de le partager
    • Utilisez la création de contenu comme effet de levier pour avoir un impact maximal
    • Recyclage de contenu
    • Macro / Micro content
    • Ne pas abuser du recyclage de contenu
    • Les outils pour la création de contenu
    • twitch.tv
    • anchor.fm
    • wordpress.com / wordpress.org
    • Guest Blogging
    • Mailchimp
    • Daily Commitment
    • Audacity
    • StreamLab / OBS
    • Davinci Resolve
    • Screen-Cast-O-Matic
    • ScreenFlow
    • Loom
    • Zoom.us
    Sick Picks
    • Kevin: Virtual Battle Ground
      Francis: FileZilla Pro
    La Plug
    • Francis et Kevin: Lancer votre boutique en ligne Shopify en moins d’une journée: enligne.co

    The post Donner au suivant et la création de contenu appeared first on Webmestre.fm.

    1 hr 5 min
  • Épidémie et remède pour le télétravail

    Travailler de la maison est une discipline qui s’apprend, malgré les nombreux avantages de travailler à la maison, nous pouvons vite tomber dans des pièges. Dans ce temps de crise où nous sommes forcés de travailler de la maison, nous partageons avec vous les trucs, les astuces qu’on a développés avec les années, mais bien sûr nos « fails ».

    Notes de l’épisode
    • Le mauvais coup de Kev (il s’est équipé pour enregistrer à la maison) Sacrlett solo, Micro ATR-2020, « Boom Arm » Blue
    • Les mauvais coup de Francis, Acception du Santro Show sur Apple Podcast et Refonte du site varmedia.com
    • Shoutout à Divi Theme pour sa facilité d’import/export( https://www.elegantthemes.com/ )
    • Kevin nous partage son hack de Favicon pour éviter les confusions DEV/Prod
    • Kevin nous présente le sujet
    • L’importance d’un lieu de travail dédié
    • Le télétravail avec une famille
    • Le télétravail avec un/une conjointe
    • Driller nos amis et nos voisins
    • Avoir des heures plus « régulières »
    • L’importance de la routine et se mettre des l’imites
    • Technique de productivité
    • Méthode Pomodoro
    • Méthode Eisenhower
    • Déterminer la chose importante aujourd’hui
    • Aller au cinéma
    • Variations de la méthode Eisenhower
    • Les outils (applications) pour le télétravail
    • Le cloud storage (Dropbox, Google Drive, GitHub
    • Documentation (Process.st, Notion.so, airtable.com)
    • Une compagnie de VR, utilise Notion comme site web / Wiki public
    • Documentation suite (Google Doc, Paper de Dropbox)
    • Communication (Slack, Zoom.us, le wiz de Msn Messenger, intheloop.io)
    • « In the loop » – https://www.intheloop.io/
    • Zoom.us
    • Une parenthèse sur notre « setup d’enregistrement »
    • Appear.in -> https://whereby.com/
    • Franck est cheap
    • Kevin aussi
    • Shoutout à FileZilla Pro https://filezilla-project.org/filezilla_pro.php
    • Franck est encore plus cheap qu’on le pensait…
    • « On s’arrange » pour nos meeting en ligne « on est live »!
    • Se préparer nous met dans un bon état d’esprit
    • Se préparer aussi pour notre couple
    • Savoir que nous sommes « On »
    • Investir dans le matériel
    • Bloquer les distractions
    • L’extension Chrome qui te fait sentir mal d’aller sur les réseaux sociaux
    • La possibilité de ne pas activer les notifications de la job sur son cellulaire
    • La politique de ne pas répondre
    • Se garder en forme
    • L’ergonomie et être confortable
    • Après le « Mike Ward Bus Tour » le « Webmestre Bus Tour »
    • Venez Liker notre page Facebook
    • On s’obstine sur l’origine des mimes
    • Sick Pick
    • Kevin: Casque de réalité virtuelle pour vous faire bouger pendant le confinement
    • Rad Runner Plus ( https://www.radpowerbikes.com/products/radrunner-plus )
    • La Plug
    • Francis et Kevin lancer votre boutique en ligne en moins d’une journée https://www.enligne.co/
    Sick Picks

    Kevin: Casque de réalité virtuelle. Quelques options: Valve Index, Oculus Quest, Rift S

    Francis: Rad Runner Plus

    La Plug

    Francis et Kevin: Lancer votre boutique en ligne shopify en moins d’une journée: enligne.co

    The post Épidémie et remède pour le télétravail appeared first on Webmestre.fm.

    1 hr 15 min
  • Comment bâtir une relation client solide

    La relation qu’on entretien avec nos clients est souvent plus importante que le travaille que nous effectuons, c’est pourquoi qu’en tant que « Freelancer » nous devons y apporter une attention particulière. À la base, le cliché veut que les programmeurs soient moins du type « Social » que certains autres métiers comme les ventes ou le marketing. Dans cet épisode, Kevin et Francis partagent leurs trucs et leurs expériences pour vous aider à bâtir de meilleures relations avec vos clients!

    Notes de l’épisode
    • Kevin nous raconte son mauvais coup de la semaine l’achat d’un VR
    • Francis nous raconte un de ses mauvais coups
    • On présente le sujet
    • Francis nous dit pourquoi on devrait s’intéresser aux relations client
    • S’intéresser à son client
    • Les critères de qualification client
    • Kevin veut des clients avec des objectifs clairs
    • Le premier point de contact avec le prospect
    • Restez ouvert pour une première rencontre
    • « Preparation is key » (préparez vos rencontres)
    • Petit « Hack » pour augmenter la confiance lors de vos rencontres
    • Ayez un Objectif (un agenda) pour vos rencontres
    • Trouver le bon « pace »
    • Garder la relation pendant le projet
    • Example d’objectif pas assez clair qui ont fait dérapé une relation
    • Limportance des suivis
    • Ramenez le client à ses objectifs
    • Mettre son Ego de côté
    • Aider votre client à exprimer ses attentes
    • Restez professionnel et ne parlez pas contre les autres
    • Apportez des solutions au lieu de chialer
    • Utilisez des analogies
    • S’adapter au type de personnalité du client
    • Tranche de vie, un client sort son BlackBerry pendant une réunion
    • À la fin du projet on s’assure que le client soit satisfait
    • Prenez responsabilité et apprenez de vos erreurs
    • Faire un « postmortem » avec ou sans le client
    • C’est le bon moment pour demander de la rétroaction et des recommandations
    • Gardez l’oeil ouvert pour vos clients et vos prospects
    • Shotout au membership de Altitude Sports ( https://www.altitude-sports.com/products/membership )
    • Recapitulatif
    Sick Picks

    Kevin: Oculus Quest (casque VR)
    Flashback sur le « Virtual Boy » de Nintendo
    Flashback sur le « Power Glove » de Nintendo

    Francis: Les sphinx #CatLover

    La Plug

    Kevin: Le Podcast solo de Francis le SanTro Show
    Francis: Absolunet

    The post Comment bâtir une relation client solide appeared first on Webmestre.fm.

    44 min
  • Les mises en production

    Yeah! On a fini le developpement d’un site web ou d’une application et c’est maintenant l’heure de passer aux choses sérieuses et mettre le tout en ligne pour que la planète entière puisse profiter de notre labeur!

    C’est bien beau tout ça, mais qu’est-ce que ça prend pour effectuer une telle pirouette?

    Kevin et Francis échange sur leurs pratiques ainsi que leur procédure pour prendre un site en developpement pour le mettre « live »!

    Notes de l’épisode
    • Kevin nous partage son « win » d’avoir pris 2 semaines de vacances
    • Francis nous partage ses « wins » d’avoir pris des vacances et pas trop pris de poids pendant les fêtes
    • Kevin nous introduis au sujet du jour les mises en production
    • Histoire d’horreur
    • Kevin se fait accuser de menaces de mort
    • Preparation is key
    • Acquérir toute l’information (DNS Personne ressource horaire)
    • Page de Maintenance
    • S’assurer que la page mainteance redirige toutes les pages!
    • On se fait un horaire
    • On s’assure d’avoir des backups et de les tester
    • Redirection 301 pour les pages existantes
    • ahrefs.com
    • utiliser la page 404 de façon « intelligente »
    • Répétition générale
    • Écrire sa procédure de tester
    • On fait la job (procédure)
    • WP Migrate Pro (plugin)
    • Tester le transfert de dns avec le fichier HOSTS
    • Ontransfert nos DNS
    • Procédure de test
    • Fermer votre environement de DEV
    • Tester le site de la connexion LTE de votre cellulaire
    • On fait un dig https://toolbox.googleapps.com/apps/dig/
    • Envoyer un courriel
    • Enlever la page maintenance
    • On avise le client et les intervenants que c’est completé
    • Envoyer les nouveaux accès à la personne responsable
    • Les prochaines étapes à faire pour le client
    • On prévoit du temps et on reste disponible
    • Recap
    • Faire un post mortem du projet
    • faite like sur notre page Facebook https://facebook.com/webmestre.fm
    • Sick Picks
    • Kevin: Amazon Kindle
    • Francis: Podcast Think like a CEO
    • La Plug
    • Kevin: Services de programmation wordpress « white label » [email protected]
    • Francis: Podcast coureur.io
    • les notes de l’épisode se trouvent au webmestre.fm/5
    Sick Picks

    Francis: Think like a CEO de Gary Keller

    Kevin: Amazon Kindle Paperwhite

    La Plug

    Francis: Coureur.io, Podcast qui s’adresse aux coureurs de tous les niveaux qui désirent rester motivés et en apprendre davantage sur la course à pied.

    Kevin: Services de programmation WordPress [email protected]

    The post Les mises en production appeared first on Webmestre.fm.

    30 min
  • Se lancer comme Freelance

    Vous êtes programmeur, intégrateur, designer ou vous travaillez dans un métier qui touche de près ou de loin au web?

    Vous aimeriez vous lancer à votre compte pour enfin vivre selon vos valeurs ou simplement faire un peu d’argent « on the side » pour payer les vacances ou les petits luxes!

    Cet épisode est pour vous, dans cet épisode nous parlerons de nos débuts comme pigistes, quoi faire et quoi ne pas faire afin de commencer le plus rapidement possible.

    Nous aborderons aussi les pièges à éviter, comment diminuer les dépenses au maximum pour commencer et les tactiques que nous utilisons pour satisfaire nos clients.

    Un seul conseil, faite-vous confiance et lancez-vous!

    Notes de l’épisode

    Kevin nous parle de sa semaine
    Kevin par de la formation « Beginner JavaScript » de Wes Bos https://beginnerjavascript.com/
    Francis nous raconte que sa blonde a eu 40 ans
    Description de l’épisode (on veut vous aider à vous lancer)
    Francis raconte ses débuts comme Freelancer
    Kevin raconte ses débuts comme Freelancer
    Kevin nous parle de sa transition employé -> Freelancer
    Qu’est-ce qu’on a pas besoin
    Reid Hoffman: « If you are not embarrassed by the first version of your product, you’ve launched too late. »
    Enregistrement de compagnie ce N’est pas nécessaire
    Le branding au sens large (carte d’affaires, site web, logo) on attend
    Compte bancaire on peut utiliser notre compte perso
    Commencer à travailler au lieu de créer une structure
    Pas besoin de téléphone dédié
    Pas besoin de numéro de taxes
    Bémole s’enregistrer aux taxes nous permet de récupérer les taxes payées
    Vous pouvez avoir des numéros de taxes sans avoir de compagnie enregistrée
    La réclamation des taxes c’est possiblement rétroactif
    Garder vos factures et demander à un comptable
    On a pas besoin d’expertise « X »
    Comment se lancer – parler, parler, parler
    Soyez transparent sur votre expérience à titre de Freelancer
    Ne soyez pas trop « picky »
    N’allez pas contre vos valeurs personnelles
    Faite un prix gagnant pour tout le monde
    Savoir dire Non
    Forum, Reddit, Linked pour donner de l’aide aux autres
    Endroits pour s’afficher
    Donnez le meilleur de vous
    Les opérations
    Vous allez manquer votre coup, c’est une certitude
    Facturation
    Le client vous paie pour votre expertise
    Mettez-vous dans les chaussures du client
    Contrat de base (gérer les attentes)
    Example de contrat qui va « Out of Scope »
    Comment Francis gère les extras
    Documentez les extras que vous avez faits
    N’ayez pas peur de demander un dépôt
    Gestion du projet (rendez-vous hebdomadaire)
    La relation Client est plus importante que la production
    Qu’est-ce qu’il se passe par la suite?
    On facture
    Facturez à moment fixe, n’attendez pas un certain montant ou nombre d’heure
    On déclare nos revenus
    Demandez de la rétroaction
    Demandez des commentaires pour les réseaux sociaux
    Demandez des références
    Recap de l’épisode
    Faite like sur notre page Facebook https://www.facebook.com/webmestre.fm/

    High 5!

    Sick Picks

    Kevin: FreshBooks https://www.freshbooks.com/
    Francis: Couvre Matelas Chauffant https://www.amazon.ca/Mattress-Underblanket-Controller-Settings-Auto-Off/dp/B07G85QKK7/

    La Plug

    Kevin: Service de Programmation WordPress « White Label » [email protected]
    Francis: tous les espaces de coworking du Québec dont le Loft Collectif à St-Sauveur https://leloftcollectif.com/index.php/fr/

    The post Se lancer comme Freelance appeared first on Webmestre.fm.

    40 min
  • Conseils aux étudiants

    Suite à la rétroaction qu’on a reçu de Michèle une étudiante en « Front-End Dev » au cégep de Trois-Rivières, nous avons décidé de dédié un épisode aux étudiants en programmation.

    Notes de l’épisode
    • Shoutout à Michèle et son groupe de dev Front-End de Trois-Rivières
    • Retour sur notre première auditrice qui n’est pas un robot
    • Introduction de l’épisode
    • La question de Michèle
    • Ce que la rétroaction nous a fait découvrir
    • Ne stressez pas trop avec les agences tous les développeurs web freelance sont débordés
    • La force de l’agence c’est de prendre le contrat et avoir un seul point de contact
    • La façon de se démarquer selon Francis se spécialiser
    • La Stratégie de Kevin pour faire face aux agences
    • Les avantages à travailler pour des agences
    • Attention quand on travaille pour les agences, les clients ne nous appartiennent pas
    • On diminue le risque côté facturation lorsqu’on travaille avec des agences
    • Profitez de vos études pour trouver « votre Zone »
    • Comment trouver « sa Zone »
    • Profitez du fait que vous travaillez sur plusieurs technologies pour explorer
    • Divulgâcheur: ce que vous apprenez à l’école, ce n’est pas ce que vous ferez sur le marché du travail
    • Développez votre logique
    • Apprenez à diagnostiquer décortiquer et déboguer
    • N’ayez pas peur de prendre du recul quand vous êtes bloqués
    • Ce qui est important, c’est la technique de débogage
    • Comment se tenir à jour
    • Lecteur de feed RSS
    • Feedly https://feedly.com/i/welcome
    • Francis utilise Kevin pour se tenir à jour
    • La préférence pour l’information « On Demand  » de Francis
    • L’importance d’archiver l’information
    • Pocket App https://getpocket.com/
    • Notion https://www.notion.so/
    • L’importance de se trouver un système pour cataloguer l’information
    • Francis fantasme d’un moteur de recherche qui recherche ce qu’il a déjà recherché
    • Le conseil que Kevin donne à son cousin qui commence en programmation
    • L’adoption de Javascript WorlWide
    • Le conseil que Francis donne à son cousin qui commence en programmation
    • Le fameux syndrome de l’imposteur
    • Quand on a des bases et qu’on veut apprendre, nul besoin de se sentir imposteurs
    • Restez transparent
    • Qu’est-ce que la compétence?
    • Du beau code, ça n’existe pas et ça n’a aucune valeur
    • Le conseil qui tue!
    • L’importance d’un réseau de contacts (have a tribe, be in a wolf pack)
    • Écoutez notre podcast, mais pas nos niaiseries
    Sick Picks

    Kevin: Les Bose Noise Cancelling Headphones 700 (ou les QC 35) https://www.bose.ca/fr_ca/products/headphones/noise_cancelling_headphones/noise-cancelling-headphones-700.html#v=noise_cancelling_headphones_700_soapstone

    Francis: Cours de Process Communication Model http://secomprendre.ca/ Stéphanie Baron: https://www.linkedin.com/in/stephaniebaron/
    Karine Duperré: https://www.linkedin.com/in/karine-duperr%C3%A9-65bb3133/

    La Plug

    Kevin: Service de programmation WordPress [email protected]

    Francis: Formation comment lancer rapidement et gratuitement son podcast https://www.varmedia.com/formations

    The post Conseils aux étudiants appeared first on Webmestre.fm.

    33 min
  • Workflows et préprocesseurs

    Vous aimeriez être plus productif, gagner du temps et plus d’argent? Aujourd’hui Kevin Huddy nous fait un « Crash Course » sur ses « workflows » et préprocesseurs qu’il utilise!

    Il va nous parler de Gulp, Wp-Gulp, SASS, Livre Reload de wordpress hack pour ne pas avoir de fichier minifié sur son environnement de développement et bien sûr on aura du fun en ne se prenant pas trop au sérieux.

    Les points discutés

    https://www.netflix.com/ca/title/80145240 00:10 Introduction on parle de workflow et de préprocesseurs
    00:43 Qu’est-ce qu’un workflow
    01:02 Name Dropping d’outils (Sass, Gulp, Live Reload)
    02:10 Pourquoi se servir d’un Workflow
    02:32 Améliorer l’intercompatibilité des navigateurs grâce aux « autos prefixer »
    03:44 Les outils utilisés par Kevin
    03:50 SASS
    04:16 Les variables dans SASS
    04:52 Importation des différents fichiers SASS
    06:11 Les variables indispensables dans SASS
    07:21 La différence entre CTRL+F et CTRL+H en Windows
    08:15 Sass les Mixin
    09:33 La mixin « Ocus » de Kevin: https://gist.github.com/kevinhuddy/ca1ef2ddec828bc3314aa5133985391f
    10:56 Les fonctions Sass
    11:33 CSS grandeurs relatives en em et rem
    14:14 Gulp permet de mettre plusieurs librairies JS/Node pour automatiser des processus https://gulpjs.com/
    16:10 Live Reload http://livereload.com/
    16:53 Minifcation et Concatenation des fichiers
    18:10 L’ordre de la concaténation et le diagnostic
    20:29 Language qui va par dessus JS
    21:15 WP-Gulp https://ahmadawais.com/introducing-wpgulp-an-easy-to-use-wordpress-gulp-boilerplate/
    21:40 Génération automatique des fichiers lang (.po et .pot)
    22:59 Compression automatique des images du thème (gulp image min)
    23:23 Tinypng https://tinypng.com/
    23:30 TimThmb librairie https://www.binarymoon.co.uk/projects/timthumb/
    24:00 hack pour minimiser les images grâce à un service externe
    27:01 Where to start (SASS)
    29:27 WordPress hack pour les minifications et concaténation en DEV
    31:09 Passer un paramètre debug dans le querystring
    34:10 Wrap-up
    37:04 Sick Pick
    37:10 Sick Pick Kevin Apple Télé+ écoutez la série « See » https://www.apple.com/ca/apple-tv-plus/
    39:30 Sick Pick Francis série « Wild Wild Country » de Netflix https://www.netflix.com/ca/title/80145240
    43:20 La Plug
    43:23 Kevin Service de programmation WordPress White Label. Contactez Kevin: [email protected]
    43:53 Francis « La Gagne » service de création de sites web qui se démarque par un design personnalisé. Contactez Francis: [email protected]
    45:12 Fermeture épique avec un « High 5 »

    Sick Picks

    Kevin: Apple Télé+ https://www.apple.com/ca/apple-tv-plus/ (série See) https://en.wikipedia.org/wiki/See_(TV_series) https://www.apple.com/ca/apple-tv-plus/
    Francis: Série « Wild Wild Country » de Netflix https://www.netflix.com/ca/title/80145240

    La Plug

    Kevin: Service de programmation WordPress White Label. Contactez Kevin: [email protected]
    Francis: « La Gagne » service de création de sites web qui se démarque par un design personnalisé. Contactez Francis: [email protected]

    The post Workflows et préprocesseurs appeared first on Webmestre.fm.

    46 min

About Webmestre.fm

From the publisher's feed

Développeur Web « Freelance »