Catégories

Web – Design – Animation

Tuto – Affinity Designer – Découvrir les outils et personas

Tuto – Affinity Designer – Découvrir les outils et personas

RAR | Vidéo + Fichiers source | Français | 2 H 27 Min | 3.3 Go

Afin de bien commencer dans l’utilisation d’Affinity Designer, il est primordial d’en connaitre les différents outils et modes, que nous appelons : « persona ». Dans ce tutoriel de deux heures, je vous invite à découvrir tout les outils d’Affinity Designer. Des outils de création de formes en passant par l’outil texte et le pixel persona, cette formation en ligne vous permettra de découvrir l’intégralité des outils pour commencer à prendre en main Affinity Designer et créer vos premiers designs.

Continuer la lecture

Tuto – Affinity Designer – Comprendre les pathfinders

Tuto – Affinity Designer – Comprendre les pathfinders

RAR | Vidéo + Fichiers source | Français | 55 Min | 1.6 Go

Les pathfinders permettent de fusionner, séparer, soustraire des formes vectorielles. C’est un outil incontournable des logiciels qui permettent de travailler en vectoriel. C’est donc le cas pour Affinity Designer. Ce tutoriel en vidéo vous permettra de découvrir les différentes utilisations et modes du pathfinder dans une partie théorique. Elle sera suivie d’une partie pratique, dans laquelle nous apprendrons à réaliser une série de logos. La création de logos est un bon exercice pour travailler les outils de formes et les pathfinders d’Affinity Designer !

Continuer la lecture

Tuto – Atelier Web Design – Apprendre à poser du texte sur une image

Tuto – Atelier Web Design – Apprendre à poser du texte sur une image

RAR | Vidéo + Fichiers source | Français | 1 H 06 Min | 1.9 Go

Dans ce tuto Figma en vidéo, nous allons voir ensemble comment placer du texte sur une image/photo de différentes façons. Cela peut être dans le cas d’un blog pour faire défiler vos derniers articles dans un slider, une landing page qui présente un produit ou un service, ou tout simplement le premier visuel que l’on va voir en arrivant sur votre site web. La formation peut être suivie avec un autre logiciel que Figma comme Adobe XD par exemple, car le principal intérêt de cet atelier est d’apprendre les techniques & astuces permettant de placer du texte sur une image en Web Design.

Continuer la lecture

Tuto – Au coeur de Node.js

Tuto – Au coeur de Node.js

RAR | Vidéo + Fichiers source | Français | 3 H 17 Min | 5.8 Go

Si votre connaissance de Node se limite à installer des packages, vous vous privez de l’essentiel. Il est temps de prendre en main ce qui fait tout l’intérêt de Node. Cette formation en vidéo est destinée à vous, développeurs Backend et FullStack. Elle est spécifiquement consacrée aux points essentiels de Node, ce qui vous permettra d’utiliser Node comme la plateforme puissante qu’il est, et plus comme une boîte noire servant simplement à installer des packages.

Continuer la lecture

Tuto – Apprendre et maîtriser le framework Oxygen Builder 2 pour WordPress

Tuto – Apprendre et maîtriser le framework Oxygen Builder 2 pour WordPress

RAR | Vidéo | Français | 4 H 04 Min | 7.2 Go

Cette formation en vidéo s’adresse à la fois à des concepteurs débutant de sites Web, mais aussi à des utilisateurs confirmés cherchant à optimiser la production de portails Internet. Vous verrez comment créer et déployer rapidement des thèmes WordPress grâce au framework Oxygen ! Au programme de cette formation création de thèmes WordPress avec Oxygen. Apprenez à maîtriser Oxygen dans sa nouvelle version 2, outil à la fois simple, intuitif et très puissant de création de thèmes du CMS WordPress ! Voici les notions que vous allez bientôt savoir maîtriser pour vos thèmes WordPress grâce au framework Oxygen !

Continuer la lecture

Tuto – Apprendre Emmet en 30 min pour coder du HTML plus rapidement

Tuto – Apprendre Emmet en 30 min pour coder du HTML plus rapidement

RAR | Vidéo | Français | 38 Min | 1.3 Go

Je vous propose de découvrir et d’apprendre Emmet en 30 minutes chrono ! Emmet est un petit programme qui s’adapte aux IDE (éditeur de codes) et qui permet de coder des structures HTML beaucoup plus rapidement en employant un certain nombres de raccourcis. Pour cela, il reprend une partie de la syntaxe CSS, d’où son apprentissage rapide. Ce cours en ligne vous permettra de comprendre comment utiliser Emmet.

Continuer la lecture

Tuto – Animation du header sans programmation

Tuto – Animation du header sans programmation

RAR | Vidéo + Fichiers source | Français | 30 Min | 1.1 Go

Dans ce tuto vidéo, je vais vous montrer comment il est possible de réaliser une petite animation à l’intérieur d’un header en zoomant une image de fond, sans utiliser de langage de programmation tels que le JavaScript ou bien jQuery. Si vous êtes allergique à la programmation, alors ça tombe plutôt bien ! Ici, nous allons apprendre à réaliser une animation sur bouton de navigation uniquement avec du code CSS. Je mets à votre disposition, l’ensemble des codes de ce tutoriel.

Continuer la lecture

Tuto – Animation de plusieurs menus en JavaScript et CSS

Tuto – Animation de plusieurs menus en JavaScript et CSS

RAR | Vidéo + Fichiers source | Français | 2 H 41 Min | 4.7 Go

Bienvenue dans cette formation où vous allez apprendre à animer plusieurs menus en JavaScript et CSS. L’animation dans le domaine du développement web est un domaine clé qui vous permet de retenir l’attention de vos visiteurs, les faire passer plus de temps sur votre site et vous démarquez professionellement. Dans cette formation nous allons utiliser des outils qui nous permettront d’arriver à nos but en terme d’animations. Alors que ce soit pour améliorer tes compétences ou pour te démarquer, n’hésite pas à suivre cette formation.

Continuer la lecture

Tuto – Animation de l’icône burger d’un menu

Tuto – Animation de l’icône burger d’un menu

RAR | Vidéo + Fichiers source | Français | 1 H 34 Min | 2.7 Go

Dans ce tuto CSS3 et Javascript, je vous propose d’apprendre à créer et animer un menu Burger. Grâce aux propriétés du CSS3, il est possible de créer, mais aussi d’animer cette icône, sans faire appel à de ressources extérieures (gif, font-icône, etc.). L’icône Burger est généralement représentée par trois traits horizontaux pour indiquer à l’utilisateur la présence d’un menu.

Continuer la lecture

Tuto – Formation YouTube PRO

Tuto – Formation YouTube PRO

RAR | Vidéo + Fichiers source | Français | 7 H 33 Min | 13 Go

Cette formation Youtube, en vidéo, s’adresse à toutes entreprises, entrepreneur(e)s ou personnes souhaitant développer son activité en utilisant judicieusement le réseau social ultime : Youtube. Les réseaux sociaux comme Twitter et Facebook prônent les contenus éphémères à l’inverse de Youtube qui permet de créer du contenu vidéo pouvant être recherché même 5 ans plus tard de la même manière qu’un blog.

Continuer la lecture

_blank
_blank
Articles récents