joallons.cat HTML Site Map
Last updated: 2026, March 27
Total pages: 140
joallons.cat Homepage
/
5 pages
Joallons.cat | Programació, Cultura i IA Gemini
Formulari de Contacte - @Joallons
Qui soc - joallons.cat
Avís Legal i Polítiques - Joallons.cat
Joallons.cat | Programació, Cultura i IA Gemini
cursos/
1 pages
Índex de Cursos i formació - Joallons.cat
Responsivitat_media_queries/
14 pages
Responsivitat amb media queries | Responsivitat amb media queries
Pàgina principal amb @media queries | Responsivitat amb media queries
Cos, Contenidor i capçalera | Responsivitat amb media queries
Logos i Títols | Responsivitat amb media queries
Menú Navegador | Responsivitat amb media queries
Contenidor gral, contingut, barra lateral | Responsivitat amb media queries
Explicació rellevant a la pàgina | Responsivitat amb media queries
Galeria de fotos | Responsivitat amb media queries
Format taules | Responsivitat amb media queries
Característiques amb ícones | Responsivitat amb media queries
Peu de pàgina footer | Responsivitat amb media queries
Les @media queries | Responsivitat amb media queries
Canvi orientació de la pantalla | Responsivitat amb media queries
El mode fosc | Responsivitat amb media queries
web-des-de-Zero/
50 pages
Inici
🧱 1. Primer pas: Estructura del projecte (organització)
🎨 2. Unificar el CSS: Sistema de disseny coherent
⚙️ 3. Unificar i modular els Scripts
🎭 4. Donar personalitat a cada secció
🧹 5. Passos següents (per posar-te en marxa)
🛠️ 6. Recursos i eines que fan possible aquest projecte
Canva- Una Suite Visual per a tothom
Mòdul 1: Els fonaments (Head i Meta)
Què és el "head"?
Meta tags imprescindibles
Meta-Tags Open Graph
Com afegir favicons
Exemple de codi HTML bàsic
✅ Activitat: Completa la capçalera d’una pàgina (exercici amb caixa de text)
Mòdul 2: Disseny i estils (CSS)
Com connectar el CSS
Responsivitat amb media queries
Bones pràctiques de disseny
Accessibilitat visual (contrastos, fonts)
🖼️ Imatges + exemples abans/després
Mòdul 3: Navegació i usabilitat
Crear un menú accessible
Menú responsive (amb botó hamburguesa)
Enllaços interns i estats actius
🎯 Consell: "Sempre pensa en qui ho usarà"
Mòdul 4: Funcionalitats clau
Formulari de contacte (amb exemple de codi)
Botó “Anar a dalt”
Xarxes socials i compartir
🛠️ Exemple interactiu: arrossega els elements al lloc correcte
Mòdul 5: Proves i publicació
Comprovar en mòbil i ordinador
Eines de validació (W3C, PageSpeed)
Desplegar amb Netlify / GitHub Pages
🔐 HTTPS i seguretat bàsica
Mòdul 6: Després de publicar
Compartir a xarxes
Monitoratge amb Google Analytics
Actualitzar contingut
📝 Consell personal: "Jo sempre reviso el formulari cada setmana"
🎁 7. Annexos
📄 Checklist descarregable (PDF)
🔗 Enllaços útils (W3C, Google Fonts, Formspree, etc.)
💾 Exemple complet d’una pàgina senzilla (ZIP amb HTML + CSS + JS)
🔍 8. Altres llenguatges de programació
🧠 9. Autoavaluació
Qüestionari de 5 preguntes (tipus test)
Espai per reflexionar: "Què has après? Què milloraries?"
Crèdits
informatica/
11 pages
Informàtica - Joallons.cat
Importancia de Meta Tags i Open Graph
CSS Responsiu - @media queries ampliat
https://joallons.cat/informatica/commandnetwork.html
Comandaments del sistema operatiu MS-DOS i CMD
Optimitzar l'ordinador i clonar disc dur a un SSD
Explicació Detallada de l'Estil CSS
Tooltip personalitzable - Eina de descripció de conceptes
Curs de Responsivitat - Media Queries
Argumentació a favor de la IA
Sobirania digital quotidiana: Eines que acompanyen
miscelanea/
27 pages
Portal de Contingut miscel·lània
Catalanofòbia: una història d’admiració i recel
Un homenatge necessari a una tradició política única a Europa! (1265–1716)
Calculadora Castiza de Bernabéus™
Reduccionisme intel·lectual Discurs manipulador
La culpa la té el maquinista - joallons.cat
Els hooligans de la política
Els hooligans de la política (II)
El mal de coll institucional · Joallons
Anticorrupció i Anti-lawfare - Joallons
Tots els partits polítics són iguals? Una conversa de taverna
📚 Calculadora del sou net del autònomo
Calculadora de Consum Elèctric
📚 Calculadora de Beneficis abans d'impostos
CASTELLA, SEMPRE A LA CUA DE LA MODERNITAT
La Revolució Industrial i Agrària a Espanya
Autónoms demagogs — Trinxeraires del TIKTOK
Dilema estructural a Espanya: El ferrocarril i el Mediterrani
Catalanofòbia: una història d’admiració i recel
Catalanofòbia: una història d’admiració i recel
Catalanofòbia: una història d’admiració i recel
Catalanofòbia: una història d’admiració i recel
Catalanofòbia: una història d’admiració i recel
Catalanofòbia: una història d’admiració i recel
Catalanofòbia: una història d’admiració i recel
Catalanofòbia: una història d’admiració i recel
Catalanofòbia: una història d’admiració i recel
receptes/
14 pages
Receptari d'en Joallons.cat
Les meves receptes de cuina - Joallons
Consulta Open Food Facts
Marmitako Tradicional
Recepta: Cua de Bou amb bolets
Recepta: Sopa de Farigola o Timó
Truita de Patates Sense Ou – Recepta Històrica i Vegana
Joallons - Truita patates amb ceba
Guia de varietats de patates i els seus usos
Guia de varietats de cebes | @Joallons
Recepta: Truita de Patates amb Ceba
Recepta: Marmitako Tradicional
Recepta: Truita de Patates Sense Ou
Receptari d'en Joallons
temps/
18 pages
La Línia del Temps - Joallons.cat
🔥 Portal Temps - Arxiu Cultural
El Portal del Temps - Autobiografia
Cronologia del segle XX
Cronologia d'Espanya 1950-2000
Consulta de CD amb codi de barres
📚 Consulta de Llibres - Biblioteca
🔥 Memòria Sonora - Portal de Discos
llistes influencies musicals - Discos
📚 Biblioteca - Consulta de Llibres
Cronologia Digital 2000-2025
Línia del temps: Institucions i sobirania del Principat (1265–1716)
Fitxes musicals amb ànima
Fitxes amb ànima de Rock
🔍 Buscar Disc - Memòria Sonora
🎤 Buscar per Artista - Memòria Sonora
🎵 Buscar per Gènere - Memòria Sonora
📷 Lector de Codi de Barres - Memòria Sonora