Jordan Dey

✨ Crafting interactive code doodles
🌱 Helping you learn Web Development
📖 Tutorials & resources

Full Stack & Front-end expert
@ Kaliop & freelance

[Jordan Dey @DeyJordan]

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: https://t.co/pE6MX6lZZT

#javascript #development #100DaysOfCode #buildInPublic #webdev

[Jordan Dey @DeyJordan]

@sachinyadav699 This! 🦚
A 3D book preview for a French novel, now in its pre-order campaign 📖
(All made with pure CSS ✨)

You can take a look at the code here 👇
https://t.co/yiJNnL8XkT

[Jordan Dey @DeyJordan]

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! 😊

[Jordan Dey @DeyJordan]

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: https://t.co/yiJNnL8pvl

[Jordan Dey @DeyJordan]

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 : https://t.co/ujgLPCnbAS

[Jordan Dey @DeyJordan]

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...

[Jordan Dey @DeyJordan]

@AashishsinghNa2 @npmjs Thanks !!! I'm so exciting !!!
(🎵 and I just can't hide it 🎵)

[Jordan Dey @DeyJordan]

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 😅)

[Jordan Dey @DeyJordan]

@Longest_livinG_ you're going to make me blush 😳

[Jordan Dey @DeyJordan]

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

[Aashish singh Nagvanshi @AashishsinghNa2]

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

[Jordan Dey @DeyJordan]

@Annu66126617 Hahaha @AashishsinghNa2 just sent me a message asking for help to debug a small CSS issue in their app 😉

[Jordan Dey @DeyJordan]

@Annu66126617 Practice is key for Data Structures and Algorithms, and I've noticed your progress on your posts. Congratulations! 😄

[Jordan Dey @DeyJordan]

@Annu66126617 And what about you Annu ? 😁

[Jordan Dey @DeyJordan]

@Annu66126617 Hey Annu! 👋
I'm doing well, thanks! I'm continuing my work at Kaliop and enjoying freelance projects.
I've also started teaching Vue.js at a French school, and it's incredible! 😄
Expect new CodePens soon and If you need help, I'm here for everyone! 🫶
Thanks for your support!!

[Jordan Dey @DeyJordan]

@hibah_sindi 🫶🫵

[Jordan Dey @DeyJordan]

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

[Jordan Dey @DeyJordan]

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: https://t.co/R5Kkb2VIdr

72 lines of #CSS 🤏
23 lines of #javascript ⚛️

[Jordan Dey @DeyJordan]

@Annu66126617 @CodePen

[Jordan Dey @DeyJordan]

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: https://t.co/R5Kkb2VIdr

72 lines of #CSS 🤏
23 lines of #javascript ⚛️

[Jordan Dey @DeyJordan]

@MicahBBurke @CodePen 😬 This is the French name...
But I fixed it on the online version, thank you for noticing this ! 👍

[Jordan Dey @DeyJordan]

@hibah_sindi @CodePen 🥰🥰🥰

[Jordan Dey @DeyJordan]

@drawsgood You can also make this effect with HTML & CSS ✨
#CodePen : https://t.co/mtTQStB4Zi