Back to Top

Category: Web – Design – Animation

Tuto – Développement Front-End – Popin animée

Tuto – Développement Front-End – Popin animée

ISO + Fichiers source | Français | 1 H 05 Min | 2.1 Go

J’ai le plaisir de vous proposer ici une nouvelle série de tutos entièrement dédiés au développement Front-End ! Pour ce premier cours, nous allons réaliser ensemble une popin avec un effet d’apparition (également appelée, selon les cas, toast, snackbar, interstitiel ou overlay). C’est quoi une popin animée ? Lorsqu’un utilisateur va cliquer sur un lien ou un bouton, cela fera alors apparaitre une zone, qui viendra recouvrir partiellement (ou en totalité) le contenu de la page. Le tout dans la même fenêtre (c’est d’ailleurs ce qui différencie la popin de la popup). Pour fermer cette popin, qui est apparue en « overlay » de notre contenu (par dessus donc), il nous suffira de cliquer sur un nouveau bouton ou lien.

Continue Reading

Posted in Formation, Infographie, Informatique, Programmation - Code, Tuto, Web - Design - Animation |

Elephorm – WordPress et WooCommerce – Développer sa première boutique e-commerce

Elephorm – WordPress et WooCommerce – Développer sa première boutique e-commerce

RAR | Vidéo + Fichiers source | Français | 2 H 04 Min | 3.4 Go

Vous allez aprendre à utiliser WordPress couplé à Woocommerce afin de créer votre première boutique en ligne. Si vous êtes débutant, porteur de projet ou curieux, cette formation centrée sur la pratique et l’autonomisation vous conviendra parfaitement. Nous verrons comment choisir son nom de domaine, son thème, et son hébergeur, avant d’installer WordPress et Woocommerce. En quelques vidéos, vous configurerez votre boutique pour ensuite la personnaliser, et l’alimenter en contenus. Le workbook communiqué contient le lien vers la présentation pour retrouver certains élements, mais aussi un répertoire de sites sur lesquels vous pourrez vous référez dans le cadre de votre mise en autonomie.

Continue Reading

Posted in Buisness - Marketing, Économie et Sociologie, Formation, Infographie, Web - Design - Animation |

Tuto – A la découverte de SASS

Tuto – A la découverte de SASS

RAR | Vidéo + Fichiers source | Français | 2 H 02 Min | 2.7 Go

Dans ce tuto en vidéo nous allons découvrir ensemble SASS. SASS est un langage de programmation qui va nous permettre de pouvoir écrire et surtout maintenir facilement notre code CSS. Nous allons apprendre à écrire du SASS et à générer automatiquement un fichier CSS. A la fin de ce tutoriel, vous serez opérationnel pour mettre en place un projet SASS de votre choix.

Continue Reading

Posted in Formation, Infographie, Informatique, Programmation - Code, Tuto, Web - Design - Animation |

Tuto – A la découverte de l’API Customize de WordPress

Tuto – A la découverte de l’API Customize de WordPress

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

L’API Customize de WordPress est une API très puissante qui permet à l’utilisateur de prévisualiser en live ses réglages. Plutôt très bien conçue et orientée objet, cette API, relativement méconnue par les développeurs de thèmes, existe depuis pourtant quelques années et s’avère de plus en plus demandée par les utilisateurs.

Continue Reading

Posted in Formation, Infographie, Tuto, Web - Design - Animation |

Tuto – Adobe XD – Maîtriser les animations

Tuto – Adobe XD – Maîtriser les animations

RAR | Vidéo + Fichiers source | Français | 1 H 35 Min | 2.1 Go

Bonjour, je m’appelle Axel et je suis UI/UX Designer. J’utilise Adobe XD depuis 2017, et c’est devenu l’outil de design et de prototypage idéal pour tous mes projets. Ce logiciel vous permet de concevoir des interfaces (sites web, applications mobiles…) mais aussi de les animer ! Et c’est justement ces fonctionnalités de prototypage et d’animations que vous allez apprendre à travers ce cours en ligne. Pour aller plus loin, vous apprendrez à créer des composants dans Adobe XD. Vous comprendrez notamment le fonctionnent de leurs états (pour des animations toujours plus performantes). Ce cours repose sur des exemples concrets.

Continue Reading

Posted in Formation, Infographie, Tuto, Web - Design - Animation |

Tuto – Affinity Designer pour IPAD la formation complète

Tuto – Affinity Designer pour IPAD la formation complète

RAR | Vidéo + Fichiers source | Français | 5 H 20 Min | 7.3 Go

Farouche concurrent en matière d’outil de dessin vectoriel, Affinity Designer pour IPAD n’a rien à envier à son grand frère Adobe Illustrator. Apprenez à maîtriser dans cette formation en vidéo les fondamentaux de cette application iOS. Elle s’adresse aussi bien à des débutants qu’à des utilisateurs de niveau intermédiaire. Bref à l’issue de ce cours Affinity Designer pour IPAD n’aura pour vous plus de secrets.

Continue Reading

Posted in Formation, Illustration - Vector, Infographie, Tuto, Web - Design - Animation |

Tuto – Affinity Designer la formation complète

Tuto – Affinity Designer la formation complète

RAR | Vidéo + Fichiers source | Français | 10 H 27 Min | 14 Go

Dans ce tuto en vidéo, vous allez apprendre à utiliser le logiciel Affinity Designer, grand concurrent d’Illustrator. Véritable alternative au logiciel vectoriel d’Adobe, Affinity Designer possède des fonctions vraiment innovantes et intuitives ! De plus, ses communications possibles avec Affinity Photo offre un package complet pour les graphistes, designers et concepteurs.

Continue Reading

Posted in Formation, Illustration - Vector, Infographie, Tuto, Web - Design - Animation |

Tuto – Affinity Designer – Initiation – Outils + Ateliers Créatifs

Tuto – Affinity Designer – Initiation – Outils + Ateliers Créatifs

RAR | Vidéo + Fichiers source | Français | 6 H 20 Min | 8.6 Go

Affinity Designer est l’alternative parfaite à Illustrator. Vous avez envie, ou besoin de créer des logos, illustrations, pictos, cartes de visite ou autres ? Cette formation AFFINITY Designer est parfaite pour vous ! Le logiciel AFFINITY Designer coûte moins de 60€, achat 1 fois et vous l’avez pour toujours.

Continue Reading

Posted in Formation, Illustration - Vector, Infographie, Tuto, 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.

Continue Reading

Posted in Formation, Illustration - Vector, Infographie, Tuto, Web - Design - Animation |

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 !

Continue Reading

Posted in Formation, Illustration - Vector, Infographie, Tuto, Web - Design - Animation |