tutos pour squarespace
Le coin créa











Un espace abonnĂ© Ă 39⏠- accĂšs Ă vie đïž
(inclus pour les membres de la formation â choisir votre offre)
Des templates à récupérer, des pages à copier, des codes CSS à essayer et des inspis !
Explorez ci-dessous mes designs préférés.
Florence
Pour pimper son site Squarespace.
Plus dâune vingtaine de tutos Ă dispo.
Page - Effet au scroll (section entiĂšre)
Explication : cet effet permet de rajouter comme un effet de glisse entre chaque section au fil du scroll et de transformer sa page en expérience pour le lecteur. Cela ajoute un style plus haut de gamme.
Parfait pour : mettre en avant des images en pleine page.
Niveau : intermédiaire
Page - Effet au scroll
Le site de dĂ©mo â
ModÚle de Squarespace utilisé : Selene
Explication : cet effet permet de rajouter comme des lignes dâun sommaire sâadditionnant au fil du scroll. Il fonctionne bien avec de grandes images comme un portfolio de projets Ă montrer par exemple, et ne demande pas de code.
Parfait pour : présenter joliment des projets.
Niveau : facile
Page - Ajouter un sommaire aux billets de blog
Le site de dĂ©mo â
ModÚle de Squarespace utilisé : Brower
Explication : cet effet permet de rajouter un sommaire automatique Ă ses articles de blog. Câest recommandĂ© pour amĂ©liorer la navigation, surtout dans les articles longs ou thĂ©matiques.
Parfait pour : favoriser la lecture et la structure dâun article.
Niveau : facile
Page - Ajouter un fond aux billets de blog
Le site de dĂ©mo â
ModÚle de Squarespace utilisé : Sketchbook
Explication : cet effet permet de rajouter de la structure aux pages de billets de blog qui peuvent manquer de personnalisation dans Squarespace. Le fond colorĂ© amĂšne une petite ambiance visuelle et renforce aussi lâidentitĂ© de sa marque.
Parfait pour : distinguer visuellement son blog du reste du site.
Niveau : facile
Page - Ouvrir en panneau latéral
Le site de dĂ©mo â
ModÚle de Squarespace utilisé : Quinn
Explication : cet effet permet dâafficher une section cachĂ©e en panneau latĂ©ral. LâidĂ©e derriĂšre est dâamener un effet waouh et dâupgrader le niveau de votre site Squarespace. Câest quelque chose qui se voit peu.
Parfait pour : faire un effet mode/design.
Niveau : avancé
Page - Grille Bento
Le site de dĂ©mo â
ModÚle de Squarespace utilisé : Condesa
Explication : un design tendance mais pas si simple à appliquer quand on ne maßtrise pas Squarespace. Récupérez mon modÚle ou imprégnez-vous de la démo et du tuto.
Parfait pour : faire des mises en page Ă la Apple.
Niveau : intermédiaire
Page - Autre image au survol
Le site de dĂ©mo â
ModÚle de Squarespace utilisé : Montclaire
Explication : trĂšs apprĂ©ciĂ© des artistes et photographes, cet effet permet de changer lâimage affichĂ©e lorsquâun utilisateur passe sa souris dessus. LâidĂ©e est de surprendre, de rendre votre site plus dynamique et dâattirer lâattention sur un Ă©lĂ©ment en particulier.
Parfait pour : faire des avant/aprĂšs, afficher une variante.
Niveau : intermédiaire
JâespĂšre que mes crĂ©a vous plaisent.
NâhĂ©sitez pas Ă me partager si vous voyez des choses que vous voudriez avoir !