Alpha (HTML5 UP)
#Squelette_SPIP adapté du thème Alpha de HTML5 UP
▻https://html5up.net/alpha
-
-
Lancement aujourd’hui de la nouvelle refonte du site #SPIP de ▻http://pensezsauvage.org #shameless_autopromo donc
Depuis quelques années, l’association pensezsauvage fait pousser des plantes potagères, des fleurs curieuses et rares pour récolter les graines à redistribuer et à revendre sur les marchés ou sur internet.
Jusque là, le site disposait du theme_greeny de @marcimat (merci :*) avec un squelette légèrement modifié. Mais l’asso souhaitait quelque chose de plus clair et de responsive, avec une navigation compréhensible à tout·es. C’est finalement Mikou de pensez sauvage lui même qui a dessiné la maquette style Kraft. Pas évident du tout, mais j’estime que c’est bien la technique qui doit se plier aux idées créatives et non l’inverse. J’ai refait l’architecture du site et réalisé les fonctionnalités et l’intégration SPIP html/css/js sur une base zcore. J’ai créé une boutique minimaliste avec trois plugins SPIP : prix, panier et paypal, il n’y a ni compte client ni stockage de coordonnées, bref, rien d’autre qu’un document de l’article avec un champ ’prix’ à remplir.
L’idée est celle d’un onepage où l’internaute navigue par ancres, un petit JS perso permet de tester si l’ancre existe, sinon de renvoyer vers l’URL demandée pour éviter les impasses de navigation et permettre au site d’évoluer à son rythme. Bon, j’avoue que j’étais pas réjouit de mettre tout le catalogue sur l’accueil, mais j’ai trouvé des astuces pour alléger.
Il m’aurait été parfaitement impossible de faire cela sans #CSS3 il n’y a que serait-ce 5 ans et je me suis pas mal amusée à vrai dire.Le plugin panier a été modifié pour faire apparaitre les sachets de graines au fur et à mesure de leur mise au panier, avec un peu d’ajax perso on reste sur la même page le plus souvent possible. Le plugin lazysizes permet de ne faire apparaitre les images au format définitif que lorsque la vue visiteur est en face.
Comme l’asso et les visiteurs préfèrent de loin les chèques, qui évitent de laisser des données sur internet, le panier une fois remplit peut être imprimé avec un montant qui déduit les frais de paypal.
Pour cela j’ai créé une page reprise par le plugin Dompdf qui créé le pdf du panier de session du visiteur à la volée.La recherche est en autocompletion sur l’ensemble du catalogue des graines, la page glisse ensuite vers le sachet choisi.
Merci à @jacotte qui a bien voulu revoir de ses yeux de lynx les défauts restants à corriger. Par exemple la font choisie par Mikou ne disposait pas d’apostrophes et de virgules correctes. Je suis donc passée par FontForge pour corriger cela avant l’intégration en base64 dans la CSS.
Merci aussi à @james qui m’a poussé à écrire ce billet !
-
C’est très très chouette.
Par contre je trouve pas très pratique ce gros header fixe qui me prend un bon tiers de l’écran [edit]si > 1600px de large[/edit] et du coup limite le contenu du catalogue sous les yeux à 1 ligne, assez bas, comme on le voit sur ta dernière capture justement.
-
-
-
@marcimat merci de tes retours
effectivement, je préfère aussi le mode <1600px
je vais peut-être tenter de « dézoomer » la page quand on est >1600px
Et pour « Les autres trucs » c’est tout bêtement les articles en pied de page ! mais c’est pas bien clair, je vais remettre ce titre pour mieux comprendre :) -
-
-
-
-
Ressourcothèque
Le squelette « Ressourcothèque » permet de classer, trier et retrouver des ressources documentaires.
▻https://contrib.spip.net/Ressourcotheque-Presentation-Generale
▻https://contrib.spip.net/Ressourcotheque-Installation
▻https://contrib.spip.net/Ressourcotheque-guide-de-redaction -
Charte d’accueil de SPIP
La communauté SPIP est un collectif informel, constitué par les personnes contribuant au projet au sens large, comme par exemple, et de façon non limitative, au logiciel, aux plugins, aux traductions, aux productions graphiques, comme aux échanges dans les différents espaces de la galaxie, ou à l’animation du groupe. Indépendante de toute association, fondation ou entreprise, la communauté SPIP s’organise autour de la mutualisation de toutes ces contributions.
-
« [...] Bienvenue dans #SPIP » (cœur avec les doigts)
-
Salut b_b :-) Belle intro ! Pour une plus grande facilité de lecture il faudrait sans doute supprimer la virgule après le « par exemple » (je suis resté bloqué 10 secondes en attendant ce qu’il avait après le par exemple...). ++
-
@_cym_ je t’invite à commenter dans le forum de l’article sur spip.net plutôt qu’ici ;)
-
Ajouté à la liste suivante ▻https://www.contributor-covenant.org/adopters sur les conseils de @touti :
▻https://github.com/ContributorCovenant/contributor_covenant/commit/815a4bd4f39b13fa0b6b659f5d50d33f95013814
-
-
Boucler sur les réponses de Formidable
Le plugin Formidable permet d’enregistrer les réponses. Mais comment récupérer ces réponses ? Par des boucles SPIP, qui possèdent quelques spécificités.
▻https://contrib.spip.net/Boucler-sur-les-reponses-de-Formidable
-
CVT Upload
CVT Upload fournit un interface générique de programmation (API), qui permet de gérer l’envoi d’un ou plusieurs fichiers par formulaire CVT. En cas d’erreur lors de la soumission du formulaire, les fichiers envoyés sont conservés temporairement dans SPIP afin que l’utilisateur·trice n’ait pas à les recharger.
-
HTML Minifier
Compresseur de code avec tout plein d’options d’optimisation.
-
Importeur/Exporteur de configuration PLUS
Ce plugin apporte à IE config des exports supplémentaires de configurations ou d’objets.
▻https://contrib.spip.net/Importeur-Exporteur-de-configuration-PLUS
-
Controleur - Vue avec SPIP
▻https://contrib.spip.net/Controleur-Vue-avec-SPIPControleur - Vue avec ajaxReload
un exemple d’utilisation d’ajaxReload dans un squelette SPIP#spip #ajaxReload #ajax
-
HTML Minifier - Ladnet
▻https://ladnet.net/html-minifierSite officiel du plugin HTML-minifier pour SPIP
et son dépot git : ▻https://gitea.ladnet.net/ladnet/htmlminifier-
Bientôt sur la zone & contrib pour une publication dans #spip_blog ;)
-
-
GIS : légende par mots clés
Une carte s’interprète d’après une légende.
Sur une carte web, des éléments de cette légende peuvent permettre à l’utilisateur de choisir ceux qu’il veut voir afficher : gares, écoles, ...
Dans SPIP les objets peuvent être liés à des mots clés. Les mots clés peuvent être munis d’un logo.
Ce tutoriel propose d’utiliser ces logos de mots clés comme éléments de légende pour les objets « géotagués » (ayant un points gis) sur la carte. Un formulaire permettant de choisir les éléments à afficher. -
Des squelettes SPIP pour les thèmes html5up
Le site ►http://html5up.net propose de beaux thèmes dont certains ont été adaptés pour SPIP.
▻https://contrib.spip.net/Des-squelettes-SPIP-pour-les-themes-html5up
-
Google Analytics API
Ce plugin permet d’utiliser l’API Google Analytics V4, en PHP, afin de récupérer des statistiques de votre site SPIP.
▻https://contrib.spip.net/Google-Analytics-API
#spip_blog même si google...
-
Spip et SVG
▻https://contrib.spip.net/Spip-et-SVGLa page du carnet de SPIP-contrib pour tout ce qui touche à l’intégration de SVG en SPIP
-
Réservations crédits
Permet de créer, de manière automatique ou manuelle, des crédits pour vos utilisateurs et de les utiliser pour payer leurs réservations.
-
Soundmanager
Ce plugin permet la lecture et la mise en page de fichiers mp3 simplement en HTML / CSS à l’aide de la librairie Soundmanager2 de Scott Schiller.
-
PHANTOM (HTML5UP)
Squelette SPIP pour intégrer le modèle Phantom de HTML5UP.
▻https://html5up.net/phantom -
Réservation Communications
Permet de communiquer avec vos utilisateurs, inscrits à un événement.
-
SPIP 3.2, Agenda et FullCalendar
Nous avions publié un article sur la manière d’utiliser FullCalendar avec SPIP 3.0 afin d’afficher des évènements sous forme d’Agenda. La version de FullCalendar a changé avec SPIP 3.2. Le présent article est donc un tutoriel adapté à SPIP 3.2.
-
Le plugin YAML v2
Depuis sa création, le plugin YAML a subi peu de mises à jour. Sa stabilité est une preuve de robustesse, néanmoins le petit toilettage et les quelques évolutions de la branche v2 apportent plus de souplesse dans l’utilisation et simplifieront la maintenance.
-
A propos du compilateur
▻https://contrib.spip.net/A-propos-du-compilateur2 schémas du fonctionnement global des 2 niveaux du cache
#SPIP #compilateur #cache
-
#spip_blog peut-être sinon on attendra que cette doc soit finalisée et intégrée sur spip.net
-
-
Nouvelle série de textes sur Relire, L’Imrie, avec les élèves Littérature & Société du Lycée Monod à St Jean de Braye, à l’invitation de Michel Brosseau.
Écriture d’un guide de voyage imaginaire
Écrit à partir de guides de voyage réels, et du Dictionnaire des lieux imaginaires d’Albert Manguel & Gianni Guadalupi, de Voyage en Grande Garabagne d’Henri Michaux ; aussi à partir de Soleil Gasoil de Sébastien Ménard, L’Usage du monde de Nicolas Bouvier.
Écrit aussi avec #motbot d’@_omr et les cartes d’Uncharted Atlas.
Le site reprend des extraits de mon propre Guide, l’Imrie, et présente le travail en atelier. Il a été saisi sous #Spip par les élèves.
Présentation ici : ▻http://relire.net/imrie
Découvrez les mystères de Cabamoet, le pitoresque d’Iria, le foisonnement de Fuhalru, l’étrange Paprito, faites du stibbing et rencontrez les noaps, méfiez-vous des Crudakis, visitez le château Bivolage, trempez vos yeux dans du café, bref : voyagez !
Le Guide du Pays du Monod écrit par les élèves est ici : ▻http://relire.net/imrie/pays-du-monod
-
-
-
@jsene oui j’avais vu merci, ce tag indique qu’il y a des chances qu’on parle de ce site dans la prochaine gazette ;)
-
aaaah d’accord. j’avais compris que spip_blog était un tag à part :) merci !!
-
-
Métas + (version 2)
Une version 2 qui simplifie l’utilisation du plugin : activez, c’est prêt !
-
Un an sans gazette, il était temps !
▻https://blog.spip.net/Un-an-sans-gazette-il-etait-temps.html
-
Story (HTML5UP)
Squelette SPIP « onepage » pour intégrer le thème Story de HTML5UP
▻https://html5up.net/story
