HTML & CSS
Meet other local people interested in HTML & CSS: share experiences, inspire and encourage each other! Join a HTML & CSS group.
138
members
1
groups
Related topics
Frequently Asked Questions
Yes! Check out html & css events happening today here. These are in-person gatherings where you can meet fellow enthusiasts and participate in activities right now.
Discover all the html & css events taking place this week here. Plan ahead and join exciting meetups throughout the week.
Absolutely! Find html & css events near your location here. Connect with your local community and discover events within your area.
HTML & CSS Events Today
Join in-person HTML & CSS events happening right now
SOCIAL LANGUAGE EXCHANGE
***[Save 50% getting a ticket in advance (only first 20 people)](https://www.eventbrite.ie/e/social-language-exchange-tickets-1985534555304?discount=EarlyBirdsMeetup&keep_tld=true)***
**✨ Dynamic Conversations**
Enjoy small-group conversations (2–3 people per table) at dedicated language tables.
There will always be **English-only tables**, and every attendee rotates through these tables during the **first and last rotation**.
**🏷️ Language Stickers on Arrival**
As soon as you arrive, you’ll receive:
• **Native language stickers** (with flags + “native”)
• **Practicing language stickers** (with flags + “practicing”)
You may choose multiple practicing languages. These stickers help you join the right tables and connect with people who match your goals.
**🔄 Rotations Every 30 Minutes**
Every 30 minutes, the organizer rearranges groups based on preferred languages.
We aim for **bilingual tables**, ideally with at least one native or advanced speaker.
If no native speakers are available, we can still create a table as long as **two people want to practice the same language**.
**🌍 Popular Languages**
English, Spanish, French, German, Portuguese, Italian, and any other language requested by at least two attendees.
**📈 All Levels Welcome**
Beginner or advanced—everyone is welcome.
The only requirement is enthusiasm and willingness to communicate.
**🃏 Conversation Cards + Complimentary Fries**
Need inspiration? Conversation cards are available at every table.
Enjoy complimentary **fries around 8:00 PM**.
**💸 Pay-as-you-go (Cash / Card)**
• €6 General Admission
• €5 Students
• €4 per person when you bring friends
**⭐ Loyalty Card (Automatically Activated)**
Attend **4 Language Exchanges or International Meetups**, and your **5th event is FREE**.
**💳 [Membership Options (Save € & unlock perks)](https://buymeacoffee.com/newindublin)**
**🟡 Regular Membership (€12/mo)**
✔ Free: Singles, Language Exchange, International Meetup
✔ –50%: Quizzes, Big Singles, Theme Party, Cultural Mix, Social Games, Music Challenge
✔ Extra perks
**🔵 Theme Membership (€15/mo)**
✔ Free: Quizzes, Big Singles, Theme Party, Cultural Mix, Social Games, Music Challenge
✔ –50%: Singles, Language Exchange, International Meetup
✔ Extra Perks
**🟣 Complete Membership (€20/mo)**
✔ Free access to ALL events
✔ Extra Perks
**📱 Stay Connected**
🔗 **[Linktree](https://linktr.ee/newindublin)**[ ](https://linktr.ee/newindublin)– full weekly calendar
💬 **[WhatsApp](https://chat.whatsapp.com/L8IcUuQzHVVLGaoUZ8ONRt)**[ ](https://chat.whatsapp.com/L8IcUuQzHVVLGaoUZ8ONRt)– reminders & updates
📘 **[Facebook](https://www.facebook.com/newindublinmeetup)**[ ](https://www.facebook.com/newindublinmeetup)– photos & highlights
📸 **[Instagram](https://www.instagram.com/newindublinmeetups/)**[ ](https://www.instagram.com/newindublinmeetups/)– stories & behind-the-scenes
🌐 **[Website](https://newindublin.net/)**[ ](https://newindublin.net/)– all information about our events
**🎉 Join Us!**
A fun, relaxed evening full of languages, new people, and confidence-building conversations.
**RSVP now! 🚀**
Wednesday Language Exchange @ Arlington
Join us to **practise and improve your target language with native speakers on Wednesday in the Arlington** (Bachelor's Walk, Dublin 1) from **6.30pm to 8.30pm**.
**Our system:**
**• You sit opposite a native speaker of the language you're learning**
**• You speak 5mins English, 5mins other language, then change table**
This ensures everyone gets an equal opportunity to practise the language they're learning. Our team seats people, controls the time, organises the table changes etc.
What to expect:
• Relaxed easy going atmosphere
• Professional and quality service
• Great networking opportunities
• All levels welcome from absolute beginner to fully fluent
• A big mix of ages with attendees at each event from 18 to 70+ years old
• Topic cards on the tables to help start conversations
Wide range of languages:
We usually have **native speakers of English, Spanish, French, Portuguese, German, Italian, Japanese, Chinese** and more depending on who shows up.
**Admission fee €7** (€6 for student card holders). **No pre-registration required, just show up**.
Loyalty card system: Come to 5 events and the 6th is free.
Over 150,000 people have attended our language exchange events since 2012 to practise and improve their target language - you can too! Everyone is welcome!
For more news and info check:
Website: [www.languageexchangeireland.com](http://www.languageexchangeireland.com/)
FB: [www.facebook.com/languageexchangeireland](http://www.facebook.com/languageexchangeireland)
Instagram: [www.instagram.com/languageexchangeireland](http://www.instagram.com/languageexchangeireland)
NOTE: The MeetUp attendance does not reflect actual attendance. There are usually around 100 people at each event.
We also have the events every Monday & Thursday in River Bar at 6.30pm.
Language Exchange Dublin — New Location!
Most language exchanges are built around **movement**. —fast rotations, brief chats, surface-level conversation.
New table. New person. Start again.
It feels productive. It isn’t.
Real conversations don’t happen in 10 minutes.
They start there. Then they get interesting.
At Flip Lingoes, **you stay.**
Same table. Same group. Enough time for real conversation and real connection, beyond the surface level.
Every 5 minutes, you switch roles: **fluent speaker ↔ learner**, not people.
Before you arrive, **[create a profile here](https://www.fliplingoes.com/language-exchange-dublin/)**[,](https://www.fliplingoes.com/language-exchange-dublin/) tell us what language you're learning.
This helps our **automated matching algorithm** put you in the right small group.
No awkward searching. No guesswork. Simply scan the QR code on arrival and it automatically matches you with fluent speakers of your target language.
We host events at Zanzibar Locke: calm, well-designed, easy to hear, easy to focus.
***
**Event Flow**
6:45–7:15 → Seamless check-in (QR code, get matched, sit down)
7:15–8:30 → Language Exchange (structured, focused)
8:30 → Optional social + snacks included
**Crispy chicken wings. Cheesy loaded nachos.** Straight from Zanzibar Locke’s kitchen. Perfect for chatting, relaxing, and refueling after a great language session.
**Entry:** €8 (tasty snacks included)
**Bundles:** 4 events €24 \| 10 events €50\, purchase [here](https://www.fliplingoes.com/language-exchange-dublin/?pricing_filter=in_person#bundles-section) in advance for express check in. Save time and money.
**Be generous and invite a friend for free:**
It's simple. Create a profile [here](https://www.fliplingoes.com/language-exchange-dublin/), log in, and click “**Invite Friend** to sign up.” It generates a link and you send that to them. Easy and your friend will thank you later ;)
If they register for the event before you, you both get free entry.🙌
***
**Why Flip Lingoes works:**
* Go deeper: longer conversations at the same table
* Speak with the right people via automated matching
* Smooth, calm, focused environment
* Fun social finish
If you’re tired of restarting conversations and want to **actually speak beyond the greeting and small talk**, this is your place.
[Flip Lingoes](https://www.fliplingoes.com) is a new and innovative language exchange event, with a clear vision: **To upgrade language exchange events online and in cities around the world.** Currently in Dublin, Zurich and Online. **Can you guess our next city?**
**Flip into our world:**
**[On Instagram](https://www.instagram.com/fliplingoes/)**
**[Sign up to FlipLingoes.Com](https://www.fliplingoes.com/language-exchange-dublin/)**
***
Wednesday Spanish English Language Exchange @ Arlington
Join us to **practise and improve your Spanish/English with native speakers on Wednesday in the Arlington** (Bachelor's Walk, Dublin 1) from **6.30pm to 8.30pm**.
**Our system:**
**• You sit opposite a native speaker of the language you're learning**
**• You speak 5mins English, 5mins Spanish, then change table**
This ensures everyone gets an equal opportunity to practise the language they're learning. Our team seats people, controls the time, organises the table changes etc.
What to expect:
• Relaxed easy going atmosphere
• Professional and quality service
• Great networking opportunities
• All levels welcome from absolute beginner to fully fluent
• A big mix of ages with attendees at each event from 18 to 70+ years old
• Topic cards on the tables to help start conversations
Wide range of languages:
We also have **native speakers of English, French, Portuguese, German, Italian, Japanese, Chinese** and more depending on who shows up.
**Admission fee €7** (€6 for student card holders). **No pre-registration required, just show up**.
Loyalty card system: Come to 5 events and the 6th is free.
Over 150,000 people have attended our language exchange events since 2012 to practise and improve their target language - you can too! Everyone is welcome!
For more news and info check:
Website: [www.languageexchangeireland.com](http://www.languageexchangeireland.com/)
FB: [www.facebook.com/languageexchangeireland](http://www.facebook.com/languageexchangeireland)
Instagram: [www.instagram.com/languageexchangeireland](http://www.instagram.com/languageexchangeireland)
NOTE: The MeetUp attendance does not reflect actual attendance. There are usually around 100 people at each event.
We also have the events every Monday & Thursday in River Bar at 6.30pm.
Free (Ticketed) Peruvian Film Screening - Manco Cápac
Hello!
Free screening.
Please book your ticket ASAP on Eventbrite.
Meeting time: around 540pm.
Take our seats time: 550pm.
Film time: 6pm.
Thanks!
Alan
Manco Cápac (2020) (Film 2/4 of Peruvian Film Screening Week!)
Date: 25 mar • 18:00
https://www.eventbrite.ie/e/manco-capac-2020-film-24-of-peruvian-film-screening-week-tickets-1983530767922?aff=ebdsshother&utm_share_source=listing_android&sg=aa3360161324b058e17050be574c8f26674c63726438c66c4ea0c19ae9be9a0bb63b95052c68f3d8d7abf9b0a2881ef64320fd0d08c254115ccbc22e6f75f45cdf678fe758fe9333cda2c34b43
Wednesday Italian English Language Exchange @ Arlington
Join us to **practise and improve your Italian/English with native speakers on Wednesday in the Arlington** (Bachelor's Walk, Dublin 1) from **6.30pm to 8.30pm**.
**Our system:**
**• You sit opposite a native speaker of the language you're learning**
**• You speak 5mins English, 5mins Italian, then change table**
This ensures everyone gets an equal opportunity to practise the language they're learning. Our team seats people, controls the time, organises the table changes etc.
What to expect:
• Relaxed easy going atmosphere
• Professional and quality service
• Great networking opportunities
• All levels welcome from absolute beginner to fully fluent
• A big mix of ages with attendees at each event from 18 to 70+ years old
• Topic cards on the tables to help start conversations
Wide range of languages:
We also have **native speakers of English, Spanish, French, Portuguese, German, Japanese, Chinese** and more depending on who shows up if you want to try another languages too.
**Admission fee €7** (€6 for student card holders). **No pre-registration required, just show up**.
Loyalty card system: Come to 5 events and the 6th is free.
Over 150,000 people have attended our language exchange events since 2012 to practise and improve their target language - you can too! Everyone is welcome!
For more news and info check:
Website: [www.languageexchangeireland.com](http://www.languageexchangeireland.com/)
FB: [www.facebook.com/languageexchangeireland](http://www.facebook.com/languageexchangeireland)
Instagram: [www.instagram.com/languageexchangeireland](http://www.instagram.com/languageexchangeireland)
NOTE: The MeetUp attendance does not reflect actual attendance. There are usually around 100 people at each event.
We also have the events every Monday & Thursday in River Bar at 6.30pm.
HTML & CSS Events This Week
Discover what is happening in the next few days
Tutorial 9 – Object Detection using DETR (Meta AI) with Hugging Face & PyTorch
My name is Aurelie and I'm graduating with an MSc in Artificial Intelligence from the University of Limerick.
I run monthly **machine learning** and **deep learning** tutorials in Dublin with a small group of people.
\*\*In this tutorial, we will build an end‑to‑end object detection workflow using the **DETR** model from Meta AI, powered by **Hugging Face Transformers** and **PyTorch** based on a Hugging Face tutorial. We will use a small public dataset, walk through data preprocessing, fine‑tuning the model, evaluating performance, and finally running inference on a **new, unseen image** containing a similar object that was not part of the training set. You will receive a Jupyter notebook with clean, reusable code covering every step. No setup required beyond a laptop and a Google account to run everything in Google Colab.
**The tutorials are limited to 15 participants and you can reserve your spot either here or by emailing aureliem219@gmail.com. Please make sure to book as soon as possible, as the registration count on Meetup does not guarantee availability.**
**For more information about the tutorials:**
* The tutorials are interactive and will be conducted using **Jupyter notebooks** on **Google Colaboratory** (a free, cloud-based platform that lets us write and run code directly in the browser). While **Google Colaboratory** is free to use, tasks that require more computational power (such as training deep learning models) may benefit from GPU access. In that case, Google offers a once-off payment for around €10 which can last several months depending on your usage.
Some familiarity with **Python** or other programming languages is helpful but not required. Everyone is welcome to join and learn at their own pace.
* The tutorial lasts for 1.5 hours.
* During the tutorial, I share the Jupyter notebook with participants so they can keep it for future reference. We go through the notebook step by step together and I do my best to answer any questions along the way.
* The notebook includes the complete code from data preparation to model training and evaluation. It can be reused or adapted for your own business needs or personal projects
* We will be working with a variety of **Python** libraries including **Scikit-learn**, **PyTorch**, **TensorFlow**, **Keras**, **Seaborn**, **Pandas** and **Matplotlib** and the **Hugging Face** framework. These tools will help us explore different machine learning and deep learning techniques using publicly available datasets.
* Each tutorial focuses on a different algorithm in depth. Topics covered include **linear regression**, **logistic regression**, **K-means clustering**, **decision trees**, **artificial neural networks (ANNs)**, **convolutional neural networks (CNNs)** for image classification, **object detection** and **natural language processing**. The goal is to break down each technique step by step, making it approachable and practical for real-world applications.
This tutorial take place at the **Grafton Hotel, 32 Stephen Street Lower, Dublin 2** (We will be sitting in the lobby in the corner or on the right handside). It will run from **3 pm** to **4.30 pm**.
**Grafton Hotel, 32 Stephen Street Lower, Dublin 2**
* The tutorials are a high-level practical introduction to machine learning and deep learning and the emphasis on understanding how we process the data , train and evaluate a model with Python. We won't cover the mathematics behind it however some tutorials may have mathematical formulas as part of the algorithm explanation and some tutorials might have more complex data preprocessing as it depends on the datasets and the task we are doing. However the tutorials focus on the practical part!
* *Payments need to be made in advance to secure your place and fees are non-refundable unless I need to cancel the event, in this case refunds will be made.*
Dublin. Practical Vibe Coding Club
**IMPORTANT! Please register at [Luma Page](https://luma.com/emp7l1m3)**
Projector Global Community (by [Projector Institute](https://prjctr.com/en/about)) together with [RichardsDee](https://richardsdee.com/) invite you to our Practical Vibe Coding Club session.
Who This Is For:
This session is for product makers and builders who want a faster, more native way to go from idea to prototype in real time, and turn ideas into working experiences.
No coding experience is required. This is about learning how to build, collaborate, and reiterate faster.
What to expect:
We’ll introduce the fundamentals of vibe coding, explore the tools that enable it, and set up a live working environment together.
Participants will create a boilerplate project in Visual Studio Code using Vite + React, and learn how to move from concept to functional prototype.
**Please come prepared with**:
• A laptop
• Visual Studio Code installed (**[https://code.visualstudio.com](https://code.visualstudio.com/)**)
• A GitHub account (**[https://github.com/signup](https://github.com/signup)**)
• Signed into both with your personal credentials
About Speaker:
**[Harshad Wadhwani](https://www.linkedin.com/in/harshad-wadhwani/overlay/about-this-profile/)** Senior UX Designer at Microsoft. Over the past year, Harshad has been deeply exploring vibe coding, moving beyond traditional design tools and into real time, code based collaboration with stakeholders. Recently, this has included experimenting with workflows that don’t rely on Figma at all, focusing instead on shared prototyping environments and live co-creation in code.
Outcome:
You’ll leave with a working project setup, a clear understanding of vibe coding workflows, and a new mental model for building and prototyping collaboratively with teams.
Session Flow (Approximate)
• 10 mins — Meet & greet
• 15 mins — Harshad’s intro & framing
• 60 mins — Setup & troubleshooting
• 15 mins — Break
• 60 mins — Explore, build, and experiment
• 30 mins — Closing discussion & reflection
💚🧡💛 👋 Friendships and cappuccino ☕ 😀 💚🧡💛
**Hello Mishmashers 👋**
Excited to see you at our next meetup! Here's what you can look forward to:
💬 **Great chats with lovely people**! whether you're a local or from the other side of the world, you’re very welcome here!
🌍 **Not a native English speaker?** Awesome, you’ll get to practice with native speakers in a relaxed, no-pressure setting.
🇮🇪 **Are you a native English speaker?** Cool! Chat in English or find someone to practice another language with. Why not mix it up?
✨ We’re a **diverse, super-friendly, and inclusive bunch**, open to everyone, whether you’re shy, outgoing, or somewhere in between.
🎯 Our awesome organizers are always around to make sure things run smoothly and everyone feels included.
💡 One of the nicest things we hear again and again: even introverts feel at ease here. That’s something we’re really proud of.
🤝 **Instant connections!** You might walk in alone, but you'll probably leave with new friends.
📅 **This Saturday at 2:30pm!**
We’ll be downstairs around the big oval table at a much-loved venue that's perfect for easy-going conversations and real connection.
🎉 **Theme: “International Mishmash”**: A chill space for people from all over (including Ireland!) to swap stories, share laughs, and practice languages if you fancy. (Shout-out to our lovely Irish regulars!)
🍻 **And after?** At 5pm, we’ll head over to the nearby **RIOT Pub** for tasty burgers and proper pints. Always a good time!!!
***
**Want to support the group? 🙏**
Running this thing costs over €200 a year (yep, all out of pocket for now 😅).
If you’d like to chip in, we’d really appreciate it:
* [PayPal](https://paypal.me/meetuppay)
* [Revolut](https://revolut.me/michelf9a) (you can pay with your card, no need to be on Revolut!).
Your help keeps the group going and opens the door for even more cool events (like day trips and gigs!).
Cheers and see you soon!
**– Michele & the Meetup Crew**
Code Apps & Fabric
**Code Apps**: Leveraging AI to build code-first custom web apps that live natively within the Power Platform
**Malachy Keaveny:** Malachy is a D365 Senior Technical Consultant at Codec, where he leads a team of consultants on large scale Power Platform implementations.
**Microsoft Fabric:** From ingest-to-insight: End-to-end data engineering, including AI-assisted Power BI reporting.
**Sara Boukob:** Sara is a senior Data Engineer at Codec, currently leading the delivery of a data and analytics platform through an Azure Landing Zone and Microsoft Fabric
📚 Books & Social 🍸
📚Reading books and discussing them are two distinct experiences! Conversations about books and sharing insights help us better appreciate literature and enrich our lives.
Let's grab a drink (alcoholic or non-alcoholic) and discuss books we're currently reading or have recently enjoyed—whether poetry, fiction, or non-fiction. Bring your physical book or e-reader.
There's no formal structure or agenda—just books and good conversation.💬
It's a perfect place to get book recommendations and rediscover your reading momentum if you've hit a slump. We welcome readers of all backgrounds and interests!
⚠️**Something Happened?**
If something unpleasant happened to you, it may happen to others. Even if it seems minor, don't hesitate to reach out to me.
🔍 **How to find us?**
* When I reach the venue, I'll leave a comment in the meetup where the group is seated. Normally, the booking is in my name, so you can ask the staff for the group.
* If you're unable to find us, leave a comment in the meetup page. I'll be able to guide you.
We highly encourage you to move between tables and strike up conversations with fellow book lovers. These discussions about literature and reading recommendations are often the highlight of the event!
As an organizer, I'm always looking for feedback about the event and suggestions for new events, so feel free to suggest ideas to me. 💡
I look forward to seeing you all! 😊
Monthly Meetup in the pub
We will try to secure a table downstairs in the venue in order to keep the location consistent.
New people who know nothing about Linux are welcome and encouraged to attend, please don't be shy.
If you are new please feel free to approach one of the organisers, and we'd be only happy to help explain things as best as we can, we honestly don't mind and don't judge. We were new once ourselves :)
Please note that in general, these are adult friendly meetups, therefore, we are not responsible for those under 18 in attendance. We may have events targeted at children in the future.
As with any Meetup, please try to stick to your RSVP or change it to No if you can't come.
Mastering Data Science Engineering
Hi All,
We are excited to invite you to another informative and coding session on Saturday morning. Come network with data enthusiasts, share ideas, projects, advance your analytics and programming skills. We recommend bringing a fully charged laptop.
Agenda:
10:00 – 10:45 Building an actionable dashboard on short term rentals using Power BI by Henrique Ricardo and Krupa Patel
11:00 – 11:45 Tableau: Transform Your Data into Actionable Insights
11:45 – 12:30 Networking
Curious about turning data into beautiful visual stories? Join our PowerBI and Tableau analytics technologies for a friendly, hands-on session perfect for beginners! We’ll guide you step by step—from connecting to your data and creating your first charts, to exploring simple dashboards and interactive visualizations. No prior experience needed—just bring your curiosity and a willingness to learn. You’ll pick up practical tips, see real examples, and leave ready to start creating your own data insights with confidence.
Let Roman Golovnya know if you're interested in hosting the next event or presenting at future meetups. You can contact him via meetup messages or email [roman.golovnya@gmail.com.](http://roman.golovnya@gmail.com./)
HTML & CSS Events Near You
Connect with your local HTML & CSS community
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.
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.
From Web Forms to Web Components - Burton Smith
**Important time note:** Please plan on arriving between 5:30 and 6:00 as the elevators lock after 6 and you'll need to message us and we'll need to come get you.
The building address is 4450 Bridge Park
The entrance is 6620 Mooney St, Suite 400
**Abstract**
Web Forms gave .NET developers a powerful abstraction for building reusable UI controls long before design systems were a thing. Web Components finally bring that same idea to the browser natively.
This session explores how the Web Forms mindset translates into Custom Elements, Shadow DOM, and HTML templates. We’ll examine how Web Components enable design systems that work across frameworks, how they differ from server‑driven controls, and why they’re becoming a foundational layer for modern UI. Whether you’re maintaining legacy apps or building greenfield projects, you’ll leave with a practical understanding of how to apply familiar patterns in a modern, standards‑based way.
**YouTube Link**
TBA
Columbus PHP: Monthly Meetup
Our monthly PHP meetup.
A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm
COhPy Monthly Meeting
**Improving Office in Franklinton**
Physical location:
Improving Office
330 Rush Alley Suite #150
Columbus, OH 43215
Schedule:
6:00 p.m.: Socialize, eat, and drink. Improving will be providing pizza and beverages.
6:30 to 8:00 pm. Main meeting and presentation(s).
Topic: Type Annotations with John Cassidy
We meet on the last Monday of each Month. Presentations are given by members and friends of this group. If you would like to do a presentation (small or large) on a python topic, please contact Central OH Python at centralohpython@gmail.com
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.
CSS3 Master Series (Class 01 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:**



















