Skip to content

Web Design

Meet fellow web designers near you! Come to a Web Design Meetup to compare tools, languages, and templates; trade advice on careers, rates, and freelancing; and share cool websites. Make valuable contacts as you mingle with new friends!
pin icon
97,846
members
people1 icon
143
groups

Frequently Asked Questions

Yes! Check out web design 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 design events taking place this week here. Plan ahead and join exciting meetups throughout the week.

Absolutely! Find web design events near your location here. Connect with your local community and discover events within your area.

Web Design Events Today

Join in-person Web Design events happening right now

Passejada amb Barret
Passejada amb Barret
**Ens trobarem a tres quarts d'onze del matí (10:45 h), a la porta del Palau Robert, passeig de Gràcia 107, Barcelona 08008** Un cop apuntats, si finalment, pel motiu que sigui, no podeu venir, agrairem que us doneu de baixa. Durant l'esdeveniment, no hi ha garanties de que es contestin les trucades, ni tampoc els missatges, estarem massa enfeinats fent fotos. Recordeu que les fotos que més us agradin les podeu compartir posant-les a l'album de fotos d'aquest esdeveniment. I per als més despistats, si us plau, recordeu que això és un grup de fotografia, i que l’objectiu principal de les trobades és fer fotos.
NEW SUBGRUPO PARA IR JUNTOS A LAS COMMON PEOPLE PARTY DE RAZZMATAZZ SOLO SINGLES
NEW SUBGRUPO PARA IR JUNTOS A LAS COMMON PEOPLE PARTY DE RAZZMATAZZ SOLO SINGLES
Nuestra nueva web: [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona) NEW SUBGRUPO PARA IR JUNTOS A LAS COMMON PEOPLE PARTY DE RAZZMATAZZ SOLO SINGLES VAMOS HACIENDO GRUPITO PARA IR A LAS PARTIES COMENTA TU INTERÉS EN EL CHAT PRO BAILA ROCK DE NUESTRA NUEVA WEB: [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona) ESTE SUBGRUPO SE ORGANIZA A TRAVÉS DE UN CHAT PRO DENTRO DE LA PLATAFORMA PATREON SINGLES BARCELONA. COLABORA, PARTICIPA Y EMPUJA. CREA ACTIVIDAD SOCIAL. COGE LA PALA. [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona) HABILITAMOS CHAT WHATSAPP para facilitar el encuentro birra previa.
Sensual Beach Photoshoot – Barcelona
Sensual Beach Photoshoot – Barcelona
A perfect opportunity to expand your portfolio with cbeach, sandy portrait imagery before the beaches get overcrowded. We will travel outside of Barcelona for this photoshoot. 📷 **Event Details** 👩 Models: 4 📷 Photographers: 8 We’ll work in intimate groups to create a relaxed and inspiring atmosphere: • 2 photographers per model • 2 rotations • You’ll photograph 2 different models • Equal shooting time for everyone 🕰 Shooting Time: 18:30 – 20:30 📅 Date: April 12, Sunday 📍 Location: Outside Barcelona, accessible by train (Exact meeting point shared in the group chat) 💶 Participation Fee: 20€ 🔔 **How to Join** Click “Attend” Send a WhatsApp message to +34 647 197 332 to confirm your participation ⚠️ Your spot is confirmed only after your WhatsApp message is received. 📸 **Stay Connected** Updates & BTS: [BarcelonaPhotographers_es](https://www.instagram.com/barcelonaphotographers_es/) Host: [Jasmine_h_m](https://www.instagram.com/jasmine_h_m/)
🤩❤️🍹NEW SUBGRUPO VERMUT PARA QUEDAR PARA TOMAR EL VERMUT
🤩❤️🍹NEW SUBGRUPO VERMUT PARA QUEDAR PARA TOMAR EL VERMUT
Nuestra nueva web: [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona) 🤩❤️🍹NEW SUBGRUPO VERMUT PARA QUEDAR PARA TOMAR EL VERMUT NOS PONEMOS DE ACUERDO POR EL CHAT PARA ELEGIR EL BAR. ESTE SUBGRUPO SE ORGANIZA A TRAVÉS DE UN CHAT DENTRO DE LA PLATAFORMA PATREON SINGLES BARCELONA. COLABORA, PARTICIPA Y EMPUJA. CREA ACTIVIDAD SOCIAL. COGE LA PALA. [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona)
📸 WOMEN`S PHOTO WALK: Hat Parade • Barcelona
📸 WOMEN`S PHOTO WALK: Hat Parade • Barcelona
Capture the highlights of the **12th Annual Hat Parade** in Barcelona. Walk, shoot, and connect with other **women and non-binary photographers** & creators as we move. Beginners, enthusiasts, and pros — all are welcome. **THIS EVENT IS FOR ALL WOMEN AND NON-BINARY PHOTOGRAPHERS.** –––––––––– **EVENT DETAILS** **Location:** Rambla de Catalunya (Barcelona) **Date:** 12.04.2026 **Time:** 11:30 – 14:00 **Meeting Point:** Outside "Farga", Barcelona (Av. Diagonal, 391) –––––––––– **EVENT FLOW** **11:30** \| Meet & Connect We’ll gather at the meeting point outside Farga, introduce ourselves, and warm up creatively before the parade officially starts. **12:00** \| Main Walk \(Capturing the best hats\) We will weave through the vibrant crowd of the hat parade. Expect a flurry of elegant fascinators, avant-garde headpieces, and classic millinery. Our focus is on street photography, candid portraits, and the whimsical details of Barcelona’s most stylish spring tradition. **14:00** \| Optional lunch or drinks nearby\. –––––––––– **IMPORTANT** This isn’t a class. It’s not a tour. It’s a creative meetup. We’ll walk. We’ll shoot. We’ll connect. –––––––––– **WHAT TO EXPECT** Bring your: • Film camera • Digital camera • Smartphone • Curiosity Whether you're a beginner, seasoned photographer, content creator, or just creatively curious — you’re welcome here. Come solo or bring friends. Spots are limited — reserve your place ASAP. –––––––––– **STAY CONNECTED** 📍 Join our **[WhatsApp group](https://chat.whatsapp.com/E2eB1k4E9TX40Vt5h1vcPz?mode=gi_t)** for live location & updates. 📸 Follow [@takeaphotowalkcommunity](https://www.instagram.com/takeaphotowalkcommunity) and tag us in your photos. –––––––––– **ABOUT TAKE A PHOTO WALK** Founded in Barcelona in July 2024, Take a Photo Walk connects photographers and creators around the world through real-life creative experiences. Now Barcelona is part of the story. –––––––––– Chasing the shadows and the most fabulous hats under the Mediterranean sun. See you in Barcelona. 📸
🤩❤️🍹NEW SUBGRUP IR AL TARDEO DEL DOMINGO X LA TARDE EN BARROKOS COCODRILO CLUB
🤩❤️🍹NEW SUBGRUP IR AL TARDEO DEL DOMINGO X LA TARDE EN BARROKOS COCODRILO CLUB
Nuestra nueva web: [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona) 🤩❤️🍹NEW SUBGRUP IR AL TARDEO DEL DOMINGO X LA TARDE EN BARROKOS COCODRILO CLUB. NOS PONEMOS DE ACUERDO POR EL CHAT GENERAL PARA ENCONTRARNOS PARA TOMAR LA CERVEZA PREVIA EN UN LUGAR CERCANO Y LUEGO NOS VAMOS A BAILAR MÚSICA REMEMBER. ESTE SUBGRUPO SE ORGANIZA A TRAVÉS DE UN CHAT DENTRO DE LA PLATAFORMA PATREON SINGLES BARCELONA. COLABORA, PARTICIPA Y EMPUJA. CREA ACTIVIDAD SOCIAL. COGE LA PALA. [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona)

Web Design Events This Week

Discover what is happening in the next few days

Sunday Plant Showroom 🌿· THE WHITE VILLA
Sunday Plant Showroom 🌿· THE WHITE VILLA
A curated **plant showroom** set in a Mediterranean villa above Barcelona 🌿 This is not a traditional plant store, but a real living space where plants are presented on terraces with natural light and a calm atmosphere. The experience is designed as a **slow, open visit** where you can explore plants in context, understand how they live and imagine them in your own home. A relaxed setting to disconnect and enjoy the space above the city. We work with a carefully selected range of **indoor and outdoor plants** suited for urban living. Resilient, easy-to-maintain species designed for apartments and compact spaces. Throughout the visit, a **plant expert** will be available to guide you based on your light, orientation and lifestyle. You’ll learn how to care for your plant, how to water it properly and how to integrate it into your home. Surrounded by greenery, terraces and open views, the villa offers a **peaceful environment** away from the noise of the city 🌞 A calm and inspiring atmosphere where people come to explore, learn and take home a plant with intention. **Ideal for:** – Plant lovers and beginners – People looking to redecorate their home – Those interested in low-maintenance greenery – Anyone wanting a different, relaxed plan **[More information](https://tally.so/r/VL8Nll)** +34 699715905
🔒COMPLETA! LA PASSIÓ D’ESPARREGUERA, UN ESPECTACLE ÚNIC A EUROPA
🔒COMPLETA! LA PASSIÓ D’ESPARREGUERA, UN ESPECTACLE ÚNIC A EUROPA
Avui us portem una activitat que ens fa especial il·lusió, i és que us proposem **un espectacle emblemàtic i molt nostre**, una representació tradicional dintre de la festivitat de Setmana Santa i que **tothom hauria de veure una vegada a la vida**. Si, marxem a Esparreguera per veure, a **primeríssimes files**, una representació espectacular, **La Passió**! **La Passió d’Esparreguera** **és una experiència cultural única** que combina *tradició, art i emoció*. Amb més de *500 actors, orquestra en directe i tecnologia escènica moderna*, aquest espectacle captiva el públic amb la seva espectacularitat i profunditat. La representació transporta l’espectador a un **viatge històric i teatral** que recrea els últims dies de Jesús, des del Sant Sopar fins a la seva resurrecció, amb una posada en escena d’una gran bellesa i intensitat dramàtica. Amb més de cent anys d’història, **La Passió és un patrimoni cultural de gran valor** que connecta generacions, fusionant art escènic, música i expressió artística en una experiència inoblidable. **La Passió**, o també **“La Passió de Crist”, Premiada amb la Creu de Sant Jordi de 2012 i declarada be d’interès nacional el 1983**, és el tret artístic, cultural i social més important i distintiu d’Esparreguera, vila mil·lenària situada a la riba dreta del riu Llobregat i porta d’entrada al Parc Natural de Montserrat. Se celebra cada Setmana Santa, en un total de nou representacions. ***Un espectacle extraordinari que combina modernitat i tradició.*** Peró aixó no es tot i és que gaudirem del seu nou format! El **nou format** ens proposa un **espectacle de menor durada** (2h 30m) en el que es representen les dues parts en una única sessió. Es tracta d’una posada en escena **més àgil i dinàmica** que conserva l’essència de la tradició. Mantenint el mateix estil i la mateixa estètica que en el Format tradicional. La **música**, uns dels principals signes d’identitat de la Passió d’Esparreguera, està composta especialment per al nostre espectacle. Es representa en viu per **una orquestra i una coral en directe**, amb la imponent presència d’un orgue de 700 tubs. ***\*DESPRÉS HEM RESERVAT RESTAURANT A OLESA DE MONTSERRAT, ON GAUDIREM D’UN BON DINAR PER ACABAR AQUESTA JORNADA! CONSULTEU MENÚ I PREU A LA PART FINAL DE LA DESCRIPCIÓ DE L’ACTIVITAT.*** *A on? Quan?* **DATA :** 12/04/2026 – **HORA :** 08:30h – **LLOC (NOU PUNT!) :** [CARRER TRAFALGAR, 56, 08010, BCN](https://share.google/aHkVktIZSOWUWxdOX) **TORNADA:** Aprox. 19:00 **PREU:** 49€ **PREU VIP:** 46,55€ Que inclou? **✔** Bus privat **✔ Entrades a platea primeres files (files 1 i 2).** **✔** Acompanyament guia Cultura i Oci Barcelona **✔** Assegurança d’accidents i RC **✔** IVA 21% *No inclou:* ***X*** *Menú “CAL FELIP” Preu: 32€* **DINAR A RESTAURANT (Dinar a CAL FELIP – OLESA DE MONTSERRAT, PREU: 32€)** **MENÚ** **Primers a escollir:** ✔️ Roast beef amb maionesa de maduixots ✔️ Flor de carxofa amb vouluté de pernil ,papada i torreznos ✔️ Sopa de galets ✔️ Tartar de salmó ✔️ Canelons de Cal Felip **Segons a escollir:** ✔️ Peu de porc estofat amb escamarlans ✔️ Tronc de lluç a la Donostiarra ✔️ Entrecot de vedella a la brasa ✔️ Carn de xai a la brasa ✔️ Ventall de porc iberic amb salsa pebre verd **Postres (assortit de pastisseria), pa i refresc.agua, cervesa, vi + café** *\*Els plats s’escolliran al mateix restaurant. Poden haver-hi canvis en alguns plats segons confecció de menú de restaurant.* **Preu: 32€** *(IVA inclòs)* **✔** Et pots apuntar directament per la nostra pagina principal (https://culturaiocibarcelona.com/). **✔** A la mateixa pagina pots realitzar el pagament a traves d'una plataforma segura amb tarjeta, PayPal o Bizum. També pots fer transferencia bancaria al següent nº de compte bancari o inclús fer un BIZUM: **COMPTE: ES4401820846420201850639 BBVA, Maria Vallverdú** Segura, o Bizum: **Maria Vallverdú Segura 629813322** \- referència: **PASSIÓ, i el teu nom + COGNOM** APUNTAR-SE SENSE REALITZAR EL PAGAMENT NO ASSEGURA PLAÇA A L'ACTIVITAT. \*No es faran devolucions en cas de no presentar-se a l’activitat o no avisar de la NO asistencia 48 hores abans de l'activitat. Per qualsevol dubte ens pots enviar un missatge a través de la web, al mail gaudeixsensepressa@gmail.com o al Whatsapp d'informació i reserves 650 83 54 70.
🔥4 plazas 🙋🏼‍♀️20-45 ☀️ Blanes - Lloret de Mar 🌊 Fácil-Interm. 14km 💪
🔥4 plazas 🙋🏼‍♀️20-45 ☀️ Blanes - Lloret de Mar 🌊 Fácil-Interm. 14km 💪
⭐️⭐️⭐️⭐️⭐️ **❤️ Toda la info y para apuntarte [aquí](https://thehikers.es/products/rutas-barcelona-blanes-lloret?utm_source=meetup&utm_medium=event&utm_campaign=rutas-barcelona-blanes-lloret)**
EUROPEAN LANGUAGE EXCHANGE🇪🇸🇬🇧🇩🇪🇫🇷🇮🇹🇵🇹🇷🇺INTERCAMBIO LENGUA EUROPEA
EUROPEAN LANGUAGE EXCHANGE🇪🇸🇬🇧🇩🇪🇫🇷🇮🇹🇵🇹🇷🇺INTERCAMBIO LENGUA EUROPEA
Hola a tod@s ! Este domingo nos vamos de cañas por Eixample 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 Eixample! 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 Eixample 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 Eixample 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 Eixample 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 🇷🇺Всем привет! В это воскресенье мы будем выпивать и веселиться в Eixample! Это прекрасная возможность попрактиковать столько языков, сколько захотите: испанский, английский, французский, итальянский, португальский, русский... Присоединяйтесь к нам, знакомьтесь с новыми людьми и... наслаждайтесь! В этом баре представлен большой выбор пива со всего мира. Давайте попробуем! 😉 🍻🍺 Напоминаю, что регистрация на странице встречи обязательна для участия в мероприятии. Также хочу подчеркнуть важность корректного и соответствующего поведения на всех предлагаемых мероприятиях. В случае несоблюдения этого правила организаторы оставляют за собой право допустить участников. Спам в любой форме запрещён.

Web Design Events Near You

Connect with your local Web Design community

[Ben Frain: Top 10 CSS Tips To Make Your Dev Life Easier] #11
[Ben Frain: Top 10 CSS Tips To Make Your Dev Life Easier] #11
Join us for **Ben Frain**'s talk ... Ben's book "Responsive Web Design With HTML5 and CSS" caught my attention (and should interest you as well). Find it here: [https://rwd.education/](https://rwd.education/) ***Bring your laptop and expect to write some (non-AI generated) code!*** Food and drinks will be available. **LOCATION:** 6515 Longshore Loop, Suite 300, Dublin, OH 43017 **FREE PARKING:** 6725 Longshore Street, Dublin, OH 43017
American Sign Language Beginners Meetup Group
American Sign Language Beginners Meetup Group
We meet to learn and practice American Sign Language and to grow our familiarity with Deaf culture. Facilitated by hearing folks (with a connection to a professional interpreter) using Deaf-created content. People of all ASL skill levels are welcome! As we learn, we hope to connect more with the Deaf community in Central Ohio. Join us as you're able! Come regularly or just once - whatever you're looking for! Each meetup will explore different topics related to ASL/Deaf culture, and will feature time to practice conversation with one another. Just bring yourself and a willingness to learn!
HTML5 Master Series (Class 03 of 04) (SPECIAL OFFERING)
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.
HTML5 Master Series (Class 04 of 04) (SPECIAL OFFERING)
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.
HTML5 Master Series (Class 02 of 04) (SPECIAL OFFERING)
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.
Prompt vs. Paintbrush
Prompt vs. Paintbrush
AI is changing how art is made. But when does it stop being your work and start being the machine’s? This month we're going to be doing a panel with with digital image, music, and written word artists, talking about at what point, while using AI in the creation process, does the work become not the artist creation? We encourage audience participation during this event that will be moderated by Chris Slee. Whether you’re deep in the field or just getting curious, come connect with others building and exploring AI in Columbus. Sponsored by [Transform Labs](https://www.transformlabs.com/services) Sign up also accessible via [Transform Labs Luma](https://luma.com/55umjqta)