Web Standards
Meet other developers to discuss the W3C web standards: CSS, XHTML, DHTMl, XML, all that wonderful stuff.
9,609
members
5
groups
Largest Web Standards groups
Newest Web Standards groups
Frequently Asked Questions
Yes! Check out web standards events happening today here. These are in-person gatherings where you can meet fellow enthusiasts and participate in activities right now.
Discover all the web standards events taking place this week here. Plan ahead and join exciting meetups throughout the week.
Absolutely! Find web standards events near your location here. Connect with your local community and discover events within your area.
Web Standards Events Today
Join in-person Web Standards events happening right now
EL Puente Humano [JUEGO SOCIAL]
**[Grupo Whatsapp Modo Social ](https://chat.whatsapp.com/DUg0NDBb4IhG50CVm9gDiW)**En este evento, las personas no sólo se miran, se escuchan o se presentan: *se sostienen*.
A medida que el grupo se organiza y el puente comienza a tomar forma, **algo curioso ocurre:** las risas se mezclan con la concentración, los nervios con la complicidad, y en cuestión de segundos te descubres compartiendo momentos con completos desconocidos.
Si buscas un encuentro que rompa el hielo de manera original, que despierte **sensaciones genuinas** y que te conecte con otros desde la empatía más pura, este es tu espacio.
Atrévete a formar parte del puente.
Atrévete a cruzarlo.
Atrévete a sentir lo que sucede cuando lo humano se vuelve literal.
**Coste:** 5€ para gastos de organización
CARNÍVOROS❤️🍹FANS DEL ASADOR BUFFET LIBRE QUEDAR PARA COMER Y HACER AMISTADES
Nuestra nueva web: [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona)
CARNÍVOROS❤️🍹FANS DEL ASADOR BUFFET LIBRE QUEDAR PARA COMER O CENAR Y HACER AMISTADES
Nuevo sub grupito para ir a comer o cenar a un buffet libre de carne argentino en Barcelona ciudad.
Nos ponemos de acuerdo a través del CHAT PRO QUEDADAS VARIAS de nuestra nueva web:
[https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona)
Habilitamos chat whatsapp para concretar la hora y el día concreto y ver el quórum.
Si te divierte comer en un buffet libre este es tu subgrupito.
[https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona)
RANGO 45-54a🤩❤️🍹MINI GUATEQUE RETRO 80-90's PREVIO AL TARDEO SINGLES BARCELONA
Nuestra nueva web: [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona)
**RANGO DE ESTE EVENTO 45-54 AÑOS APRÓX.**
**RANGO DE ESTE EVENTO 45-54 AÑOS APRÓX.**
**🤩❤️🍹MINI GUATEQUE RETRO DE 1 HORA PARA SOCIALIZAR UN POCO ANTES DE IRNOS AL TARDEO DISCO REMEMBER PORQUE LUEGO EN LA DISCO NO SE PUEDE HABLAR MUCHO CON LA MÚSICA A TODA CASTAÑA Y DANDO SALTOS.**
**Precio:**
**Inscripción gratis para las chicas.** Chicos consultar.
Inscripción y ubicación por **whatsapp 630 467 646** una vez estés apuntado aquí en meetup.
**Primero apúntate en meetup luego envía whatsapp. No envíes whatsapp si no apareces en la lista de apuntados del evento meetup.**
Gracias.
Se habilitará **grupo whatsapp temporal** para el evento.
🤩❤️🍹SÁBADO TARDEO REMEMBER ROOFTOP HOTEL HACER AMIGOS/AS SINGLES BARCELONA
Nuestra nueva web: [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona)
🤩❤️🍹SÁBADO TARDEO DE JOVENES SINGLES EN LA TERRAZA DEL HOTEL NEGRESCO PRINCESS.
HACER AMIGOS/AS SINGLES. ESCUCHAR MÚSICA, CANTAR Y BAILAR CON LOS MEJORES HITS.
NOS PONEMOS DE ACUERDO POR EL CHAT PRO DISCO&TARDEO JÓVENES DENTRO DE NUESTRA WEB PATREON SINGLES BARCELONA PARA ENCONTRARNOS PARA IR A BAILAR Y CANTAR AL TARDEO EN ESTA INCREIBLE ROOFTOP EL SÁBADO POR LA TARDE Y HACER NUEVAS AMISTADES EN EL EVENTO.
ESTE SUBGRUPO SE ORGANIZA A TRAVÉS DEL CHAT PRO DISCO&TARDEO JÓVENES DE LA PLATAFORMA PATREON SINGLES BARCELONA DONDE LOS ASISTENTES SE PONEN DE ACUERDO PARA ENCONTRARSE.
HABILITAREMOS CHAT GRUPO WHATSAPP PARA FACILITAR EL ENCUENTRO Y LA COORDINACIÓN.
COLABORA, PARTICIPA Y EMPUJA. CREA ACTIVIDAD SOCIAL. COGE LA PALA.
[https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona)
En esta ocasión vamos a disfrutar del **tardeo remember con las mejores y más increibles vistas de Barcelona** mientras disfrutamos de tapas riquísimas y las acompañamos con copas & cóckteles de categoría. ¿Te lo vas a perder?.
VISITA NUESTRA NUEVA WEB y hazte miembro pro para poder comentar tu interés en el **chat pro DISCO & TARDEO JÓVENES** para agregarte al **grupo chat whatsapp** de coordinación de la birra previa para encontrarnos y **subir juntos a la terraza en grupito** que es más divertido.
La mejor manera de hacer nuevas amistades **SINGLES BARCELONA** y quien sabe si conocer a alguién especial.
En el grupo whatsapp pasaremos el link para poder sacar tu entrada **GRATIS**.
Nuestra nueva web: [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona)
¡SE POSPONE por seguridad! Espectacular Roca Foradada (Intermedio)
**¡RUTA APLAZADA por motivos de seguridad debidos a las fuertes lluvias de esta semana! Publicaremos la nueva fecha pronto.**
Una ruta apasionante con vistas de águila 🦅 en el increíble mirador de la Roca Foradada ⛰️✨
Explora una Montserrat **más salvaje y menos masificada** 🌿🚶♀️, donde la naturaleza se muestra en su estado más puro y las vistas son simplemente espectaculares.
Al terminar la ruta nos vamos a tomar un aperitivo y/o una cervecita.
**🔗 DETALLES SOBRE LA RUTA**
* Ruta circular
* Distancia: 9,5 km
* Desnivel de subida: 474 m
* Tiempo estimado con paradas: 4,5 h
* Condición física: media
* Dificultad técnica: media. Hay **un tramo de subida algo técnico** en el que es necesario **progresar ayudándose con las manos** (no es escalada).
* Tiempo en coche: 45 min de ida
**🔔** Todo participante se compromete a **estar en condiciones** de hacer las excursiones y a **comunicar cualquier dolencia** o lesión que pueda afectar al desarrollo óptimo de la actividad.
**🔔** Las rutas **pueden sufrir cambios** en función de las condiciones meteorológicas y estado del terreno.
**👁🗨 MATERIAL / WHAT TO BRING**
* 🥾 Calzado técnico de montaña – *Imprescindible (NO sirven zapatillas deportivas sin perfil en las suelas)*
* 💧 Mochila con agua (mín. 1,5 L)
* 🍱 Comida para para almuerzo/mediodía
* 🧥 Ropa adecuada a la actividad y época del año – *Recomendable llevar varias capas y al menos una de abrigo*
* 👓 Protección solar – gafas de sol y crema
* 🧦 Chaqueta impermeable – *Imprescindible*
* 🧤 Protección contra el frío – guantes, buff y gorro
**👌 PRECIO / PRICE = 20€ (transporte aparte)**
Incluye/It includes:
* Organización, diseño y logística de la ruta
* 1 Guía de Montaña con habla en español, catalán, inglés y alemán
* Seguro de accidentes y seguro de Responsabilidad Civil
**🚗 TRANSPORTE / TRANSPORTATION** (No incluido/Not included):
* Gastos de gasolina: se estipula una aportación de **8€**/persona, a pagar al conductor de cada coche.
👌 Ayudamos en la coordinación de coches para que todos los participantes tengan una plaza en los coches que salen desde el punto de encuentro 1 en Barcelona.
**👣 PASOS PARA APUNTARTE / HOW TO SIGN UP**
✅ PASO 1: Apúntate a la lista de "Asistentes" más abajo
✅ PASO 2: Rellena el siguiente **[FORMULARIO](https://forms.gle/PuK2U1Fn1dE2bRoX6)** **(enlace)**. (Necesitamos tus datos para el seguro y para contactarte).
✅ PASO 3: Para garantizar tu plaza, haz un **bizum de 10€ en concepto de reserva** al teléfono +34 652 66 05 38 (Mireia)
✅ PASO 4: **Envía el comprobante del Bizum** al mismo número. El segundo pago se realizará antes de empezar la ruta.
**✅** PASO 5: El día antes de la ruta, por la tarde, te añadiremos a un grupo de WhatsApp para últimos detalles y notificaciones previas.
**PUNTOS DE ENCUENTRO / MEETING POINTS**
**1️⃣ OPCIÓN 1**: quedamos en el [VIVARI (enlace)](https://maps.app.goo.gl/4XTMW743WDgyhTjS7) cerca de la estación de buses Fabra i Puig a las 8:30 h. Rogamos puntualidad 🕑 para el check-in y poder arrancar motores a las 08:45 h. En caso de retrasos, lamentablemente no podremos devolver el importe de la reserva.
**2️⃣ OPCIÓN 2:** Si prefieres ir directo, nos vemos en el [párquing Can Maçana (enlace)](https://maps.app.goo.gl/D4Ak3QoG3FWyp9Rs8)[ ](https://maps.app.goo.gl/zMc5z9oY6oUSPTyF8) a las 9:30 h. ¡A las 09:45 h empezamos la ruta!
\- Regreso: estaremos de vuelta en Barcelona sobre las 17\.00 h\, dependiendo de la situación de tráfico\.
\- Cancelaciones: se reembolsará el 50% de la reserva únicamente si nos avisas vía WhatsApp 7 días antes del inicio de la ruta\.
**MATERIAL AUDIOVISUAL**
📸 Durante la ruta iremos tomando fotos y vídeos que publicaremos en nuestro Instagram y que compartiremos con vosotros al finalizar.
**¿DUDAS? / ANY DOUBTS?**
📞 Contacto Guía: Mireia
+34 600 712 825 (llamadas)
+34 652 66 05 38 (solo para bizums)
🤩❤️🍹SÁBADO TARDEO JOVENES EN SARAU HACER AMIGOS/AS SINGLES
Nuestra nueva web: [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona)
🤩❤️🍹SÁBADO TARDEO DE JOVENES SINGLES EN SARAU.
HACER AMIGOS/AS SINGLES. ESCUCHAR MÚSICA, CANTAR Y BAILAR CON LOS MEJORES HITS.
NOS PONEMOS DE ACUERDO POR EL CHAT PRO DISCO&TARDEO JÓVENES DENTRO DE NUESTRA WEB PATREON SINGLES BARCELONA PARA ENCONTRARNOS PARA IR A BAILAR Y CANTAR AL TARDEO EN SARAU EL SÁBADO POR LA TARDE Y HACER NUEVAS AMISTADES EN EL EVENTO.
ESTE SUBGRUPO SE ORGANIZA A TRAVÉS DEL CHAT PRO DISCO&TARDEO JÓVENES DE LA PLATAFORMA PATREON SINGLES BARCELONA DONDE LOS ASISTENTES SE PONEN DE ACUERDO PARA ENCONTRARSE.
HABILITAREMOS CHAT GRUPO WHATSAPP PARA FACILITAR EL ENCUENTRO Y LA COORDINACIÓN.
COLABORA, PARTICIPA Y EMPUJA. CREA ACTIVIDAD SOCIAL. COGE LA PALA.
[https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona)
Hablar es mejor (Clase de conversación y errores en español)
Buenas!
(English below)
Cada día aparecen formas nuevas de aprender español, (y otros idiomas) apps nuevas, métodos de gramática, IA, videos de profes explicando cosas, y están todas genial.
Si te ayudan a entender más y a hablar mejor están genial.
El plan de este grupo es mejorar tu español con juegos, actividades reales y ejercicios para hablar más.
Con la excusa de los juegos y las actividades corregimos la mayoría de errores:
Palabras difíciles, confundir pasados, preposiciones, verbos que significan muchas cosas, ser y estar en pasado, frases con dos verbos o mas, subjuntivo, expresiones coloquiales,
y también los errores "culturales”: ¿De que forma usamos los españoles el idioma en diferentes situaciones?
La gente que participa es (casi siempre) muy simpática, y normalmente deja reviews muy positivas de las clases.
Si te cuadra el plan ven a practicar tu español y hablamos de comida, de viajes, de trabajo, de cultura, de Internet, de temas locales, de noticias y de muchas más cosas.
Para participar hay una contribución de solo 10€ por persona/ clase de 2 horas (materiales incluidos, bebidas no incluidas) o de 30€ por 4 clases.
Vente y hablamos.
Rafa.
\-\-\-\-
Hi!
Every day there are new ways to learn Spanish, (or any language) new apps, grammar methods, AI, teachers explaining things on videos, and they are all great.
If they help you to understand more and to speak better, they are great.
The main plan in this group is to improve your Spanish with games, real activities and exercises to speak more.
All the games and activities are a good excuse to correct the most difficult/ frequent mistakes:
Difficult words, confusing past tenses, prepositions, verbs that mean many things, ser and estar in the past, sentences with two or more verbs, subjuntive, colloquial expressions,
and also “cultural" mistakes: How we, Spanish people, use the language in different situations?
People participating are (almost always) very nice, and usually leave very positive reviews of the classes.
If the plan fits you, come to practice your Spanish and we'll talk about food, travel, work, culture, Internet, local issues, business, news and many more things.
There is a contribution to participate of only €10 per person/2-hour class (materials included, drinks not included) or €30 for 4 classes.
Let´s talk.
Rafa.
Web Standards Events This Week
Discover what is happening in the next few days
Entrenament de SOFTCOMBAT i JUGGER, de 11-17.30h a PARC CIUTADELLA
**TORNEM A LA CIUTADELLA!!**
**NO us equivoqueu de lloc!**
**[QUÉ ES EL SOFTCOMBAT?](https://youtu.be/Essu82NpRvc)**
**[Qué es el Jugger? | El Jugger, qué es y cómo jugarlo](https://youtu.be/dfyrlQn14oM)**
**[Qué es el LARP?](https://youtu.be/fB3FkxDZhBA)**
El Softcombat és una activitat esportiva en la qual, mitjançant armes embuatades (conegudes com boffers), es recreen combats medievals, es practiquen jocs d'equip i s'aprenen moviments marcials de combat. El Rol en Viu consisteix a afegir-li una acció més teatral i dramàtica a aquests enfrontaments.
Si t'interessa aprendre a combatre, emular les lluites de les teves pel·lícules favorites, lluitar amb espasa, subjectar un escut, dominar els secrets de l'equilibri de peus o fer fitnes d'un mode diferent; el Softcombat i el Rol en Viu són una activitat que has de provar.
**És durant el matí de 11h a 13.30h quan major quantitat de participants es reuneixen. A la tarda, es queda(a vegades) un petit grup, però no es pot garantir la seva presència fins a les 18h, sobretot a l'hivern. Recomanem anar de demà.**
***
**REGLES BÀSIQUES PER AL SOFTCOMBAT**
**NORMATIVA I SEGURETAT**
**la participació en un esdeveniment implica l'acceptació d'aquestes:**
Per a garantir la seguretat dels participants, totes les armes alienes a seran testades prèviament, conservant-se el dret a admissió de l'arma o de l'usuari.
Com tot esport de contacte, cal anar amb compte i apel·lar sempre al sentit comú i a la companyonia, en inscriure's en la nostra comunitat, el participant o tutors del participant accepten la total responsabilitat de qualsevol mal, lesió, pèrdua... que pugui succeir dins dels entrenaments.
**La participació en un esdeveniment implica l'acceptació d'aquestes.**
1. No estan permesos cops **ni al cap ni en els genitals.**
2. **La/s ma/ns** que subjecten l'arma fins a la nina no són blanc vàlid.
3. **No es pot estocar,** només colpejar amb el lateral de l'arma.
4. **Abans de començar** qualsevol enfrontament, cal estendre les armes, procedir a una lleugera salutació mitjançant el xoc entre aquestes.
5. **Cuida del company** amb el qual entrenes. Vigila la seva esquena i advertir-li de forats, arbres, altres persones o altres irregularitats en el terreny.
6. **Abans d'emprar qualsevol propietat aliena**, demana permís al seu propietari. Si algú trenca l'equip d'una altra persona, el propietari pot reclamar una compensació econòmica pels materials.
7. Els **menors de 14 anys** hauran d'anar acompanyats d'un adult responsable. Els menors de 16 anys hauran de portar un document emès per un tutor responsable, eximint de responsabilitat als Organitzadors (o confirmar meetup conforme l'acceptació d'aquestes normes).
8. **L'Organització no es farà responsable** de cap mena de lesió, mal o ferida que pugui succeir durant els entrenaments.
9. Diverteix-te i gaudeix, és un gran esport.
10. **L'organització es reserva el dret a vetar** la participació als qui consideri, sense haver de donar explicacions. Sobretot davant persones que hagin demostrat de manera present o passada un comportament deshonest, vexatori o frau davant l'entitat, els seus membres o equip de direcció.
11. Amb la participació en les activitats de Softcombat Bcn Events Associació Cultural, es declara que l'interessat accepta la política de privacitat i tractament de dades personals concorde a la normativa vigent de la LOPD (UE 2016/679). La qual garanteix un tractament anònim i confidencial de les dades facilitades, excepte indicació explicita del signant. A més, garanteix que el seu ús només serà a mode de còmput de participants davant les autoritats legals territorials de manera numèrica, en cas que fos necessari.
12. D'igual mode, declara el seu consentiment perquè SoftBcn Events faci ús de qualsevol imatge, relacionada amb l'esdeveniment, amb la finalitat de realitzar promoció i difusió de la seva activitat a llarg termini.
**MATERIALES PERMITIDOS**
[https://www.youtube.com/playlist?list=PL5WPtm8uctCcPuc-lq_x7h-Uly9cjclOS](https://www.youtube.com/playlist?list=PL5WPtm8uctCcPuc-lq_x7h-Uly9cjclOS)
**Conoce nuestras otras Redes sociales:**
[https://www.facebook.com/SoftcombatBcn/](https://www.facebook.com/SoftcombatBcn/)
[https://www.instagram.com/softcombatbcn/](https://www.instagram.com/softcombatbcn/)
[https://www.youtube.com/softcombatbcnevents](https://www.youtube.com/softcombatbcnevents)
[https://twitter.com/SoftBCN ](https://twitter.com/SoftBCN)
EUROPEAN LANGUAGE EXCHANGE🇪🇸🇬🇧🇩🇪🇫🇷🇮🇹🇵🇹🇷🇺INTERCAMBIO LENGUA EUROPEA
Hola a tod@s !
Este domingo nos vamos de cañas por Born donde podremos practicar diferentes idiomas como español,inglés , francés , , portugués , italiano ruso etc ...
Animate a conocer gente nueva.
Este bar tiene una gran variedades de cervezas internacionales. ¡ Vamos a probarlas! 😉 🍻🍺
Me gustaría recordar que es obligatorio apuntarse en la página de meetup cuando se quiera asistir a un evento. También quiero recalcar que es necesario tener un comportamiento correcto y adecuado en todas las actividades propuestas,y que en caso de que esto no sea así, los organizadores se reservan el derecho de admisión de los participantes.No se permite ningún tipo de spam.
🇬🇧Hi everyone!
This Sunday we are going to have drinks and fun in Born! It is a wonderful opportunity to practice as many languages as you like: Spanish,English, French, Italian, and Portuguese ,Russian...
Come with us, meet new people and....enjoy!
This bar has a great variety of international beers. Let's try them! 😉 🍻🍺
I would like to remind you that it is mandatory to sign up on the meetup page when you want to attend an event. I also want to emphasize that it is necessary to have a correct and appropriate behavior in all the proposed activities, and that in case this is not the case, the organizers reserve the right of admission of the participants. No type of spam is allowed.
🇫🇷 Bonjour à tous!
Ce dimanche nous allons faire la fête dans le Born où nous pouvons pratiquer différentes langues comme l'espagnol, l'anglais, le français, le portugais, russe,etc ...
Motivez-vous à rencontrer de nouvelles personnes.
Ce bar propose une grande variété de bières internationales. Essayons-les ! 🍻🍺😉 🍻🍺
Je vous rappelle qu'il est obligatoire de s'inscrire sur la page meetup lorsque vous souhaitez assister à un événement. Je tiens également à souligner qu'il est nécessaire d'avoir un comportement correct et approprié dans toutes les activités proposées, et qu'au cas où ce ne serait pas le cas, les organisateurs se réservent le droit d'admission des participants.Aucun type de spam n'est autorisé.
🇮🇹Ciaooo a tutti!
Questa domenica ci troviamo nel Born per fare un po’ di festa! Sarà un’occasione per praticare tante lingue:spagnolo, inglese, francese, portoghese, russo...
Vieni a divertirti con noi!
Questo bar ha una grande varietà di birre internazionali. Proviamoli! 😉 🍻🍺
Vorrei ricordarvi che è obbligatorio iscriversi alla pagina del meetup quando si vuole partecipare ad un evento. Ci tengo inoltre a sottolineare che è necessario avere un comportamento corretto ed adeguato in tutte le attività proposte, e che in caso contrario gli organizzatori si riservano il diritto di ammissione dei partecipanti Non è consentito alcun tipo di spam.
🇵🇹 🇧🇷Olá a todos!
Neste Domingo vamos fazer festa no Born onde podemos praticar vários idiomas como Espanhol,Inglês, Francês, , Português, ruso etc ...
Incentive-se a conhecer novas pessoas
Este bar tem uma grande variedade de cervejas internacionais. Vamos experimentá-los! 😉🍻🍺
Gostaria de lembrar que é obrigatório se inscrever na página do Meetup quando quiser participar de um evento. Ressalto também que é necessário um comportamento correto e adequado em todas as atividades propostas, e caso não seja o caso, os organizadores se reservam o direito de admissão dos participantes, não sendo permitido nenhum tipo de spam.
Neste evento, por segurança, teremos que conversar um pouco mais distância
🇷🇺Всем привет!
В это воскресенье мы будем выпивать и веселиться в Born! Это прекрасная возможность попрактиковать столько языков, сколько захотите: испанский, английский, французский, итальянский, португальский, русский...
Присоединяйтесь к нам, знакомьтесь с новыми людьми и... наслаждайтесь!
В этом баре представлен большой выбор пива со всего мира. Давайте попробуем! 😉 🍻🍺
Напоминаю, что регистрация на странице встречи обязательна для участия в мероприятии. Также хочу подчеркнуть важность корректного и соответствующего поведения на всех предлагаемых мероприятиях. В случае несоблюдения этого правила организаторы оставляют за собой право допустить участников. Спам в любой форме запрещён.
🍽️🔥 Calçotada 🍷+ Ruta Montferri - Torre del Moro ⛰️ (100 Cims / Alt Camp) 🥳
**(CASTELLANO a continuación 🥗 ENGLISH below )**
### Ruta + Calçotada a l’Alt Camp!
La calçotada és una de les tradicions més típicament catalanes... i nosaltres en som fans absoluts! 😍
Així que tornem a l’atac amb una nova i *súper completa* experiència: **ruta + calçotada a l’Alt Camp**, la veritable terra dels calçots!
**El pla:**
Anirem fins a **Montferri**, on farem un cafetó abans de començar una **ruta senzilla de 10 km i 280 m de desnivell**. Caminarem fins al **Santuari de Montserrat de Montferri**, una joia modernista del deixeble de Gaudí, **Josep Maria Jujol**, i després ens endinsarem per les muntanyes de l’Alt Camp per coronar un nou *100 Cims*: **la Torre del Moro i la Tossa Grossa de Montferri**.
Una excursió amb encant rural, paisatges autèntics i **vistes espectaculars** sobre l’Alt Camp i el mar al fons. 🌊
I després, de premi...
🍽️ **Gran calçotada al Castell de Rocamora**, un castell mil·lenari de l’època de la Reconquesta!
Tot plegat, regat amb bon rotllo i l’essència de la terra que ha vist néixer aquesta deliciosa tradició.
👉 **Que no t’ho expliquin... Vine!**
### 💶 Preus i informació
**🥾Excursió:** 20 € + 12 € de transport que cadascú paga al seu conductor/a
**🍷Calçotada:** 44 €
**Menú complet:**
**Aperitiu:** pa torrat amb tomàquet, all i fuet
Begudes: sangria, vi, cava, refrescos, cervesa, aigua i vermuts
**Calçots amb salsa (tants com vulguis!)**
**Mongetes blanques amb botifarra negra i llonganissa**, amb patata al caliu i allioli
Amanida verda
**Xai a la brasa amb carxofes**
Postres: taronja amb mistela + profiterols amb xocolata
Cafè i xupito
**Recorda:**
➡️ *Per reservar plaça cal abonar el preu de l’excursió per avançat.*
Cada participant és responsable d’avaluar el seu nivell físic respecte a la ruta.
Cal portar **aigua, calçat de muntanya, roba en capes i bastons** opcionals.
Per a + INFO, no dubtis a contactar-me (preferiblement via **WhatsApp**)
☎️ **609 309 797 (Jordi)**
\-\-\-\-\-\-\-\- 🥔 **CASTELLANO** 🍇
## **Ruta + Calçotada en el Alt Camp**
La calçotada es una de las tradiciones más típicamente catalanas... ¡y nosotros somos fans absolutos! 😍
Así que volvemos a la carga con una nueva y súper completa experiencia: **ruta + calçotada en el Alt Camp**, ¡la verdadera tierra de los calçots!
**El plan:**
Iremos hasta **Montferri**, donde tomaremos un café antes de empezar una **ruta sencilla de 10 km y 280 m de desnivel**. Caminaremos hasta el **Santuario de Montserrat de Montferri**, una joya modernista del discípulo de Gaudí **Josep Maria Jujol**, y después nos adentraremos por las montañas del Alt Camp para coronar un nuevo *100 Cims*: **la Torre del Moro y la Tossa Grossa de Montferri**.
Una excursión con encanto rural, paisajes auténticos y **vistas espectaculares** sobre el Alt Camp y el mar al fondo. 🌊
Y después, como recompensa...
🍽️ **Gran calçotada en el Castell de Rocamora**, ¡un castillo milenario de la época de la Reconquista!
Todo ello regado con buen ambiente y la esencia de la tierra donde nació esta deliciosa tradición.
👉 **¡No dejes que te lo cuenten... ven!**
### 💶 **Precios e información**
🥾 **Excursión:** 20€ + 12 € de transporte que cada uno paga a su conductor/a
🍷 **Calçotada:** 44 €
**Menú completo:**
* Aperitivo: pan con tomate, ajo y fuet
* Bebidas: sangría, vino, cava, refrescos, cerveza, agua y vermut
* **Calçots con salsa (¡tantos como quieras!)**
* **Judías blancas con butifarra negra y longaniza**, con patata al caliu y alioli
* Ensalada verde
* **Cordero a la brasa con alcachofas**
* Postres: naranja con mistela + profiteroles con chocolate
* Café y chupito
**Recuerda:**
➡️ Para reservar plaza es necesario abonar el precio de la excursión por adelantado.
Cada participante es responsable de evaluar su nivel físico según la ruta.
Trae **agua, calzado de montaña, ropa por capas y bastones (opcionales).**
**Para + INFO, no dudes en contactarme** (preferiblemente por WhatsApp)
☎️ **609 309 797 (Jordi)**
\-\-\-\-\-\-\-\- 🍇 **ENGLISH ☕**
## **Hike + Calçotada in Alt Camp**
The *calçotada* is one of the most iconic Catalan traditions... and we’re absolute fans! 😍
So we’re back with a brand-new, *super complete* experience: **hike + calçotada in Alt Camp**, the true homeland of the *calçot*!
**The plan:**
We’ll head to **Montferri**, have a coffee, and start an **easy 10 km hike with 280 m of elevation gain**. We’ll walk to the **Montserrat Sanctuary of Montferri**, a modernist gem by Gaudí’s disciple **Josep Maria Jujol**, and then explore the hills of Alt Camp to conquer a new *“100 Cims”*: **Torre del Moro and Tossa Grossa de Montferri**.
A hike full of rural charm, authentic landscapes, and **spectacular views** over Alt Camp — and even the sea! 🌊
And afterwards, the reward...
🍽️ **A grand calçotada at Castell de Rocamora**, a thousand-year-old castle from the time of the Reconquest!
All seasoned with good vibes and the true spirit of the land where this delicious tradition was born.
👉 **Don’t let them tell you about it... come and join us!**
### 💶 **Prices & Info**
🥾 **Hike:** €20 + €12 for transport (paid directly to your driver)
🍷 **Calçotada:** €44
**Full menu:**
* Appetizer: toasted bread with tomato, garlic, and *fuet*
* Drinks: sangria, wine, cava, beer, soft drinks, water, and vermouth
* **Calçots with their special sauce (as many as you want!)**
* **White beans with *butifarra negra* and *llonganissa*,** with roasted potatoes and *allioli*
* Green salad
* **Grilled lamb with artichokes**
* Desserts: orange with sweet wine + profiteroles with chocolate
* Coffee and *chupito*
**Remember:**
➡️ To reserve your spot, please pay the hike fee in advance.
Each participant is responsible for assessing their own fitness level for the route.
Bring **water, hiking boots, layered clothing, and optional trekking poles.**
**For more info, feel free to contact me** (preferably via WhatsApp)
☎️ **+34 609 309 797 (Jordi)**
Fotografía: "Colita . Antifémina", exposición en el DHub
La propuesta de esta actividad es ir a ver la exposición *«Colita. Antifémina»* que se celebra en el Disseny Hub Barcelona.
En la muestra se exponen las fotografías que forman parte del libro «Antifémina», creado en 1977 por la fotógrafa Isabel Steva Hernández (Colita) y la escritora Maria Aurèlia Capmany.
«Antifémina» está considerado el primer libro gráfico abiertamente feminista del período de la Transición.
-
La entrada a la exposición es gratuita con reserva.
-
Puedes gestionar tu entrada gratuita en la web del Disseny Hub Barcelona.
FIRST MATCH DATING SUNDAYS - (age: 25-60) in Barcelona at ALICE'S SECRET GARDEN.
*[Debajo en español] Follow us:* [📸 ](https://www.instagram.com/bcnfriendslang/)**[@bcnfriendslang](https://www.instagram.com/bcnfriendslang/)**
Hi everybody! This Sunday Speed-Dating for singles from 25 to 60 years old living or staying part of their time in Barcelona or near! Come to our express dating event! This activity is open to all nationalities. You will have option to talk one-to-one to different people.
🌟 Weekly Singles Evening in Barcelona. Meet real people, have a drink, enjoy 7 mini-dates at least, and discover real chemistry 🔥
✅ Confirmed every Sunday
✅ Spots limited to keep balance
✅ Last week: **5 mutual matches!**
Join us and make Sunday your favorite day 😄💘 Reserve your spot now, payment secures your seat.
**The event costs 13€ for girls and for guys 13€. It's necessary to pay it beforehand.** You can pay cash at the door but texting us first for 15€.
**IMPORTANT: Due to last-minute cancellation we have a few spots for girls younger than 45 at 5€!**
**You have to pay beforehand using one of the following links: [payPal.me/OFedorova154](payPal.me/OFedorova154) or [revolut.me/oleksandraf96](http://revolut.me/oleksandraf96) or Bizum. DM to ask for the number to Bizum.** It is important when you pay to add on the description or notes field your nickname and or name on Meetup so we can identify you easily.
**It is essential to** **[Fill in the following information on this form](https://docs.google.com/forms/d/e/1FAIpQLSfcOwYoM6dT74S_al4mj2K0MMiXICDKJo8B-VbetTCgls9dfg/viewform?usp=dialog)**. Only once you pay you will have your seat for the event. If you just get enrolled on Meetup, you do not have your spot.
**It is mandatory to order at least one drink per person.** A beer costs between 3 and 5 euros. **Casual dress is required: no flip flops, beach shorts or gym gear please.**
**STARTING TIME: Girls at 19.45h. Guys at 20.00h**
**How does the event work?**
* **Welcome** → Guests arrive and register. Hosts welcome you. You will receive a sticker to write your name and stick it on your chest. This will help to remember all names. You will also have a pen and a sheet of paper just exclusively for you where you need to write the names of all the dates you will have and comments just for yourself. At the end of the event it is important that you scan the first QR CODE on your sheet and there will have to fill in your contact information: name, phone number, instagram, mail... and the name of the three people you like the most (It is a good idea to write all the names in the sheet as long as we are having the dates, and at the end just crossed out all except for the 3 we like the most). In the form we will also appreciate your feedback either good or negative to improve the event. You can grab a drink, nip the loo and relax in the indicated area. We ask the girls to come 15 minutes earlier than guys to start sitting them. In general we organise two groups divided by age range, but it depends on the number of participants. During the rounds a waiter/waitress will come just in case you need a refill!
* **Rounds Begin** → Each participant has a mini-date (7 minutes) with another person.
* **Rotation** → At the signal (host announcement or gong), the guys move to the next partner. The rotation is always counterclockwise direction so you need to move to your left side. Boys will be stand up 30 seconds to take notes and girls will remain sitting in same position.
* **Half-break** → There is no half-break but if you want to pause, just ask the host if you can skip a round of 7 minutes so you can order drinks or food, go to the can or just relax at the garden.
* **End of Rounds** → At the end we usually gather at the garden to have a drink. Like this you still have time to talk to people and make your decision.
* **Fill the sheet** → Participants indicate who they’d like to see again. Maximum 3 names. It is important to scan the first QR code in your sheet to fill the form. We could increase the number of names voted but here we are **looking for the real sparkle. You can vote until monday at 18h!**
* **Results** → **On tuesday in the morning**, the organizer shares mutual matches privately after the event by Meetup message. If you get a match, you will receive your match's contact information.
In order to create a good atmosphere it's very important that in your profile you have a clear picture of you. If you do not have a picture of yourself, you will be kindly moved to waiting list. Even if you see waiting list try to get enrolled as I Will be accepting to keep a balance men/women. It helps to create a better ambience.
**If you get enrolled and pay and in the end you can not make it, please inform us before the last 48 hours of the event. Otherwise you won't either be given the refund or scheduled for another day.**
You are expected to respect and behave properly. Be polite with everyone. Otherwise the organization may decide to expel you from the event and prevent you from participating any other days. If everyone detects a suspicious behaviour, please inform immediately any of the hosts.
For people older than 24! By getting enrolled to the event you accept to appear in pictures than could be published. If you don't feel like it, contact me.
\-\-\-
¡Hola a todos!
Este domingo tenemos **Speed-Dating** para solteros de **25 a 60 años** que vivan en Barcelona o estén pasando parte de su tiempo aquí o cerca.
¡Ven a nuestro evento de citas express! La actividad está abierta a todas las nacionalidades. Tendrás la oportunidad de hablar **uno a uno** con diferentes personas.
🌟 **Velada semanal para solteros en Barcelona.**
Conoce gente real, toma algo, disfruta de **al menos 7 mini-citas** y descubre si surge la química 🔥
✅ Confirmado cada domingo
✅ Plazas limitadas para mantener el ratio chicas-chicos
✅ ¡La semana pasada: 5 matches mutuos!
Únete y haz del domingo tu día favorito 😄💘
Reserva tu plaza ahora; el pago asegura tu asiento.
El evento cuesta **13€ para chicas y 13€ para chicos**.
Es necesario **pagar por adelantado**.
Puedes pagar **en efectivo en la entrada**, pero avisandonos antes, y en ese caso serían **15€**.
🔔 **IMPORTANTE:** Debido a cancelaciones de última hora tenemos **algunas plazas para chicas menores de 45 años a 5€**.
Debes pagar por adelantado usando uno de los siguientes enlaces:
* **PayPal:** **[payPal.me/OFedorova154](payPal.me/OFedorova154)**
* **Revolut:** **[revolut.me/oleksandraf96](http://revolut.me/oleksandraf96)**
* **Bizum:** envíanos un mensaje privado para darte el número.
Es muy importante que, al pagar, pongas en la **descripción** tu **nickname o nombre de Meetup** para poder identificarte fácilmente.
[También es esencial rellenar este formulario con tu información](https://docs.google.com/forms/d/e/1FAIpQLSfcOwYoM6dT74S_al4mj2K0MMiXICDKJo8B-VbetTCgls9dfg/viewform). **Solo cuando pagues tendrás tu plaza confirmada.**
Si solo te apuntas por Meetup, **no** tienes asegurada la participación.
Es obligatorio pedir **al menos una consumición por persona**.
Una cerveza cuesta entre 3 y 5 euros.
Se requiere un estilo casual: no se permiten chanclas, pantalones de playa ni ropa de gimnasio.
***
## **HORARIO DE INICIO**
👩 Chicas: **19:45h**
👨 Chicos: **20:00h**
***
# **¿Cómo funciona el evento?**
### **Bienvenida**
Los participantes llegan y se registran. Los anfitriones os darán la bienvenida.
Recibirás una pegatina para escribir tu nombre y pegarla en el pecho (ayuda a recordar los nombres).
También tendrás un **bolígrafo y una hoja** exclusiva para ti donde escribirás los nombres de tus citas y tus comentarios personales.
Al final del evento es **muy importante** escanear el **primer QR** de tu hoja para rellenar el formulario con tu:
* nombre
* número de teléfono
* Instagram
* correo electrónico
* **los tres nombres** de las personas que más te han gustado
*(Es buena idea escribir todos los nombres durante las citas y al final tachar todos excepto los 3 que más te gusten.)*
En ese formulario también puedes dejar tu feedback para mejorar el evento.
Mientras esperas puedes pedir una bebida, ir al baño y relajarte en la zona indicada.
Pedimos a las chicas que lleguen **15 minutos antes** para poder sentarlas antes de que lleguen los chicos.
Generalmente organizamos dos grupos por rangos de edad, dependiendo del número de participantes.
Durante las rondas, un camarero pasará por si necesitáis pedir algo.
***
### **Inicio de rondas**
Cada participante tiene una mini-cita de **7 minutos** con otra persona.
### **Rotación**
A la señal del anfitrión (campana o gong), **los chicos se mueven** a la siguiente mesa.
La rotación es siempre en **sentido antihorario** (te mueves hacia tu izquierda).
Los chicos se levantan 30 segundos para tomar notas; las chicas permanecen sentadas.
### **Pausa**
No hay pausa general, pero si quieres descansar una ronda de 7 minutos, puedes pedir al anfitrión saltarte una ronda para pedir bebida, comida, ir al baño o relajarte en el jardín.
### **Fin de rondas**
Al terminar, normalmente nos reunimos en el jardín para tomar algo. Así puedes seguir hablando y tomar tu decisión final.
### **Rellenar la hoja**
Indica los nombres de **máximo 3 personas** que te gustaría volver a ver.
Escanea el **primer QR** y rellena el formulario. Podríamos ampliar a más nombres pero aquí realmente **estamos buscando la chispa real**, por eso el límite es de 3 nombres máximo a votar. Tenéis hasta el lunes a las 18h para votar.
### **Resultados**
El **martes por la mañana**, el organizador enviará los **matches mutuos** de forma privada por mensaje de Meetup.
Si tienes un match, recibirás la **información de contacto** de esa persona.
***
# **Normas importantes**
* Es fundamental que en tu perfil tengas **una foto clara de ti**.
Si no tienes foto, te moveremos a la lista de espera.
* Aunque veas lista de espera, apúntate igualmente: ajustamos para mantener **equilibrio chicos/chicas**.
* Si te inscribes y pagas pero no puedes venir, debes informarnos **48 horas antes del evento**.
En caso contrario, no habrá reembolso ni cambio de fecha.
* Debes respetar el código de conducta estándar y la educación con todo el mundo. La organización se reserva el derecho de expulsar del evento inmediatamente a quién esté incumpliendo las normas. Si algún participante detecta algún comportamiento sospechoso de otro, por favor, que informe en seguida a alguno de los organizadores.
***
## **Para mayores de 24 años:**
Al apuntarte al evento aceptas aparecer en fotos que podrían publicarse.
Si no quieres aparecer, por favor, contáctanos.
Web Standards Events Near You
Connect with your local Web Standards community
HTML5 Master Series (Class 02 of 04) (SPECIAL OFFERING)
**PLEASE READ THE FOLLOWING IMPORTANT NOTES:**
1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring.
2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis.
3. Each class, from BOTH a sign-up and fee perspective, is a separate entity.
**Introduction:**
HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today.
One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences.
A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites.
Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires.
**The breakdown of the four-class series is as follows:**
**Class 1: Introduction to Web Structure and Basic HTML5**
This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document.
* **Topics**:
* **Web Architecture Overview**: How browsers, servers, and web pages interact.
* **HTML Fundamentals**: Understanding elements, tags, and attributes.
* **Basic Document Structure**: Using !DOCTYPE html, html, head, and body.
* **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br).
* **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a).
* **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website.
**Class 2: Semantic HTML5 and Multimedia Integration**
Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia.
* **Topics**:
* **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article.
* **Images**: Adding images using the img tag and attributes like src, alt, width, and height.
* **Multimedia**: Embedding audio and video content using the audio and video tags.
* **File and Folder Structure**: Best practices for organizing project files and managing file paths.
* **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file.
**Class 3: Forms and User Input**
This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input.
* **Topics**:
* **Form Basics**: Using the form element, action and method attributes.
* **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit).
* **Form Elements**: Utilizing label, textarea, select, option, and button.
* **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern.
* **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation.
**Class 4: Introduction to CSS3 and Basic Styling**
The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible.
* **Topics**:
* **CSS Fundamentals**: The role of CSS, selectors, properties, and values.
* **Integrating CSS**: Using inline, internal, and external style sheets.
* **The Box Model**: Understanding margin, padding, border, and content for basic layout.
* **Basic Styling**: Changing colors, fonts, and text alignment.
* **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels.
* **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.
HTML5 Master Series (Class 04 of 04) (SPECIAL OFFERING)
**PLEASE READ THE FOLLOWING IMPORTANT NOTES:**
1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring.
2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis.
3. Each class, from BOTH a sign-up and fee perspective, is a separate entity.
**Introduction:**
HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today.
One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences.
A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites.
Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires.
**The breakdown of the four-class series is as follows:**
**Class 1: Introduction to Web Structure and Basic HTML5**
This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document.
* **Topics**:
* **Web Architecture Overview**: How browsers, servers, and web pages interact.
* **HTML Fundamentals**: Understanding elements, tags, and attributes.
* **Basic Document Structure**: Using !DOCTYPE html, html, head, and body.
* **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br).
* **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a).
* **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website.
**Class 2: Semantic HTML5 and Multimedia Integration**
Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia.
* **Topics**:
* **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article.
* **Images**: Adding images using the img tag and attributes like src, alt, width, and height.
* **Multimedia**: Embedding audio and video content using the audio and video tags.
* **File and Folder Structure**: Best practices for organizing project files and managing file paths.
* **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file.
**Class 3: Forms and User Input**
This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input.
* **Topics**:
* **Form Basics**: Using the form element, action and method attributes.
* **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit).
* **Form Elements**: Utilizing label, textarea, select, option, and button.
* **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern.
* **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation.
**Class 4: Introduction to CSS3 and Basic Styling**
The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible.
* **Topics**:
* **CSS Fundamentals**: The role of CSS, selectors, properties, and values.
* **Integrating CSS**: Using inline, internal, and external style sheets.
* **The Box Model**: Understanding margin, padding, border, and content for basic layout.
* **Basic Styling**: Changing colors, fonts, and text alignment.
* **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels.
* **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.
CSS3 Master Series (Class 03 of 06) (FEE BASED)
**PLEASE READ THE FOLLOWING IMPORTANT NOTES:**
1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring.
2. Each class in this series has an attendance fee, on a first-come, first-served basis.
3. Each class, from BOTH a sign-up and fee perspective, is a separate entity.
**Introduction:**
**The breakdown of the four-class series is as follows:**
**Class 1: Introduction to Web Styling and Basic CSS3**
**Class 2:**
**Class 3:**
**Class 4:**
**Class 5:**
**Class 6:**
CSS3 Master Series (Class 05 of 06) (FEE BASED)
**PLEASE READ THE FOLLOWING IMPORTANT NOTES:**
1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring.
2. Each class in this series has an attendance fee, on a first-come, first-served basis.
3. Each class, from BOTH a sign-up and fee perspective, is a separate entity.
**Introduction:**
**The breakdown of the four-class series is as follows:**
**Class 1: Introduction to Web Styling and Basic CSS3**
**Class 2:**
**Class 3:**
**Class 4:**
**Class 5:**
**Class 6:**
HTML5 Master Series (Class 01 of 04) (SPECIAL OFFERING)
**PLEASE READ THE FOLLOWING IMPORTANT NOTES:**
1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring.
2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis.
3. Each class, from BOTH a sign-up and fee perspective, is a separate entity.
**Introduction:**
HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today.
One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences.
A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites.
Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires.
**The breakdown of the four-class series is as follows:**
**Class 1: Introduction to Web Structure and Basic HTML5**
This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document.
* **Topics**:
* **Web Architecture Overview**: How browsers, servers, and web pages interact.
* **HTML Fundamentals**: Understanding elements, tags, and attributes.
* **Basic Document Structure**: Using !DOCTYPE html, html, head, and body.
* **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br).
* **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a).
* **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website.
**Class 2: Semantic HTML5 and Multimedia Integration**
Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia.
* **Topics**:
* **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article.
* **Images**: Adding images using the img tag and attributes like src, alt, width, and height.
* **Multimedia**: Embedding audio and video content using the audio and video tags.
* **File and Folder Structure**: Best practices for organizing project files and managing file paths.
* **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file.
**Class 3: Forms and User Input**
This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input.
* **Topics**:
* **Form Basics**: Using the form element, action and method attributes.
* **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit).
* **Form Elements**: Utilizing label, textarea, select, option, and button.
* **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern.
* **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation.
**Class 4: Introduction to CSS3 and Basic Styling**
The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible.
* **Topics**:
* **CSS Fundamentals**: The role of CSS, selectors, properties, and values.
* **Integrating CSS**: Using inline, internal, and external style sheets.
* **The Box Model**: Understanding margin, padding, border, and content for basic layout.
* **Basic Styling**: Changing colors, fonts, and text alignment.
* **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels.
* **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.
Web Design Decoded: Tools, Practices, and Proven Processes (Semantic HTML)
**Web Design Decoded: Tools, Practices, and Proven Processes:**
**Semantic HTML**
At WebDev Columbus, we are exploring some of the most important topics of professional high-end web design and page building. Primarily focused on site building in the WordPress environment, our group explores tools, tips, and techniques for building the best WordPress sites possible. Additionally, we focus on disciplines and technologies that take website design from visually appealing to optimized spaces for delivering you and/or your client's message effectively and with a nod towards extended reach.
Each session combines practical demonstrations with real-world insights, giving you actionable knowledge you can apply immediately. Whether you're a seasoned developer looking to enhance your design skills or a newcomer wanting to understand design best practices, this series offers valuable insights for every skill level.
**What to expect:**
* Hands-on demonstrations of popular design tools
* Best practices for design-to-development workflows
* Tips for creating responsive, accessible designs
* Real-world problem-solving scenarios
* Interactive Q&A sessions
* Networking opportunities with fellow developers
**Each meetup features:**
60 minutes of focused presentation
30 minutes of live demonstrations
30 minutes for questions and discussion
**See you there!**
Our casual, collaborative environment encourages learning from both presenters and fellow attendees. Bring your questions, share your experiences, and connect with Central Ohio's web development community!
**Stay tuned for specific session topics and dates.**
HTML5 Master Series (Class 03 of 04) (SPECIAL OFFERING)
**PLEASE READ THE FOLLOWING IMPORTANT NOTES:**
1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring.
2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis.
3. Each class, from BOTH a sign-up and fee perspective, is a separate entity.
**Introduction:**
HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today.
One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences.
A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites.
Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires.
**The breakdown of the four-class series is as follows:**
**Class 1: Introduction to Web Structure and Basic HTML5**
This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document.
* **Topics**:
* **Web Architecture Overview**: How browsers, servers, and web pages interact.
* **HTML Fundamentals**: Understanding elements, tags, and attributes.
* **Basic Document Structure**: Using !DOCTYPE html, html, head, and body.
* **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br).
* **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a).
* **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website.
**Class 2: Semantic HTML5 and Multimedia Integration**
Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia.
* **Topics**:
* **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article.
* **Images**: Adding images using the img tag and attributes like src, alt, width, and height.
* **Multimedia**: Embedding audio and video content using the audio and video tags.
* **File and Folder Structure**: Best practices for organizing project files and managing file paths.
* **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file.
**Class 3: Forms and User Input**
This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input.
* **Topics**:
* **Form Basics**: Using the form element, action and method attributes.
* **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit).
* **Form Elements**: Utilizing label, textarea, select, option, and button.
* **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern.
* **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation.
**Class 4: Introduction to CSS3 and Basic Styling**
The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible.
* **Topics**:
* **CSS Fundamentals**: The role of CSS, selectors, properties, and values.
* **Integrating CSS**: Using inline, internal, and external style sheets.
* **The Box Model**: Understanding margin, padding, border, and content for basic layout.
* **Basic Styling**: Changing colors, fonts, and text alignment.
* **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels.
* **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.





![EL Puente Humano [JUEGO SOCIAL]](https://secure.meetupstatic.com/photos/event/d/0/8/6/highres_532373382.webp?w=640)















