Catégorie : Technique webPage 1 of 4

Des infos, des liens, etc… sur différentes techniques web

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

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

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

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

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

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

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/

Zoning-Wireframing: encore une démonstration remarquable

Merci à Openclassrooms pour cet article remarquable.

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/

Un site qui vous explique tout le processus de création de site internet depuis le début: une référence

HTML-CSS-JAVASCRIPT: tout est expliqué… et en plus c’est joli C’est ici: internetingishard.com

Et voilà… je ne sers plus à rien…

Vous trouverez toutes les propriétés css, avec des exemples visuels ici: cssreference.io

Les medias queries: Pour faire ultra simple Min-Width: Refers to everything greater than or equal to the amount given. Max-Width: Refers to everything less than or equal to…

WP Query: un nouvel article en français

WP Query : créez des requêtes personnalisées dans vos thèmes WordPress Ou ici: https://capitainewp.io/formations/developper-theme-wordpress/wp-query/

Vous utilisez InDesign pour vos maquettes de site web… Réglez le problème d’affichage à 100%

Voici une méthode qui fonctionne bien dans InDesign CC 2014   Si vous le testez sur les suivantes… merci de nous informer si c’est ok dans les version…

Responsive breakpoints: les nouveaux standards Google

Comme pour les google fonts: google va peut-être fixer les « responsive breakpoints » standards. La page google L’analyse de webdesignerdepot

Responsive: un site qui à l’air de tout nous expliquer…

… Peut-être LA solution: Responsive Design Knowledge Hub — Responsive Web Design

Supprimer toutes les fonctionnalités liées aux commentaires dans votre WP

La méthode la plus simple: dans les réglages de WP => Discussion Vous pouvez désactiver les commentaires. Cependant, dans l’admin: le menu commentaires est toujours visible. Vous souhaitez…

WP Tuning: Thème enfant, template, créer une zone de widget, hook

Un article très complet pour customiser votre WordPress