Footer toujours en bas de page

A garder en mémoire: la technique css grid https://dev.to/niorad/keeping-the-footer-at-the-bottom-with-css-grid-15mf

Trop Bien

blobmixer

Encore du Footer design… pour inspiration

A étudier: footer.design

Utilisation de Google Fonts en respectant la confidentialité de vos visiteurs

Un article qui explique comment downloader le fichier woff2 de la google font choisie et l’héberger sur votre propre server C’est ici

Footer design… pour inspiration

A étudier: 25 excellent creative website footers

Pour les utilisateurs de Divi… Supprimer la colonne de côté!!!

How to Remove the Divi Sidebar

C’est pas faux! … Encore quelques conseils judicieux

… Encore quelques conseils judicieux à suivre afin d’améliorer votre UI design 30 Practical Tips for Effective User Interface Design

Logo design inspiration

Beaucoup à apprendre … n’hésitez pas: tout le site est bon medium.com

Je suis assez d’accord … à méditer

Visual design rules you can safely follow every time

Toujours moins de code… Si ce n’est pas malheureux ça!!!

Une nouvelle extension amenant de nouvelles possibilités d’utilisation de blocks avancés dans l’éditeur Gutenberg … sans code!A tester rapidement

ll y à toujours designspiration … mais aussi…

https://www.designspiration.com/ et plus spécifiquement pour le web: https://www.webdesignerdepot.com/2022/08/15-inspiring-alternatives-to-dribbble-behance/

Smooth box-shadow generator

Tout est dans le titre (et l’illustration!) https://s.muz.li/MWNjYTY2Yjk4

Neumorphism

WebDesign trends … un générateur très pratique https://neumorphism.io/#e0e0e0

min(), max(), & clamp()

… ça: ça va être cool … pour du responsive encore plus fluide!A étudier … et appliquer https://web.dev/min-max-clamp/

Vous devez retoucher rapidement une image? … pas besoin de photoshop!!!

Un éditeur d’image online rapide et efficace pour des actions rapide sur une image. https://www.photopea.com/

Des ressources, des ressources, des ressources…

https://us.niemvuilaptrinh.com/article/top-87-web-design-tools-for-developer

Bon! D’accord! Essayons de comprendre Divi

Le thème Divi est normalement payant, mais est installé gratuitement sur votre installation automatique programmée par Infomaniak. Essayons donc de comprendre ce « système ». Vous trouverez ici un article…

Webdesign Méthodologie

Un petit schéma très intéressant… concept à utiliser pour tout webdesign : Source: https://oz.fr/la-boite-a-malices-ux-designer/

Créer un clé pour l’API Google map…

Une marche à suive assez claire il me semble… https://www.wenovio.com/2018/07/31/comment-creer-un-cle-dapi-google-maps-pour-afficher-la-carte-de-mon-site-wordpress/

CSS Masonry: Version 3

Encore une méthode à tester Voir le site

Un décompte jquery

Bon … ça semble peut-être inutile … mais peut rendre service.Surtout qu’il est vraiment personnalisable. Et rien que le nom… on a envie de l’installer! The Final Countdown

Responsive Masonry CSS only 2

Une nouvelle méthode utilisant la propriété display:grid A tester mais me semble beaucoup plus approprié que la solution utilisant la propriété column-count: 4; qui est plutôt à utiliser…

Après le Flex playground … très intéressant

outpan.com

Responsive Masonry CSS only

Super technique utilisant la propriété column-count… à étudier et appliquer: https://w3bits.com/css-masonry/

Encore une découverte énoooooorme: object-fit

Une propriété qui va nous permettre d’intégrer des images responsive… mais sûrement aussi pour d’autres occasions https://css-tricks.com/

Story Telling, vous avez dit Story Telling?

Voici un petit script qui pourrait nous intéressé … https://michalsnik.github.io/aos/

Voici un webdesign qui, me semble-t-il, mérite d’être cité dans ce blog

Allez jeter un coup d’œil sur ce site: un webdesign très réussi: couleur, hiérarchie typographique, navigation et micro interactivité au top… https://www.simonsfoundation.org/

Zoning-Wireframing: encore une démonstration remarquable

Merci à Openclassrooms pour cet article remarquable.

Des erreurs de base à éviter absolument

Quelques conseils pour améliorer vos webdesigns: http://blog-en.tilda.cc/articles-website-design-mistakes

On scroll animation… quelques alternatives + récentes

… pour poursuivre vos investigation dans l’animation onScroll… quelques scripts plus récents qui pourraient vous être utiles http://www.bestjquery.com/demo/jquery-animate-scroll-effects/