HTML & CSS
Meet other local people interested in HTML & CSS: share experiences, inspire and encourage each other! Join a HTML & CSS group.
1,124
members
2
groups
Related topics
Largest HTML & CSS groups
Newest HTML & CSS groups
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
Salsa & Bachata Social Dancing Night in Dublin every Friday!
**Come dance with us in Dublin!**
Whether you’re brand new or have been dancing for years, our Salsa & Bachata social is all about good music, great vibes, and moving together. We’ll kick off with fun, easy-to-follow classes, then keep the energy going with social dancing all night. It’s the perfect way to meet people, practice your steps, and enjoy the rhythm of Latin music. See you on the dance floor! 💃🕺
⏰ Schedule:
19\.30 \| Bachata Class \| 3 Levels
20\.30 \| Salsa Class \| 3 Levels
21\.30 to 1\.00 \| Party
**Complete Beginners Promotion:**
1 Class €13 \| 2 Classes €20
**Other Levels:**
1 Class €15 \| 2 classes €25
**Only Party €10**
FREE Party with any class
🎶 DJ Ilario with the best music selection.
🎟Ticket paid at the door (Cash or Revolut)
🚗 FREE parking
📍Address: Leinster Cricket Club – Observatory Ln, Rathmines, Dublin 6, D06 WF96
See you on the dance floor!
DOG DAY AFTERNOON @ IFI (8:30pm) - "Late Late" Breakfast
Hi everyone,
Ho, ho, hope you’ve having a good week - these weeks leading up to Christmas can be manic, so a ‘me treat’ to the cinema might be just what you need!
The IFI have released their Schedule for Friday, so let’s go to see a 50th Anniversary Special rerelease - if I’ve ever seen this movie, I’ve forgotten - DOG DAY AFTERNOON in Cinema 2 at 8:30pm. *Nothing says Christmas like screaming "Attica! Attica!".*
We will then have dinner beforehand in the IFI Cafe Bar at 6:30pm. Dinner is now closed for numbers. If you wish to join a Waitlist, please PM directly (Sueanne) to be included if any spots open up.
DOG DAY AFTERNOON (124 mins)
[Dog Day Afternoon | Modern Trailer | HBO Max](https://youtu.be/3STmwLDDBcI?si=KeStyzOmvgAk5o-A)
*“Re-released on the occasion of its fiftieth anniversary, Dog Day Afternoon recounts the true story of an attempted bank robbery in Brooklyn, 1972. Sonny (Al Pacino, reuniting with his Serpico director) and Sal (the great John Cazale) go ahead as planned with their heist after being abandoned by the third member of their gang. Things immediately go wrong as the bank is almost empty of cash and a hostage situation develops very quickly. In the course of negotiations, it comes out that Sonny’s motive was to secure enough money to pay for the sexual reassignment surgery of his lover Leon (Chris Sarandon). Groundbreaking at the time for its thoughtful and sympathetic consideration of gender and sexuality, though of its time when viewed through a contemporary lens, Dog Day Afternoon is a gripping, funny, and moving film, a classic of 1970s Hollywood.”*
**Dining:** Note that they do not split bills there so it’s **CASH ONLY** again for this one, and there’s a **12.5% service charge** on large table bookings.
Queer Tango - (LGBTQ+) - BEGINNERS CLASS
**\*\*\*NEW BEGINNERS CLASS\*\*\*\***
Explore the intimacy and passion of dance in Argentinian tango with same sex partners, outside traditional gender roles or in an open role!
**Queer Tango** is a space for anyone in the LGBTQ+ community to experience the magic of tango between two people and to express themselves authentically through dancing. We want to build a vibrant and friendly atmosphere for LGBTQ+ people interested in open role tango.
The classes will be held each Friday @ 19:30 and will last for an hour.
Feel free to bring your crush, beau, partner, friend or just come on your own as no partner or previous dance experience is required. Bring comfortable and leather sole shoes. We advise to move out of your comfort zone and practice both leading and following roles.
Join us on our journey, it’s going to be fun and fabulous!
**CLASS FEES:** *We offer a 6 week Pass for just €99 or you can pay as you go for €20 per class*
Places are limited so be sure to Register now !
[https://tangofiesta.ie/queer-tango-dublin/](https://tangofiesta.ie/queer-tango-dublin/)
*For more information visit our website www.tangofiesta.ie or get in touch anytime.*
Ceroc Fridays at Baldoyle – Dance the Night Away!”
💃🕺 **CEROC DUBLIN – Every Friday!** 🎉
📍 *Baldoyle Community Centre, D13 KK55*
Join us for an evening of dance, music, and great company! Tea, savouries, and sandwiches are always welcome and shared. ☕🥪
**🕢 Schedule:**
• 7:30 PM – Doors Open
• 7:45 PM – Practice & Warm-Up
• 8:00 PM – Beginner Routine 🌟
• 8:45 PM – Tea Break & DJ Freestyle 🎶
• 9:30 PM – Intermediate: New Move
• 10:30 PM – Live Music Freestyle @ Trinity Leisure Club 🎷🎤
✨ Come dance, mingle, and make your Friday nights fabulous! ✨
Friday Life Drawing - Pearse Street
## LIFE DRAWING
An untaught life drawing class in the flesh with a model at 27 Pearse Street Dublin 2 (The Ireland Institute) every Friday evening
6.30-9-00PM
Room will be open from about 6.20PM
€26 (Buy Four Classes for €84-save €20)
We draw from about 6.45-9-00PM with a break half way through.
BOOK HERE: https://dublin-drawing.sumupstore.com/product/next-available-untaught-class
**If you've prepaid for some classes send a quick email to dublindrawing@gmail.com**
Materials:
We have drawing boards and clips and some charcoal and paper. If you have your own materials bring them- they will be better quality.
Places are limited so book as soon as you can.
TLDR:
Friday Evening
LIFE DRAWING UNTAUGHT **6.30-9.00PM**
Room open from about 6.20PM
**27 Pearse Street Dublin 2** (The Ireland Institute)
BOOK HERE: https://dublin-drawing.sumupstore.com/product/next-available-untaught-class
Queer Tango - (LGBTQ+) - Intermediate Class
**\*\*\*INTERMEDIATE CLASS\*\*\*\***
Explore the intimacy and passion of dance in Argentinian tango with same sex partners, outside traditional gender roles or in an open role!
**Queer Tango** is a space for anyone in the LGBTQ+ community to experience the magic of tango between two people and to express themselves authentically through dancing. We want to build a vibrant and friendly atmosphere for LGBTQ+ people interested in open role tango.
The classes will be held each Friday @ 20:30 and will last for an hour.
Feel free to bring your crush, beau, partner, friend or just come on your own as no partner or previous dance experience is required. Bring comfortable and leather sole shoes. We advise to move out of your comfort zone and practice both leading and following roles.
Join us on our journey, it’s going to be fun and fabulous!\
**CLASS FEES:** *We offer a 6 week Pass for just €99 or you can pay as you go for €20 per class*
Places are limited so be sure to Register now !
[https://tangofiesta.ie/queer-tango-dublin/](https://tangofiesta.ie/queer-tango-dublin/)
*For more information visit our website www.tangofiesta.ie or get in touch anytime.*
HTML & CSS Events This Week
Discover what is happening in the next few days
💛“Beginner Pottery Class — Handbuilding & Coffee ☕ | Meet New People”
Join us for a warm and friendly Beginner Pottery Class — Handbuilding — perfect for relaxing, connecting, and creating something with your hands.😊
**BOOK**
💶 **Price: €20 per class** [📍HERE](revolut.me/mujdeatici)
➡️ if it isn't work please try this number 083 2051940 on revolut, add your name and class date pls
How It Works
☕
Step 1
Get Your Coffee
Start with your favourite drink
👋
Step 2
Meet & Relax
Get comfortable and say hello
✨
Step 3
Learn the Technique
Simple handbuilding basics
🌿
Step 4
Create Your Pot
Shape your own piece
🎉
Step 5
Leave Happy
Take your creation home
What to expect:
•Small group: 4–6 people for a cozy and friendly atmosphere
•Learn basic hand-building techniques with an instructor. You’ll learn how to shape, smooth, and detail your piece
•Create a small ceramic object in every class and take it home
•No experience needed — complete beginners welcome
•Come alone or bring a friend — everyone is here to connect
•Clay, tools, are included
•Enjoy coffee, conversation, and a mindful break from daily routine
•Join just one class, or continue weekly and improve your skills
Let’s slow down, shape the clay, and make new friends. ☕🧡
📍 Location: Starbucks EBS, 30–34 Westmoreland Street, Dublin 2 / D02 CD45
🕒 Time: 3.00 PM – 4.00 PM Saturday/ Sunday
Duration: approx. 1–1.5 hours
Whats App: **+353 83 2051940**
Please, Follow us on
[Google Business](https://www.google.com/search?client=ms-android-samsung-ss&sca_esv=7887d4d5fed606cb&sxsrf=AE3TifMbb1it7I0rQkyCcRmA4rTpRz7cqg%3A1760897289411&kgmid=%2Fg%2F11xw5cqrqf&q=Ceramic%20%26%20Art%20Studio%20by%20Mujde%20Atici&shndl=30&source=sh%2Fx%2Floc%2Fact%2Fm4%2F2)
[Instagram](https://www.instagram.com/mujde_atici__?igsh=MjNwcnoyY2Uyemh6)
✨ Clay & Coffee: Beginner Pottery Class — Make Your Own Pot! ☕👐
Looking for a relaxing and creative activity in Dublin?
Join our Beginner Pottery Class — Clay & Coffee, a friendly handbuilding workshop where you’ll create your own ceramic pot from scratch!
**BOOK**
💶 **Price: €20 per class** [📍HERE](revolut.me/mujdeatici)
➡️ if it isn't work please try this number 083 2051940 on revolut, add your name and class date pls
How It Works
☕
Step 1
Get Your Coffee
Start with your favourite drink
👋
Step 2
Meet & Relax
Get comfortable and say hello
✨
Step 3
Learn the Technique
Simple handbuilding basics
🌿
Step 4
Create Your Pot
Shape your own piece
🎉
Step 5
Leave Happy
Take your creation home
What to expect:
•Small group: 4–6 people for a cozy and friendly atmosphere
•Learn basic hand-building techniques with an instructor. You’ll learn how to shape, smooth, and detail your piece
•Create a small ceramic object in every class and take it home
•No experience needed — complete beginners welcome
•Come alone or bring a friend — everyone is here to connect
•Clay, tools, are included
•Enjoy coffee, conversation, and a mindful break from daily routine
•Join just one class, or continue weekly and improve your skills
Let’s slow down, shape the clay, and make new friends. ☕🧡
📍 Location: Starbucks EBS, 30–34 Westmoreland Street, Dublin 2 / D02 CD45
🕒 Time: 3.00 PM – 4.00 PM Saturday/ Sunday
Duration: approx. 1–1.5 hours
Why join?
Because pottery is calming, fun, and a beautiful way to connect with yourself and others.
You don’t need any experience — just bring your curiosity!
Limited spots — small groups only.
Reserve your place today!
Whats App:
https://wa.me/353832051940
Please, Follow us on
[Google Business](https://www.google.com/search?client=ms-android-samsung-ss&sca_esv=7887d4d5fed606cb&sxsrf=AE3TifMbb1it7I0rQkyCcRmA4rTpRz7cqg%3A1760897289411&kgmid=%2Fg%2F11xw5cqrqf&q=Ceramic%20%26%20Art%20Studio%20by%20Mujde%20Atici&shndl=30&source=sh%2Fx%2Floc%2Fact%2Fm4%2F2)
[Instagram](https://www.instagram.com/mujde_atici__?igsh=MjNwcnoyY2Uyemh6)
✨ Clay & Coffee: Beginner Pottery Class — Make Your Own Pots! ☕👐
Looking for a relaxing and creative activity in Dublin?
Join our Beginner Pottery Class — Clay & Coffee, a friendly handbuilding workshop where you’ll create your own ceramic mug from scratch!
**BOOK**
💶 **Price: €20 per class** [📍HERE](revolut.me/mujdeatici)
➡️ if it isn't work please try this number 083 2051940 on revolut, add note : name & class date pls
**How It Works**
☕
Step 1
Get Your Coffee
Start with your favourite drink
👋
Step 2
Meet & Relax
Get comfortable and say hello
✨
Step 3
Learn the Technique
Simple handbuilding basics
🌿
Step 4
Create Your Pot
Shape your own piece
🎉
Step 5
Leave Happy
Take your creation home
**What to expect:**
•Small group: 4–6 people for a cozy and friendly atmosphere
•Learn basic hand-building techniques with an instructor. You’ll learn how to shape, smooth, and detail your piece
•Create a small ceramic object in every class and take it home
•No experience needed — complete beginners welcome
•Come alone or bring a friend — everyone is here to connect
•Clay, tools, are included
•Enjoy coffee, conversation, and a mindful break from daily routine
📍 Location: Starbucks EBS, 30–34 Westmoreland Street, Dublin 2 / D02 CD45
🕒 Time: 3.00 PM – 4.00 PM Saturday/ Sunday
Duration: approx. 1–1.5 hours
Limited spots — small groups only.
Reserve your place today!
Whats App:
https://wa.me/353832051940
Please, Follow us on
[Google Business](https://www.google.com/search?client=ms-android-samsung-ss&sca_esv=7887d4d5fed606cb&sxsrf=AE3TifMbb1it7I0rQkyCcRmA4rTpRz7cqg%3A1760897289411&kgmid=%2Fg%2F11xw5cqrqf&q=Ceramic%20%26%20Art%20Studio%20by%20Mujde%20Atici&shndl=30&source=sh%2Fx%2Floc%2Fact%2Fm4%2F2)
[Instagram](https://www.instagram.com/mujde_atici__?igsh=MjNwcnoyY2Uyemh6)
Support Vector Machines with Support Vector Regression from Scikit-learn
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 a **Support Vector Machines** model using the **Support Vector Regression** built-in algorithm from **Scikit-learn**. Together, we will walk through the full pipeline from data preprocessing to model training and evaluation. This will include looking at correlations , removal of outliers and GridSearchCV.
* 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 from **3** to **4.30 pm**.
* 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.
The tutorials take place at the **Camdem court hotel in Dublin 2** at **the bar or the restaurant** if the bar is full (coffees need to be ordered at the restaurant). It will run from **3pm** to **4.30 pm**. **If the bar is busy ,we' ll meet at the restaurant.**
**Camdem court hotel**
**Camden Street Lower, Saint Kevin's, Dublin, D02 W086**
* 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.*
💚🧡💛 👋 Friendships and cappuccino ☕ 😀 💚🧡💛
**Hey hey! 👋**
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. (Shoutout to our lovely Irish regulars!)
🍻 **And after?** At 5pm, we’ll head over to the nearby **Tapped** 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**
📚 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! 😊
HTML & CSS Events Near You
Connect with your local HTML & CSS community
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 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.
Holiday Dinner
Monday December 29th at 6PM we'll be meeting up dinner at the Pies & Pints at Easton. Feel free to bring guests. Sandwiches run about $15 and large pizzas run $20-30.
NSCoder Night
Bring your work or your hobby, hang out, and code with us.
Follow @buckeyecocoa for more information.
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.
🍕 Gatto’s Pizza 🍕
Join us for pizza, drinks and conversation!
Gatto’s Pizza began in a small shop on North High Street in the neighborhood of Clintonville, Columbus, Ohio. It was 1952 and the brothers, Joe and Jimmy Gatto, opened the pizzeria to serve their community, using family recipes to make fresh dough, sauces, meatballs, and Italian sausage.

















