✨ Crafting interactive code doodles 🌱 Helping you learn Web Development 📖 Tutorials & resources Full Stack & Front-end expert @ Kaliop & freelance
Montpellier, France
Joined March 2023
- Tweets576
- Following366
- Followers226
- Likes2.6K
Pinned Tweet
Worked on a rotational travel slider today 🏝️ (🔗Link to the code below)
Inspired by the "Roto-transitions Concept" by Giulio Cuscito in design work ✨
@CodePen: codepen.io/DeyJordan/pen/NWe…
#javascript #development #100DaysOfCode #buildInPublic #webdev
I'm excited to share a new @CodePen with you — a showcase of what's possible in #3D using pure #CSS (no frameworks!).
Perspective, transforms, textures, masks, transform-style… so many powerful features working together to create real magic ✨
#codepen: codepen.io/DeyJordan/pen/xbV…
Based on a real production use case! We wanted to give readers a way to preview an upcoming book — high-quality, beautifully written by a French author — now available for pre-order.
Production link : lalie-landry.com/l-heritiere…
Thanks to Lalie Landry for allowing me to turn this into a CodePen example, making it easy to understand how to build 3D effects with CSS and a touch of #JavaScript ! 💫
If you have any question or want a deeper dive into the technical aspects — I’d be happy to explain! 😊
Pour info LE CSS c'est ce qui rend votre page web jolie,
alors que LA CSS c'est la "Complémentaire Santé Solidaire". Rien à voir...
Really excited to announce that today, I published my first @npmjs package! 🍾😁
Curious to test it? I'll tell you more about it in the next few days... So much suspense! 🥁😂
(Just taking some time to type out the readme so I don't have to explain it every time 😅)
It's always a pleasure to assist people in their journey to learn web development! My DMs are wide open for everyone. Feel free to reach out anytime! 😉🌐 #WebDevelopment #AlwaysHereToHelp
Grateful for today's video chat with @DeyJordan He helped resolve the responsiveness issues on my webpage. 🙌 Thankful for friends like Jordan! #Gratitude #WebDev #Friendship #techtwitter
I fixed some css issues today and change image format 🔍🪲
For your information, simply changing the images from PNG to WEBP allowed me to save 7MB on loading 😅
#100DaysOfCode #buildinginpublic #javascript #css
Did you know you can achieve a parallax effect using the CSS 'perspective' property?
It's surprisingly simple! Take a peek at this #StarWars inspired CodePen to see the magic unfold🌌✨
🔗@CodePen: codepen.io/DeyJordan/pen/WNP…
72 lines of #CSS 🤏
23 lines of #javascript ⚛️
Did you know you can achieve a parallax effect using the CSS 'perspective' property?
It's surprisingly simple! Take a peek at this #StarWars inspired CodePen to see the magic unfold🌌✨
🔗@CodePen: codepen.io/DeyJordan/pen/WNP…
72 lines of #CSS 🤏
23 lines of #javascript ⚛️
You are 300 to follow me on CodePen! 🎉
That's fantastic, thank you all 🥰🫶
To find out, among my 49 creations, which one is your favorite?
codepen.io/DeyJordan
#codepen #webdev #developer #CSS #javascript
Just finished prepping for my upcoming @Meetup!💪
The theme? "How to create your own CSS Framework?"
Interested? You can register for this in-person event exclusively in Montpellier (France) 🚀📚
🔗 meetup.com/meetup-by-kaliop/…
#CSSFramework #Meetup #WebDevelopment #CSS
Je viens de terminer la préparation de mon prochain @Meetup !💪
Le thème? "Comment créer votre propre framework CSS ?"
Vous pouvez vous inscrire pour cet événement en présentiel à Montpellier 🚀📚
🔗 meetup.com/meetup-by-kaliop/…
#CSSFramework #Meetup #WebDevelopment #Montpellier #CSS
For the third consecutive year, I took part in DuoDay. It was an incredible experience! I had the pleasure of hosting @Livity__ for a day at @Kaliop 🌟
Fingers crossed that this sparks a positive turn in his professional journey! 🤞
#DuoDay2023 #ProfessionalJourney
@Livity__ wanted to enter the world of web development for a day. He had never practiced HTML, CSS, or JavaScript but revealed to be fascinated by the parallax effect. So, as you can imagine, the goal of the day was to create one 💪
#javascript #html #css
I'm extremely proud to have shared this experience with him, and I hope he'll share his first creations soon 😁
(He wanted to work on some points before impressing you 😎)
#DuoDay #webdevelopment
Congratulation @jonkantner 👍
Really cool creations ! ⌚⏰⏲️
Can you guess what country I'm visiting ?
hint: the destination is present in my "rotating slider" creation 🏝️
Worked on a rotational travel slider today 🏝️ (🔗Link to the code below)
Inspired by the "Roto-transitions Concept" by Giulio Cuscito in design work ✨
@CodePen: codepen.io/DeyJordan/pen/NWe…
#javascript #development #100DaysOfCode #buildInPublic #webdev
Jordan Dey retweeted
It's October, 🎃🦇🩸
Would you like to read a JavaScript horror story? 🤭
🧵 1/6
#webdevelopment #SpookyCode #horrorstory #javascript
What did you think about my Lighthouse scorring for the lalie-landry.com project ? 😇
My work for the French writing, Lalie Landry, has been really exciting! 😍
I'll let you judge the mobile experience for yourself! 📱✨
(And I will reveal one secret page on this website at the end of this thread 🤫)
1/5🧵👇
#Website #webdev #developer #Release
My work for the French writing, Lalie Landry, has been really exciting! 😍
I'll let you judge the mobile experience for yourself! 📱✨
(And I will reveal one secret page on this website at the end of this thread 🤫)
1/5🧵👇
#Website #webdev #developer #Release
4/5🧵
This project boasts unique features like file hosting/player, enabling Lalie Landry to share diverse content with her fans! 😉
Plus, there's a personalized mailer system for crafting heartwarming newsletters 💌
And a backoffice empowering effortless content editing! 😎✨
5/5
Shh, here's a secret just for you!🤫
We've crafted a hidden VIP webpage on the site. Subscribers get an exclusive treat: Lalie Landry's free short story! 📚✨
Experience the VIP journey here: lalie-landry.com/freebie 🌟
#ExclusiveContent #HiddenGems #VIPExperience