Graphical Improvements and New Blog Features

1/7/2025

Available in :

Share this article

Sébastien Timoner

Sébastien TIMONER

Lead Developer

Custom Development Expert

Aix-en-Provence, France

Expert in web development and team management, I specialize in creating and optimizing high-performance digital solutions. With extensive expertise in modern technologies like React.js, Node.js, TypeScript, Symfony, and Zephyr OS for IoT, I ensure the success of complex SaaS and IoT projects, from design to production, for companies across various sectors, at offroadLabs.

At offroadLabs, I offer custom development services that combine technical expertise with a collaborative approach. Whether creating an innovative SaaS solution, developing IoT systems with Zephyr OS, modernizing an existing application, or supporting the upskilling of a team, I am committed to delivering robust and high-performance solutions tailored to the specific needs of each project.

I am available for projects in the Aix-en-Provence area or fully remote.

I'm excited to present the latest improvements made to the blog to enhance your reading experience!

Smooth Animations with Framer Motion

To make navigation more pleasant and modern, I've integrated Framer Motion, a powerful animation library for React. You'll now notice:

Smooth transitions between pages
Subtle animations on article cards
More elegant hover effects
Smoother loading animations

Here's how the article cards are animated on this blog:

tsx

This animation makes each article card appear with a slight vertical offset and fade effect, creating a smooth sequence when loading the page.

Simplified Appointment Booking

For my readers, I've added a direct contact button via Calendly. You can now easily schedule an appointment to discuss:

Your technical projects
Collaboration opportunities
Software architecture consulting

The button is accessible from the homepage and the "About" section.

What's Next?

These improvements are just the beginning! I continue to work on:

Performance optimization
Adding new interactive components
Improving accessibility
New community features
And most importantly, new articles 😉

Don't hesitate to share your feedback and suggestions in the comments!

1import { motion } from 'framer-motion';
2
3export default function PostCard({ post }) {
4  return (
5    <motion.article
6      initial={{ opacity: 0, y: 20 }}
7      animate={{ opacity: 1, y: 0 }}
8      transition={{
9        duration: 0.4,
10        delay: index * 0.1,
11        ease: [0.25, 0.1, 0.25, 1],
12      }}
13    >
14      {/* Card content */}
15    </motion.article>
16  );
17}