Des éléments à gogo à disposition pour agrémenter son site web.
Sous le coude.
Je copie/colle la description de @kalvn@mastodon.xyz :
Comme toujours, un article passionnant de Josh Comeau qui explore les différentes façon de centrer un élément HTML en CSS. Didactique et plein de petites astuces très utiles. Vous allez presque obligatoirement apprendre quelque chose 😉
max-width: fit-content; 😍
Un générateur de frise chronologique.
Le Hollandais Volant propose une méthode qui paraît simple et plutôt efficace pour exporter en 1 clic un tableau HTML vers un fichier .xls.
Pour faire en sorte d'optimiser Planet Alert ?
Ça peut être très intéressant : avoir des commentaires Mastodon sur un site statique.
Apprendre à coder avec des éléments en bois. Astucieux :)
Présentation ici :
https://classetice.fr/2023/04/18/code-en-bois-enseignez-le-code-sans-ordinateur/
Merci le Krys'presso !
Une très bonne vidéo pour configurer Neovim en quelques minutes à partir de kickstart.vim (https://github.com/nvim-lua/kickstart.nvim)
Une AI qui aide à générer ses expressions régulières ?
Du Markdown vers du HTML. Ça peut être pratique pour une doc vite fait…
Ça s'appelle HTMLQ et ça permet des trucs sympas pour extraire du HTML d'un site depuis la ligne de commande.
Merci @korben.
Une présentation bien détaillée (en anglais) pour mieux travailler avec les URLs en Javascript.
Sympa ! Une feuille css permettant de donner un style doodle à la main aux éléments de formulaire HTML en ajoutant une classe au body.
Un éditeur de fichiers README pour gagner du temps : on clique sur ce que l'on souhaite ajouter, ça crée un squelette HTML que l'on peut modifier directement et télécharger.
Présenté par @korben ici : https://korben.info/faire-readme-github.html
Code source PHP pour réaliser un calendrier de l'Avent.
Nombreuses ressources CSS avec des aperçus animés plutôt pratiques pour voir les possibilités des sites proposés.
Un exemple de listes imbriquées (façon «arborescence de dossiers») déroulables uniquement, en CSS et HTML.
Apprendre (la programmation) avec des jeux : de nombreux exemples, de nombreux langages (Ruby, Javascript, SQL, Python…) mais aussi CSS, Git, Regex, commandes Linux…
Une belle liste ! Merci !
Des explications complètes d'Alsacréations sur le pré-chargement de données dans une page HTML.
Du CSS pour affecter un style à l'élément parent en fonction du nombre d'enfants.
Une conférence de Pascal Martin pour mieux comprendre les principes de PHP.
Quelques recommandations pour les scripts Bash.
Une liste de jeux pour apprendre à programmer dans de nombreux langages.
Via @sebsauvage.
À voir.
Un script Javascript à ajouter sur son site pour faire des explications récursives rapidement. À voir…
Des icônes à utiliser pour ce que l'on veut.
100% Scratch, 100% sans ordinateur, 100% en autonomie (et sous licence libre).
Jean-Yves Labouche : « Je partage ici un jeu de 6 séries de fiches autocorrectives (flashcards) pour entraîner les élèves à la programmation sur Scratch en mode débranché et en autonomie. »
Pour en savoir plus sur les coupures de mots via CSS.
De nombreux exemples.
(via @bramus)
Des explications détaillées sur le salaire des freelances pour celles et ceux qui les pensent trop payé⋅e⋅s.
Un générateur de palettes de couleurs.
Un générateur de Bookmarklet pour renvoyer un contenu (texte sélectionné, titre, url) vers un autre en 1 clic, sans coder.
Quelques attributs HTML oubliés mais qui peuvent s'avérer utiles :
'reverse' pour les listes, 'download' pour un <a>, 'title' pour les feuilles CSS…
The enterkeyhint Attribute For Virtual Keyboards
The title Attribute On Stylesheets
The cite Attribute For The <blockquote> And <q> Elements
Attributes For Custom Ordered Lists
The download Attribute For The <a> Element
The decoding Attribute For The <img> Element
The loading Attribute For The <iframe> Element
The form Attribute For Form Fields
The cite And datetime Attributes For Deletions/Insertions
The label Attribute For The <optgroup> Element
The imagesizes And imagesrcset Attributes For Preloading Responsive Images
Pour ajuster la barre de menu de l'éditeur selon le rôle avec ProcessWire.
Quelques aides sur des fonctions un peu plus avancées de Git (cherry-pick, worktree, stash…).
Un solveur de Sudoku en Javascript (avec des explications).
Des aides pour le développement web.
Organiser ses feuilles de style CSS dans un projet.
Des astuces HTML/CSS sympas.
Faut que j’y retienne ça.
"�" : encodé en ISO, affiché en UTF-8.
"é" : encodé en UTF-8, affiché en ISO.
"" : encodé en WINDOWS-1252, affiché en UTF-8 (généralement).
Que faire quand les choses se passent mal avec Git ? Quelques réponses rapides dans ce guide (en français).
Des astuces pour optimiser son site web.
Un outil pour comparer les contenus des fichiers (diff).
Des explications pour utiliser Tig afin d'utiliser un peu plus facilement Git.
Différentes solutions et exemples pour faire des onglets, carrousels, scrolling parallax, menus, galeries, tooltips et autres sans
javascript. (via @sebsauvage)
Tout est dans le titre.
Manipuler le DOM en Javascript sans bibliothèques extérieures (genre JQuery). Connaître les bases, en sorte :)
Un éditeur de fichier Readme.
Des layouts CSS en 1 ligne.
Une documentation en anglais pour mieux comprendre les bases du Javascript.