Web Design
Web Design ist deine Leidenschaft? Du suchst Kontakte zu erfahrenen Designern? Bei diesen Web Design Meetups bist du richtig!
22.962
Mitglieder
22
Gruppen
Größte Gruppen zum Thema Web Design
Neueste Gruppen zum Thema Web Design
Häufig gestellte Fragen
Ja! Schau dir die web design Veranstaltungen an, die heute stattfinden hier. Das sind persönliche Treffen, bei denen du Gleichgesinnte treffen und sofort an Aktivitäten teilnehmen kannst.
Entdecke alle web design Veranstaltungen, die diese Woche stattfinden hier. Plane im Voraus und nimm an spannenden Meetups während der Woche teil.
Auf jeden Fall! Finde web design Veranstaltungen in deiner Nähe hier. Verbinde dich mit deiner lokalen Community und entdecke Veranstaltungen in deiner Umgebung.
Web Design Veranstaltungen Heute
Nimm an persönlichen Web Design Veranstaltungen teil, die gerade stattfinden
Quiz Night at Pickwick’s!
Hello Viennovans! Pickwick's is getting quizzical every monday night! You have a chance to win a round of shots, a 40€ bar tab and/or eternal bragging rights 😉 Teams of up to 6 people, reserve your spot today! Start time is 7!
FREE SHOT FOR EVERYONE COMING FROM VIENNOVA!
Salsa Anfänger Kurs
### **Salsa Grundkurs – Dein Einstieg ins Tanzen**
In unserem Salsa Kurs lernst du die Basics von Salsa kennen: Schritte, Drehungen und erste Figurenkombinationen. Unser Grundkurs ist perfekt für Anfänger und legt die Basis für Deine Salsa-Reise. Mit Spaß und Leidenschaft bringen wir Dir die Rhythmen und Bewegungen bei.
Starte jetzt und entdecke die Welt des Salsa-Tanzens!
Ein Schnupperstunde kostet 15€
Saludos
Latin Studio Julion :)
Board Game Evening
A Board Game Evening at Munchy The Urban Kitchen am Schottenring! Come, play, socialize, meet and enjoy! You can bring your own games or choose from the ones available.
We have:
* Jenga
* Monopoly
* Tabu
* Uno
and so on...
We are excited to see you here!
Enjoy your nice Monday evening! 🥳
[Follow us on Instagram](https://www.instagram.com/makingfriendsinvienna)❤️
[Follow us on Facebook](https://www.facebook.com/makingfriendsinvienna)💙
Do you have questions? Write us on Instagram 🎉
English Stand Up Comedy Show "Monday Night Laughs" @The.Comedy.Pub
## [BOOK HERE!!!](https://www.universe.com/events/english-stand-up-comedy-show-monday-night-laughs-the-comedy-pub-tickets-0NML7Q?ref=MeetUp)
Monday Night Laughs: Vienna’s English stand-up open mic! Watch & perform every Monday at The Comedy Pub. Free entry, cozy vibe, endless laug
Vienna’s English Stand-Up Comedy Open Mic – Every Monday at The Comedy Pub
## 😂 Mondays Don’t Have to Suck
The weekend might be over — but the laughter doesn’t stop.
Welcome to **Monday Night Laughs**, Vienna’s cozy and community-driven **English stand-up comedy open mic**, where locals, expats, and travelers come together to kick off the week with big laughs and good vibes.
Every Monday night, *The Comedy Pub Vienna* turns into a creative playground for comedians and comedy lovers alike.
Whether it’s your first time at a show or your tenth, you’ll feel right at home.
Forget Netflix. Forget the Monday blues.
This is your weekly reminder that laughter fixes everything — especially on a Monday.
## 🎭 What Is *Monday Night Laughs*?
It’s not a fancy showcase or a big-ticket headliner night. It’s something much better — it’s *real*.
Here, the mic is open, the drinks are cold, and the laughter is honest.
You’ll see comedians from all over the world — from total beginners testing their first five minutes to experienced performers working out new jokes for their next tour.
No two shows are ever the same. One moment you’ll hear a joke about Austrian bureaucracy, the next about dating disasters in Spain or cultural shocks in Tokyo.
It’s raw, spontaneous, and absolutely unpredictable — the way live comedy is meant to be.
And because it’s all happening in English, the night draws a wonderfully mixed crowd: locals, internationals, and everyone in between.
## 🎙️ For Performers
If you’ve ever thought, *“I could do that,”* this is your sign.
*Monday Night Laughs* is one of Vienna’s most supportive and encouraging open mics for new comedians.
No judgment, no pressure — just a room full of people who love to laugh and want you to succeed.
It’s the perfect place to try stand-up for the first time, or to test new material before your next big show.
The vibe is friendly, relaxed, and full of creative energy — comedy at its purest form.
Sign-up is open before the show — come early, grab a drink, and put your name down. Who knows? You might be the next crowd favorite.
## 🎤 For the Audience
If you just want to watch, you’re in for a treat.
This is one of Vienna’s most authentic live experiences — a place where you can laugh, relax, and see the future stars of stand-up before they blow up.
You’ll witness comedy in its rawest form: jokes being born, ideas taking shape, and performers finding their voice.
Sometimes it’s perfect, sometimes it’s weird — but it’s *always* fun.
Grab a beer, find a seat, and enjoy a night full of unpredictable laughter.
## 🍻 The Atmosphere
The Comedy Pub isn’t just a venue — it’s a community.
It’s the heart of Vienna’s growing stand-up scene, a space where people come together to connect, perform, and laugh without judgment.
The audience cheers each performer, the comedians support one another, and the whole night feels like hanging out with friends who happen to be hilarious.
It’s the kind of Monday night you’ll want to make a tradition.
## 📍 The Venue: The Comedy Pub Vienna
📍 **Kettenbrückengasse 7, 1050 Vienna**
Nestled in the heart of Vienna’s 5th district, *The Comedy Pub* is the city’s only dedicated stand-up comedy club — a cozy Irish-style bar with warm lighting, a friendly crowd, and the perfect stage for laughter.
🍻 A full bar with great drinks
🎭 Intimate setting with front-row energy
🌍 A melting pot of locals, expats & travelers
🪑 First come, first seated – so come early!
## 📅 Event Details
📆 **Every Monday**
🚪 **Doors open:** 19:30
🎤 **Show starts:** 20:00
📍 **The Comedy Pub**, Kettenbrückengasse 7, 1050 Vienna
🗣️ **Language:** English
💶 **Entry:** Free entry – donations welcome (if you laugh, you pay in karma… or cash 😉)
## ✨ Why You’ll Love It
Because this is what real comedy feels like.
No lights, no filters, no fake laughs — just honest jokes, good people, and that unbeatable live energy that you can’t stream.
**Monday Night Laughs** is more than a show — it’s a community, a creative space, and the friendliest way to start your week in Vienna.
So come for the comedy, stay for the connections, and leave with sore cheeks from laughing.
Monday Night Laughs: Vienna’s English stand-up open mic! Watch & perform every Monday at The Comedy Pub. Free entry, cozy vibe, endless laughs.
#MondayNightLaughs #ComedyVienna #OpenMicVienna #StandUpVienna #EnglishComedyVienna #TheComedyPub #ViennaEvents #ViennaLaughs #FreeComedyVienna #ViennaNightlife #ComedyClubVienna #ExpatsInVienna #FunnyVienna #ViennaThingsToDo #LiveComedyVienna #InternationalComedy #ViennaLOL #MondayComedyVienna
German Language Night Vienna
Casual event for all German learners to interact and practice their language skills in a stress-free setting. Event is moderated and spiced up with social games to improve German proficiency. Suitable for levels A2-C2, patient native speakers are welcome too.
Admission: EUR 10.00 cash at the door (including 2 free drinks)
Discount for currently enrolled participants of the https://wien.expat.info/germancourse
To secure your spots, please ...
* Step 1: RSVP here on Meetup first (optional but recommended)
* Step 2: Complete your registration at [https://wien.expat.info/germannight](https://wien.expat.info/germannight)
Web Design Veranstaltungen Diese Woche
Entdecke, was in den nächsten Tagen passiert
Webswing & webforJ in der Praxis & Here we go again: Java26
Agenda:
18:00 Doors Open
18:20 Intro/Sponsor Welcome
18:30 Doors Closed! (the reception on the ground floor will not be served anymore.. come early!)
18:30 **Here we go again: Java26 / Dominik Dorn**
19:30 Break, Food, Drinks
19:55 Raffle
20:00 **Java-UIs modernisieren ohne JavaScript — Webswing & webforJ in der Praxis / Stephan Wald**
21:00 Networking
Talk 1: **Here we go again: Java 26**
We'll explore everything new in Java 26!
**Java-UIs modernisieren ohne JavaScript — Webswing & webforJ in der Praxis / Stephan Wald**
Ihr habt eine Swing-Anwendung. Oder Eclipse RCP. Oder Oracle Forms. Das Management will sie „im Browser". Der Reflex: React-Frontend, REST-APIs, JavaScript-Entwickler einstellen, zwei Stacks pflegen. Aber muss das sein?
Es gibt inzwischen mehrere Java-native Ansätze für Web-UIs — ihr kennt vermutlich einige davon aus früheren Meetups. Die meisten setzen voraus, dass ihr eure UI von Grund auf neu schreibt und bestehenden Code hinter REST-APIs kapselt. Unser Ansatz ist ein anderer: Wir zeigen einen **zweistufigen Migrationspfad**, der mit der unveränderten Bestandsanwendung im Browser startet und die Modernisierung dann Bildschirm für Bildschirm vorantreibt — ohne den Betrieb zu unterbrechen und ohne eine zweite Technologie einzuführen.
Im ersten Schritt kommt **Webswing** zum Einsatz — eine Laufzeitumgebung, die Java-Desktop-Anwendungen (Swing, JavaFX, SWT, Eclipse RCP) unverändert im Browser bereitstellt, indem sie auf Toolkit-Ebene in die AWT-Pipeline eingreift und das Rendering über HTML5 Canvas und WebSocket an den Client streamt. Im zweiten Schritt zeigen wir **webforJ** — ein Open-Source-Framework (Apache 2.0), mit dem moderne Web-UIs komponentenbasiert in purem Java entstehen: Routing, Data Binding, responsive Layouts, Spring-Boot-Integration — ohne eine Zeile JavaScript.
Der technische Kern des Abends:
* **Webswing unter der Haube:** Wie die Custom-`Toolkit`-Implementierung funktioniert, was auf Server- vs. Client-Seite passiert, und wo die Latenz-Grenzen liegen
* **webforJ-Architektur:** Server-seitiges Component Model auf Basis von DWC (Dynamic Web Client) Web Components, Event-Handling im Vergleich zum Swing-Listener-Modell, Layout-System (`FlexLayout` vs. `BorderLayout`)
* **`WebswingConnector`:** Die Integrationsbrücke — wie eine webforJ-Anwendung eine Webswing-Session einbettet und bidirektionale Kommunikation zwischen Legacy-Swing-Code und modernem UI ermöglicht
* **Live-Code:** Vom minimalen webforJ-Hello-World bis zur Hybrid-App mit eingebettetem Swing-Panel — wir bauen es vor euren Augen
* **Ehrliche Trade-offs:** Wann dieser Ansatz passt, wann nicht — und was er im Vergleich zu einem reinen UI-Framework-Wechsel bringt und kostet
Wir bringen einen Praxisbericht mit: Ein niederländischer ERP-Anbieter hat mit einem kleinen Team in vier Monaten die ersten Web-Module produktiv geschaltet — ohne JavaScript-Expertise im Haus.
**About the Speaker**
Stephan Wald entwickelt seit über 35 Jahren Enterprise-Software, seit über 20 Jahren in Java. Seine Erfahrung umfasst C++, C#, mehrere Business-Basic-Dialekte sowie heute primär Java. Als Head of Development und Mitglied der Geschäftsleitung bei BASIS International Ltd. (Albuquerque, USA) verantwortet er die Entwicklung des webforJ-Frameworks, eines Single-Stack-UI-Frameworks für geschäftskritische Java- und Kotlin-Anwendungen in mittelständischen und großen Unternehmen weltweit. Parallel baut er mit [SkillsPilot.de](http://skillspilot.de/) eine KI-gestützte SaaS-Plattform im HR-Consulting, die mit namhaften deutschen Unternehmen mit bis zu 20.000 Mitarbeitenden wächst. Speaker auf der JavaOne 2026.
Human Design Brunch @Zoku
Human Design isn’t just theory, it’s a map back to your natural way of operating.
Stop pushing against the grain and start living in alignment. This 2 hour long interactive workshop is designed to bridge the gap between “knowing” and “doing.” We’re skipping surface-level small talk to explore the deeper layers of human nature. Whether you’re completely new to Human Design or already familiar with it, you’ll find a supportive, English-speaking community ready to help you trade resistance for flow.
***
## The Agenda
During this session, we will explore:
* **The Origin of Human Design** – Where it comes from and how this system was created
* **What Human Design Is** – The foundations of the system and how it works
* **The Human Design Types** – Understanding the different energy types and how they move through life
And to make things interactive and fun:
🎟 **Human Design Lottery**
At the end of the workshop, 1–2 participants will be selected to receive a **live mini chart reading**.
After the workshop, we’ll open the space for **networking**, connection, and deeper conversations in a relaxed atmosphere.
***
## Your Toolkit
* **Your Stats:** Birth date, exact time, and location
* **A Notebook:** For those “aha!” moments you’ll want to remember
* **The Vibe:** An open mind and a healthy dose of curiosity
***
## Investment
€15 per person
Early Bird: €10
***
## The Venue & After-Vibes
We’re gathering at **Zoku Vienna**, a creative hub in the heart of the city. Since it’s Wednesday, Zoku features live music in the evening. You’re warmly invited to stay after the workshop, enjoy the tunes, and connect with the community in a relaxed atmosphere.
***
## A Note on Attendance
Please only sign up if you are certain you can attend. We coordinate seating directly with the venue based on our numbers, so an accurate headcount is essential to ensure we have the perfect space for everyone.
UX Vienna Mornings: Product Management and User Experience Breakfast 🌄
**Attention: As the first Friday of the month falls on Good Friday, which is during the Easter holidays, the next UX Vienna Mornings event will be held on Friday 10 April.**
Are you interested in product management and user experience? Are you an early bird? Join us for **UX Vienna Mornings**, a casual breakfast meetup.
Meet like-minded people, discuss interesting topics, and expand your professional network in a great atmosphere.
Our agenda:
1. Introduce yourself: Share what you do or what you like.
2. Learn about job opportunities and upcoming events.
3. Discuss your topics or projects. Is there a question you would like to discuss? Or a project you would like to share? Please bring them along!
4. Network and chat.
**UX Vienna Mornings** take place on the first Friday of every month from 8 am to 10 am.
Please note that this location only accepts cash.
By participating, you agree that your likeness may be recorded and authorise UX Vienna to use any recording containing your likeness in any medium for any purpose.
Accessible services for people with special needs: For assistance from a public transport stop to the venue and back, please email Max Scheugl at m@nofro.com
BA Stammtisch #5 - BA & RE Springbreak
Unser Stammtisch ist eine Gelegenheit in zwangloser Runde über die Basics zu reden oder die neuesten Themen zu diskutieren. Jeder ist willkommen. And of course also English is fine, everyone is welcome!
**Was kann dich erwarten?**
* Gespräche über typische Herausforderungen im Alltag eines Business Analysts.
* Raum für persönliche Erfahrungen und Fragen – auch für Einsteiger.
* Keine festen Regeln, eher ein lockerer Austausch als formelle Präsentationen.
**Für dich als Teilnehmer?**
* Wenn du Einsteiger bist: Perfekte Gelegenheit, Fragen zu stellen und Kontakte zu knüpfen.
* Wenn du Erfahrung hast: Du kannst dein Wissen teilen, dich inspirieren lassen oder Gleichgesinnte treffen.
* Wenn du dich orientieren willst: Ein guter Ort, um zu erfahren, was Business Analyse wirklich bedeutet – in der Praxis.
**Treffpunkt**: Marxgastro (https://marxgastro.wien/); **Reservierung auf Gottfried Szing**
Wir freuen uns riesig, dich kennenzulernen!
WordCamp Vienna 2026: Workshop Day
WordCamp Vienna is the largest WordCamp in Central Europe and will take place for the 10th time on April 10 and 11, 2026, at the Old General Hospital (Altes AKH), the campus of the University of Vienna.
We expect more than 350 WordPress enthusiasts from Austria and abroad.
On Friday, April 10, we will kick things off in the afternoon with 6 workshops for beginners, intermediate users, and developers — as well as a session designed to encourage exchange within the Austrian WordPress community.
Saturday, April 11, is our main conference day with three established tracks and a total of 21 WordPress talks — in German, English, as well as a dedicated developer track.
We have exciting workshops and talks prepared for you — we’re looking forward to seeing you!
**Reservation**
* Buy your ticket here: [https://vienna.wordcamp.org](https://vienna.wordcamp.org/) Tickets are very cheap: thx to our sponsors!
**Topics**
* There are many talks in english and german covering how to getting more out of WordPress, as well as numerous developer, design & SEO / marketing talks!
**Community-Support**
* We will also be providing support all day long at the Help-desk and the Happiness-Bar!
**About WordCamp**
* WordCamp is a conference that focuses on everything about WordPress.
* WordCamps are informal, community-organized events that are put together by WordPress developers and users like you. Everyone from casual users to core developers participate, share ideas, and get to know each other.
* This WordCamp will be at the same great venue, UNI Campus in the Altes AKH.
**What You get!**
* Your WordCamp Vienna ticket covers both the conference on Saturday and Contributor Day / Workshops on friday.
* It grants you access to all sessions, lunch, coffee breaks, and the after party (with some free drinks). It includes an exclusive t-shirt, stickers, and other great swag.
* This year we are also offering free child-care (50 m away from the venue). You can let us know during ticket purchase if you need this service and we will contact you with further details.
We look forward to seeing you again at WordCamp Vienna 2026!
WordCamp Vienna 2026: Conference Day
WordCamp Vienna is the largest WordCamp in Central Europe and will take place for the 10th time on April 10 and 11, 2026, at the Old General Hospital (Altes AKH), the campus of the University of Vienna.
We expect more than 350 WordPress enthusiasts from Austria and abroad.
On Friday, April 10, we will kick things off in the afternoon with 6 workshops for beginners, intermediate users, and developers — as well as a session designed to encourage exchange within the Austrian WordPress community.
Saturday, April 11, is our main conference day with three established tracks and a total of 21 WordPress talks — in German, English, as well as a dedicated developer track.
We have exciting workshops and talks prepared for you — we’re looking forward to seeing you!
**Reservation**
* Buy your ticket here: [https://vienna.wordcamp.org](https://vienna.wordcamp.org/) Tickets are very cheap: thx to our sponsors!
**Topics**
* There are many talks in english and german covering how to getting more out of WordPress, as well as numerous developer, design & SEO / marketing talks!
**Community-Support**
* We will also be providing support all day long at the Help-desk and the Happiness-Bar!
**About WordCamp**
* WordCamp is a conference that focuses on everything about WordPress.
* WordCamps are informal, community-organized events that are put together by WordPress developers and users like you. Everyone from casual users to core developers participate, share ideas, and get to know each other.
* This WordCamp will be at the same great venue, UNI Campus in the Altes AKH.
**What You get!**
* Your WordCamp Vienna ticket covers both the conference on Saturday and Contributor Day / Workshops on friday.
* It grants you access to all sessions, lunch, coffee breaks, and the after party (with some free drinks). It includes an exclusive t-shirt, stickers, and other great swag.
* This year we are also offering free child-care (50 m away from the venue). You can let us know during ticket purchase if you need this service and we will contact you with further details.
We look forward to seeing you again at WordCamp Vienna 2026!
Notion Vienna #10 - Custom AI Agents and more
If you are curious to know about what Notion can do this meetup is for you.
**Agenda**:
Philipp Stelzel: Deep Dive: Custom AI Agents – How to Use AI for Knowledge Management
Beatrix Beer: How to Use Notion Effectively (Without Wasting Time)
Nooa Adams: In a quick live demo, Nooa will show you how tp control Notion with Claude AI.
**Afterwards**:
Drinks, food, networking, template swaps, and questions answered.
Join us, meet fellow Notioneers, and level up your workflow
**Afterwards**:
Drinks, food, networking, template swaps, and questions answered.
Join us, meet fellow Notioneers, and level up your workflow
Web Design Veranstaltungen in deiner Nähe
Verbinde dich mit deiner lokalen Web Design Community
[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
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 02 of 04) (SPECIAL OFFERING)
**PLEASE READ THE FOLLOWING IMPORTANT NOTES:**
1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring.
2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis.
3. Each class, from BOTH a sign-up and fee perspective, is a separate entity.
**Introduction:**
HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today.
One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences.
A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites.
Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires.
**The breakdown of the four-class series is as follows:**
**Class 1: Introduction to Web Structure and Basic HTML5**
This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document.
* **Topics**:
* **Web Architecture Overview**: How browsers, servers, and web pages interact.
* **HTML Fundamentals**: Understanding elements, tags, and attributes.
* **Basic Document Structure**: Using !DOCTYPE html, html, head, and body.
* **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br).
* **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a).
* **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website.
**Class 2: Semantic HTML5 and Multimedia Integration**
Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia.
* **Topics**:
* **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article.
* **Images**: Adding images using the img tag and attributes like src, alt, width, and height.
* **Multimedia**: Embedding audio and video content using the audio and video tags.
* **File and Folder Structure**: Best practices for organizing project files and managing file paths.
* **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file.
**Class 3: Forms and User Input**
This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input.
* **Topics**:
* **Form Basics**: Using the form element, action and method attributes.
* **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit).
* **Form Elements**: Utilizing label, textarea, select, option, and button.
* **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern.
* **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation.
**Class 4: Introduction to CSS3 and Basic Styling**
The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible.
* **Topics**:
* **CSS Fundamentals**: The role of CSS, selectors, properties, and values.
* **Integrating CSS**: Using inline, internal, and external style sheets.
* **The Box Model**: Understanding margin, padding, border, and content for basic layout.
* **Basic Styling**: Changing colors, fonts, and text alignment.
* **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels.
* **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.
HTML5 Master Series (Class 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.
Page Building with Bricks (Class 03 of 10) (FEE BASED)
**PLEASE READ THE FOLLOWING IMPORTANT NOTES:**
1. The dates for this series are simply placeholders at the moment. We are working on our 2026 schedule, and adjustments are forthcoming.
2. Each class in this series has an attendance fee.
3. Each class from BOTH a sign-up and fee perspective is a separate entity.
**Introduction:**
Our Page Building with Bricks web development class provides detailed instruction for using Bricks Builder, a visual site builder for WordPress, to create and manage websites. Widely considered by many of the world's leading web developers to be the most complete page builder on the market today, Bricks Builder offers a wide range of features and comprehensive tools. Our Bricks Builder web development class provides detailed instructions on utilizing the toolset. The series of courses covers the core features of Bricks Builder, enabling users to design and develop responsive, visually appealing websites. Moreover, the courses are oriented to reinforce a focus on professional, scalable web development. Throughout the series, we focus our page-building instruction on the semantic and structural integrity of the pages in a responsive world. By the end of the 10-class series, participants will have a fundamental understanding of proper web page and website development.
**The breakdown of the 10-class series is as follows:**
* Class 01 - Survey of Page Builders / What Bricksbuilder Does For You
* Class 02 - Boxes, Boxes, Boxes / Sections / Containers
* Class 03 - Static Units / Relative Units / Responsive Development And Math Functions
* Class 04 - CSS Variables And DRY Development / Classes And Global Styling
* Class 05 - CSS Grid And CSS Flexbox
* Class 06 - Responsive Development / Breakpoints And Media Queries
* Class 07 - Effective Use Of Color / Effective Use Of Images
* Class 08 - Beginning To Think Dynamically / Using Templates And Components
* Class 09 - Dynamic Styling / Data Attributes And Attribute Selectors
* Class 10 - Pseudo Elements / Programmatically Styling With Pseudo Classes
Throughout the class sessions listed above, we cover the following key areas of web development with Bricks Builder:
* **Introduction to Bricks Builder Interface:**
* Familiarization with the builder's layout, including the toolbar, panel, and canvas, and understanding how to navigate and interact with its various components.
* **Visual Site Building:**
* Techniques for creating layouts using Bricks' drag-and-drop interface, incorporating sections, rows, columns, and elements to build page structures.
* **Styling and Design:**
* Utilizing Bricks' styling options to customize elements, apply global CSS classes for consistent design, and leverage features like Flexbox and CSS Grid for responsive layouts.
* **Dynamic Content and Custom Fields:**
* Integrating dynamic content from custom post types and custom field plugins (like ACF, Meta Box) to build data-driven websites.
* **Template Building:**
* Creating and managing reusable templates for headers, footers, post type layouts, and other site-wide elements.
* **Performance Optimization:**
* Understanding how Bricks Builder contributes to fast-loading websites and implementing performance best practices.
* **Advanced Features:**
* Depending on the class level, it might delve into advanced topics such as conditional logic, interactions, and custom code integration to enable more complex functionality.
The series aims to equip participants with the skills to efficiently build, customize, and maintain WordPress websites using Bricks Builder, catering to both beginners and experienced web developers.
IxDA Chat ‘n Pancakes
Pay attention! We’re delaying a week for those of you who may be on Spring break and/or celebrating the holiday. Ok, no pancakes, but waffles-a-plenty.
Join the local UX and Digital Design community for a casual monthly breakfast.
Look for us upstairs!
























![[Ben Frain: Top 10 CSS Tips To Make Your Dev Life Easier] #11](https://secure.meetupstatic.com/photos/event/2/f/d/f/highres_533472255.webp?w=640)




