— En partenariat avec Penpot —

Depuis mon dernier article sur Penpot et ses fonctionnalités de Flex Layout , l’outil n’a cessé d’évoluer pour offrir encore plus de possibilités aux designers et développeurs. Aujourd’hui, je souhaite vous présenter en détail une fonctionnalité très attendue : les CSS Grid Layout .

Pour rappel, Penpot est un outil libre et open source de conception d’interfaces pour applications web et mobiles. Intuitif et puissant, il permet de créer rapidement des prototypes et maquettes interactives, tout en générant le code CSS correspondant, prêt à être intégré dans vos projets.

Si les Flex Layout permettaient déjà de créer des designs responsives en adaptant les éléments à la taille de l’écran, les CSS Grid Layout vont encore plus loin en offrant un contrôle total sur le positionnement et le dimensionnement des composants. Concrètement, les CSS Grid Layout vous permettent de définir une grille sur laquelle placer vos éléments. Vous pouvez spécifier le nombre de lignes et de colonnes, leur taille, les gouttières entre elles. Chaque élément peut alors occuper une ou plusieurs cases de cette grille, s’étendre sur plusieurs lignes ou colonnes.

Cette approche offre une grande flexibilité pour créer des mises en page complexes et adaptatives. Vous pouvez par exemple concevoir facilement une page avec un header sur toute la largeur, une sidebar sur la gauche, un contenu principal au centre et un footer en bas, le tout en quelques clics et sans une ligne de CSS.

Autre atout des CSS Grid Layout : la possibilité de nommer chaque zone de votre grille. Fini les .col-md-4 ou .row-2 peu parlants, vous pouvez utiliser des noms comme « header », « main-content » ou « sidebar » pour structurer votre design de façon sémantique.

Pour vous aider à prendre en main cette fonctionnalité, je vous ai préparé une nouvelle vidéo tuto dédiée aux CSS Grid Layout . Je vous y montre comment créer vos premières grilles, les configurer, placer vos éléments et profiter de la puissance des CSS Grid Layout dans vos conceptions. Même si vous n’êtes pas familier avec le CSS Grid, vous verrez que Penpot rend son utilisation très intuitive.

Découvrez la vidéo ici ! Et pour vous inscrire sur Penpot, c’est par ici !

From a period hallway featuring a grand piano to an industrial look in an old icehouse with steel columns and exposed concrete

Vous aimez créer des stickers pour épater vos amis sur les réseaux sociaux ? Mais vous en avez marre de passer des heures sur Photoshop pour un résultat pas toujours au top ? J’ai ce qu’il vous faut !

Le site web StickerBaker est une vraie petite pépite pour générer des stickers personnalisés en quelques clics grâce à l’intelligence artificielle.

Concrètement, vous uploadez une photo de votre trombine, vous entrez une petite description façon prompt et bim , l’IA vous génère un sticker sur-mesure avec un rendu digne des plus grands graphistes. Pas besoin d’être un crack en dessin ou en retouche d’image, StickerBaker s’occupe de tout !

Mais alors StickerBaker, ça peut servir à quoi concrètement ? Et bien comme je le disais, créer des stickers complètement barrés à partir de vos photos pour amuser la galerie et mettre l’ambiance dans la conversation WhatsApp du jeudi soir ! Mais ça peut aussi permettre à des artistes, graphistes ou même des marques de prototyper rapidement des designs de stickers avant une prod plus poussée. Plutôt que de partir d’une feuille blanche, autant utiliser l’IA pour générer des premiers jets et itérer à partir de là. Ça peut faire gagner un temps fou.

Sous le capot, le site utilise le modèle Albedo XL et des techniques de machine learning comme les LoRA (Learning Rate Adaptation) pour comprendre votre prompt et générer un visuel qui déchire. Les plus geeks d’entre vous apprécieront les performances de l’engin : un sticker généré en 10 secondes max grâce aux cartes graphiques Nvidia A40 . Ça envoie du lourd !

Et le must du must, c’est que StickerBaker est un projet open source , le code est dispo sur GitHub . Ça veut dire que la communauté peut mettre la main à la pâte pour améliorer l’outil. Vous pouvez par exemple bidouiller le code pour modifier les styles de stickers générés. Un vrai bonheur pour les devs qui veulent comprendre comment ça marche derrière.

Autre bon point, vos photos sont supprimées direct après le traitement. Pas de stockage chelou des données ou d’utilisations douteuses derrière, StickerBaker est clean de ce côté là. C’est toujours appréciable de nos jours.

Après, faut pas se leurrer, on est encore loin d’une app grand public. L’interface est rudimentaire et il faut un minimum biberonné à l’anglais et à l’univers des IA générative pour pas être largué. Mais c’est un premier pas encourageant vers la démocratisation de ces technologies.

Au final, StickerBaker c’est une chouette démo techno qui montre tout le potentiel de l’IA générative appliquée au domaine des stickers et du graphisme. Le projet n’en est qu’à ses débuts mais mérite clairement d’être suivi de près. Ça pourrait bien révolutionner notre manière de créer des visuels à l’avenir, qui sait ? En tout cas, moi j’ai hâte de voir les prochaines évolutions de ce genre d’outils !

Merci à Lorenper pour l’info.

An warehouse space in the Italian city has been cleverly transformed with original features and a mix of styles

Milan isn’t a city short of personality, but it is short on homes with personality that haven’t already been developed into brand-new boltholes or snapped up by the cool crowd. Luckily for Elisa Vassalli, the area of Isola, northwest of the centre, still has a few secret spaces up its sleeve, which is how she ended up finding her former textiles factory home.

“We saw a lot of apartments, but this one was really different to everything else,” says the interior designer, who shares the space with her carpenter and set designer husband, Davide. The factory was built in the 1930s and they are the first couple to make it their home. “We loved that it hadn’t been touched, because we wanted to have a space with a story. It was very important for us because we love the memories of a space and respecting it.”

Design Museum, London
From his steel-bar fruit bowl to his troop of wooden animals, the combative creator railed against ‘the rampant consumption of luxury furniture’ – despite his own hefty price tags

Shortly before the maverick Italian designer Enzo Mari died in 2020 , he donated his archive to the city of Milan with one condition: it must remain closed for the next 40 years. It would take at least that long, Mari argued, “before we have a new generation that is not as spoilt as today’s generation and that will be capable of using it in an informed manner”.

Those who don’t want to wait four decades should hightail it to the Design Museum in London, where a sprawling retrospective of Mari’s work is on show – perhaps for the last time in a generation or two. It is a fascinating and infuriating portrait of this self-styled contrarian, a fiery prophet of doom who carved out a career of contradictions. Mari was a lifelong Marxist who railed against the indulgent “ pornography ” of the design world, arguing tirelessly for workers’ rights and the democratisation of design. He was hailed as the “conscience” of the industry; the grumpy thorn in the side of the establishment who could be relied upon to hurl colourful insults at his contemporaries (“publicity whores!”), between puffs on his cigars.

Author and illustrator who carried on his father Jean’s adventures of Babar in more than 40 books

Laurent de Brunhoff was five years old when his mother invented a story for him and his younger brother: it told of an orphaned African elephant who escapes to Paris, where he is kitted out in a green suit before returning to the jungle to become king of his herd.

De Brunhoff, who has died aged 98, recalled how the excited boys recounted the tale to their father, Jean, an artist, who illustrated the stories and produced a book, Histoire de Babar (The Story of Babar), which was published in 1931.

Exhibition in London captures the legendary emporium’s years at the height of fashion from 1964 to 1975

Long before millennial pink walls and neon slogan signs filled people’s lives, there was Biba, one of the world’s first lifestyle brands. Now, 49 years after the legendary emporium shut its doors for the final time, the Fashion & Textile Museum in London is paying homage with a new retrospective, The Biba Story, 1964-1975.

The brainchild of Barbara Hulanicki and her husband, Stephen Fitz-Simon, it evolved from selling clothing via mail order to offering everything from Biba-branded makeup to pet food and tins of baked beans from the sprawling seven-storey art deco building it occupied on Kensington High Street from 1973 until 1975.