Voici 3 applications incroyables mais qui n'existe que sur Mac 🍎😡

Personnellement je suis sur Windows et Linux mais je rêverai d'un Mac juste pour ça !

Micro Thread de ces 3 pépites 👇🧵 1️⃣ rotato.app

C'est un site pour créer des mockup de vidéo de produit avec un simple drag and drop! Les visuels sont juste incroyables et ça a l'air si simple d'utilisation même pour customiser la vidéo !!

J'ai regroupé 8 sites pour les devs et non devs qui vont t'aider à compléter plus rapidement ta connaissance du web !

Personnellement ça m'a sauvé en entretien technique 😅

Thread 👇🧵 1️⃣ howhttps.works

Je l'avais déjà présenté ! Cette petite BD en ligne va t'apprendre dans les grandes lignes tout ce que tu dois savoir de sur le fonctionnement de HTTPS!

Pour encore moins d'effort ils ont traduit la BD en français aussi !

Mon profil Twitter est dynamique 🤖

il met à jour ma bannière et mon compteur de followers automatiquement toutes les 60s et je te montre comment faire pareil gratuitement ! (sans watermark ou autre) 🤯

Tutoriel + code + hebergement
Thread 👇🧵 Avant de commencer (comme j'ai ton attention 👀) n'hésite pas à me suivre pour soutenir mon travail ! Je partage beaucoup de projet gratuit!

Comme @YouLearnApp qui transforme youtube en plateforme e-learning
Ou pour les devs un package d'un curseur custom github.com/guillaume-rygn…

J'ai reunis 4 sites pour améliorer son WPM 🚀

Car j'ai clairement envie pour 2023 de m'entraîner pour augmenter ma vitesse de frappe au clavier !

L'avant dernier site c'est clairement mon préféré ! surtout en terme d'UX 😍 mais les autres sont originaux !

Thread 🧵👇 1️⃣ keybr.com

Design très sobre ! J'aime beaucoup après chaque site à son propre design ce qui va jouer c'est votre ressenti sur le design pour trouver votre préféré ! (meme si certains ont des fonctionnalités supplémentaires assez cool 👀)

J'ai créé une app UNIQUEMENT avec ChatGPT !

Le résultat est assez surprenant 😅

Voici un petit thread sur cette petite expérience qui m'a pris moins de temps à réaliser que d'écrire ce tweet..

Thread 🧵👇 𝗨𝗡𝗘 𝗦𝗘𝗨𝗟𝗘 𝗥𝗘𝗚𝗟𝗘 : ne pas toucher aux lettres et chiffres de mon clavier !

Sinon je stop l'expérience ! Du coup je peux utiliser tout le reste ce qui m'a bien servi comme vous allez le voir 😅

J'adore 𝗔𝘄𝘄𝘄𝗮𝗿𝗱𝘀 et les designs web de dingue qu'on y retrouve ! 🤯

J'ai regroupé 𝟯 𝗿𝗲𝗽𝗼𝘀 pour reproduire certains de ces effets hyper facilement !

Thread 🧵👇 1️⃣ Image Trail Effects

C'est un effet que j'ai beaucoup vu sur Awwwards ! Ça me fait aussi pensé à celui où une image apparait a la place de la souris au hover d'un lien du menu ! Sauf que là ça suit la souris en continu !

🔗 Lien du repo : github.com/codrops/ImageT…

Un nom de domaine GRATUIT ? 👀

Oui c'est possible ! J'ai réuni dans ce thread 9 sites permettant d'avoir un nom de domaine/sous-domaine complètement gratuit !

Impossible que vous les connaissiez tous ! Surtout celui en chinois!
Découverte assurée 🚀

Thread 🧵👇 1️⃣ Js.org

Il est possible d'obtenir le sous-domaine .js.org ! (pour la communauté Javascript)
Idéal pour un package npm par exemple !

Toutes les instructions sur le site 👇

J'ai regroupé 4 outils qui me sont indispensables lorsque je créer une startup (Saas project edition)

Thread 🧵👇 1️⃣ namelix.com

Ce site permet de générer un nom pour notre projet à partir de mots clés ! C'est hyper utile quand on manque d'inspiration !

Voici 111 pépites d'internet 💎 issues de mes derniers Thread regroupés en un seul! (illustrations, outil pour les dev, copywriting, inspiration, IA tools, hébergement gratuit, etc)

Productivité et découvertes assurées 🤯

Thread 🧵👇 👉 Illustrations

https://twitter.com/guillaume_rygn/status/1560152785273880576?t=-Pqy0B-_FgUczHMtuHGilg&s=19

J'aime bien mettre des icônes sur mes sites notamment sur mes card pour illustrer ces dernières !

J'ai regroupé 13 sites d'icônes dans ce thread pour que vous trouviez votre bonheur pour vos projets ! 🤩

Level up de vos card assurées 🚀

Thread 🧵👇 1️⃣ Css.gg

Le meilleur tips pour un developpeur junior (à défaut d'avoir un portfolio) c'est d'avoir son CV a télécharger sur un nom de domaine à votre nom que vous intégrez sur tous vos RS et vos signatures de mail!

Afin d'aller plus vite j'ai réunis 9 sites de CV builder 🤟

Thread 🧵👇 1️⃣ flow.cv

flowcv.com

Ça y est mon site est en production ! Mais est-ce qu'il répond bien aux normes du web ? 🤔

J'ai fait une petite liste de 9 tests à faire passer à vos sites web ! 🧪

Dites-moi si vous les aviez déjà tous fait! (ça m'étonnerait)

Boost des performances assurées 🚀

Thread 🧵👇 1⃣ PageSpeed Insights

On ne présente plus ce site indispensable pour tester la performance de son site et qui indique tous les éléments à améliorer pour augmenter la performance de votre site 🚀

pagespeed.web.dev/?hl=fr

Quel est l'outil/site indispensable que vous utilisez tout le temps dans votre quotidien ?

Je sais pas si ça existe mais faisons un thread collaboratif je retweet dans ce thread vos commentaires en vous taguant pour former une grande liste de ressources !

Thread collaboratif 🧵 Je commence du coup pour moi c'est Stackoverflow.com en tant que dev junior je passe beaucoup de temps dessus ainsi que sur les documentations officielles 😅

En tant que dev je veux que mes sites soient mémorables dans le temps ⏳
J'ai decouvert 8 outils dingues à intégrer dès aujourd'hui pour passer mes sites au niveau supérieur 🚀

Effet waouh garanti 🤯

Thread 🧵👇 1️⃣ Draggable

Je ne l'ai pas encore testé mais je suis tombé sur cette librairie de drag and drop faite par @Shopify qui a l'air vraiment incroyable ! 🤯
(peut etre que tu l'as connaît @smlpth 🤔)

shopify.github.io/draggable/

Internert est rempli de véritables pépites bien cachées 💎
voici une liste d'outils que je n'ai pas categorisé mais qu'il vous faut absolument connaître !

Level up de connaissance assuré ! 🧠

Thread 🧵👇 1️⃣ Sheety

J'ai decouvert ce site par hasard il permet de transformer un simple Google sheet en API 🤯

sheety.co

Heberger son projet c'est compliqué ? 🤔 J'ai rassemblé une liste de 9 serverless et hebergeurs de pages statiques gratuits !
Plus de raison de ne pas publier ses projets ! 🤩

Economie assurée pour vos portfolios ! 🥳

(même un petit bonus en fin de thread 👀)
Thread 🧵👇 1⃣ Napkin

napkin.io

J'adore en tant que développeur web 🧑‍💻 trouver des sites qui reduisent drastiquement mon temps à coder ! ⏳
Voici une petite liste de site INCONNU mais pourtant terriblement efficace ! 🚀

Explosion de productivité assurée ! 🤯

Thread 🧵👇 1️⃣ Keyframes

C'est l'outil avec lequel j'ai commencé à comprendre comment faire des animations en CSS grâce aux keyframes 🪄
Intuitif et terriblement efficace 🤯

keyframes.app

J'ai regroupé 4 outils gratuits qui permettent de trouver l'adresse mail d'une personne ! 🦊📧

Très utile par exemple pour envoyer votre candidature à la bonne personne directement ! Ou encore trouver l'email d'un futur client avec qui vous voulez travailler ! 👀

Thread 🧵👇 1️⃣ Apollo.io

50 credits email dans sa version gratuite !

Ça y est c'est l'heure ! Je partage avec vous mon bot gratuitement dans ce thread ! 🤖
je considère que c'est inutile de payer pour ça !

Ce projet est Open Source vous pouvez contribuer à l'améliorer pour que chacun puisse avoir un bot le plus performant possible 🥳

Thread 🧵👇 N'hésitez pas a partager ce tweet à ta communauté et à tes amis ! Et surtout oublie pas de me taguer lorsqu'il sera opérationnel ! 🥳

Voici le tutoriel du bot 🤖 ! Have fun 🥳👇

J'adore les illustrations pour compléter le design de mes sites internet !
❌ Par contre je ne suis pas designer
❌ Je n'ai pas de temps à predre sur Figma ou illustrator

Voici 10 pépites d'internet 💎 pour un effet wahoo de vos illustrations garanti ! 🤯

Thread 🧵👇 1️⃣ Ouch

Une bibliothèque d'images vectorielles et d'illustrations complètement gratuite sur pleins de sujets différents 🥳

icons8.com/illustrations

J'aime trouver les pépites d'internet 💎 Comme je vois que vous avez apprécié ma liste d'outil 🔨pour se simplifier la vie quand on code (web edition 😉) ! Voici la suite d'une dizaine d'entre eux a utiliser dès maintenant pour vos projets !

Productivité garantie🚀

Thread 🧵👇 1️⃣ Webcode Tools

Surement un must have dans ses favoris ! Ce site regroupe tous les générateurs qui existent pour HTML, CSS, etc. 🤯

webcode.tools