Web Design

Kom naar het HaHaHo Makers Lab Utrecht voor een avond vol kennis & ervaringsdelen en maken, met de focus op elektronica met microprocessoren zoals Arduino & Raspberry Pi, LED’s en meetapparatuur. 19:00 Inloop + opzetten apparatuur 19:45 Standup: wat wil iedereen doen en/of leren deze avond? 20:00 Parallelle activiteiten: – startactiviteiten voor nieuwe deelnemers (Arduino, soldering, meetapparatuur, etc.) – onderlinge kennisuitwisseling adhv de wensen uit de standup – werken aan het gezamenlijke [PraatPaal-project](https://github.com/hadoopmarc/hahaho-interactive-pole) – werken aan je eigen project – ordenen/markeren van de ladenkasten met elektronisch componenten 21:30 Start met opruimen 21:45 Einde en verlaten van de Bibliotheek Een laptop is niet noodzakelijk maar komt vaak van pas! We vragen een vrijwillige donatie van €5 per avond om de inventaris met apparatuur en elektronische componenten op peil te kunnen houden. English 19:00 Room available for setting up equipment 19:45 Standup: what are the participant’s plans and wishes for the evening? 20:00 Parallel activities: – starter activities for new participants (Arduino, soldering, measuring equipment, etc.) – sharing knowledge as follow-up on the plans and wishes expressed during the standup – working on the community [Interactive Pole project](https://github.com/hadoopmarc/hahaho-interactive-pole) – working on your individual project – sorting the chest of drawers with electrical components 21:30 Start decluttering the room 21:45 End: leave the Public Library Bring your laptop if you want to program microcontrollers! We ask for a voluntary donation of €5 per evening to maintain the inventory with equipment and electrical components.

#### Level: Advanced *What really happens behind closed doors?* The Flat is an advanced long-form improv course inspired by Rear Window and the quiet drama of everyday lives lived side by side. Set in a shared apartment building, this format invites you to explore the unseen worlds of neighbours who observe each other from a distance, collide unexpectedly, and slowly reveal who they really are. Across the course, you and your fellow players will build a living, breathing building filled with recognisable characters and intertwined storylines. Windows become frames. Hallways become crossroads. Small details grow into big consequences. Together, you will create a fully improvised performance of forty minutes or more that feels coherent, cinematic, and emotionally grounded. Is there romance blossoming across balconies? A secret criminal operation hidden behind tidy curtains? Or simply a lonely man whose strongest relationship is with his cat? The Flat thrives on contrast, tension, and quiet observation, allowing humour and drama to sit side by side. The audience becomes a voyeur, peeking into private lives and watching stories unfold over time. This course focuses on long-form improvisation as collective storytelling. You will work on sustaining narrative over a longer arc, making bold but consistent character choices, and trusting the ensemble to carry the story together. Editing is treated as a creative tool rather than an interruption, helping scenes flow smoothly and keeping the audience oriented and engaged. Throughout the course, you will deepen your understanding of longform structure and develop the patience and confidence required to let stories emerge naturally. You will practise playing multiple scenes on stage, supporting parallel storylines, and staying true to your characters as they evolve. The emphasis is on emotional truth, recognisability, and commitment, allowing scenes to resonate long after the laugh has faded. This is a course for players who enjoy subtlety as much as spectacle, and who want to challenge themselves to create something layered, restrained, and powerful. #### Who this course is for This course is intended for experienced improvisers who want to deepen their longform work. You should have completed at least four improv courses or have a solid foundation in character building, story spine, and editing. You are comfortable on stage, curious about narrative structure, and ready to invest in slower, more detailed scene work. This course is not suitable for beginners. The Flat has previously been directed and taught by Matthijs and performed by groups such as Pure Chocolade at the Impro XL Longform Festival in Hoorn, and Liever Veul Bloemen in Wageningen. #### About the teacher Matthijs Meulblok studied Media Studies at Utrecht University and runs his own podcast studio at Wolvenplein, where he records podcasts and voice overs and coaches people in voice acting, podcasting, and media performance. He has performed with multiple improv groups in different countries, trains a variety of ensembles, and regularly teaches specialised workshops. Since 2025, he has also been exploring stand-up comedy as part of his own performance practice. Matthijs is known for creating thoughtful, thematic lessons and for developing innovative formats in both short-form and long-form improvisation. His teaching combines clarity, creativity, and a strong sense of narrative play. #### Course details New Location: De Speler Grote zaal, Thorbecklaan 18c Utrecht. Schedule: Mondays 20:00 to 22:00 Nine sessions in total, consisting of eight lessons and one show ##### Dates 19 January 26 January 2 February 9 February 23 February No lesson during the school holiday unless agreed otherwise with the group 2 March 9 March 16 March Show date to be confirmed Price: €240 including 21 percent VAT Group size: Minimum of seven participants, maximum of ten Improv Utrecht offers one funded place per course with a twenty percent discount for people with limited financial means. You can contact Marieke van Laar to discuss this option. Tickets are available via improv-utrecht.weticket.io

If you are living in The Netherlands, by now, you may well have noticed the amount of open water. If you enjoy cycling in the city, you may wish to feel safer as you navigate the bridges and canals. And you may also want to get ready for visiting the beach, pools or the many lakes this summer. Learning how to swim takes approx 1 year and it all starts with the very first lesson. New comers enroll via our website and pay € 30,50, this is the first lesson and a goody bag. After the class you agree with the personal swim coach how to continue to obtain your final objectives. Enrolling is only possible via [www.your-personal-swim-coach.nl ](https://www.your-personal-swim-coach.nl/)hence a rvsp via meetup is not enough.

Every 2 months, we'll visit a company or institute that will host the event and provide talks. This time, we’re visiting **SURF**. You may know SURF as the organization behind the **Snellius supercomputer**, but its role is much broader. SURF is the IT cooperative for education and research in the Netherlands, offering advanced services for computing, storage, networking, and much more. If you want to get a sense of their work, check out the SURF tag on [Tweakers](https://tweakers.net/tag/SURF/) or visit their website at [surf.nl](https://surf.nl). The talks are the following: 1. Short intro to Quantum Computing, by David Maier (SURF), 4 minutes 2. FPGAs in HPC, by Mohsen Safari (SURF), 30 minutes 3. Running CUDA on AMD GPUs (without using HIP), by Chris Kitching (Spectral Compute), 30 minutes For those who visited the previous meetup at Stream HPC, you already know what to expect: deep dives into technical subjects, snacks and drinks, and enough time to socialize. **Important** Would you like to join the Data Center tour at SURF before the event? Please register below. **Please note that the registration closes on 14.01.26 at 17:00.** The Data Center tour will start at 15:30 sharp. [\[registration link\]](https://forms.office.com/e/hFUr2mAQy6)

Samen sporten, gewoon voor de fun, elke week een divers programma, met allerlei verschillende sporten. Je hoeft niet de beste te zijn, maar wel zin hebben om samen te spelen en te leren. Tijdens een training doen we verschillende spelletjes, basketbal, voetbal. volleybal, spikebal, honkbal. Kom je ook, de bal ligt bij jou!! Eerste keer meedoen is altijd gratis, daarna kan je beslissen of dit voor jou is, of niet!! Dus kom een keer proberen. Kan je niet op deze dag, we sporten ook op andere dagen nl Zondag om 9:30 of Maandag om 20:30 Stuur mij een berichtje als je op die dagen een keer wil proberen! The amount of people rsvp'd to this game doesn't match the real number of people at the event, as Meetup is only used for promotion purposes.

New Year, New Sport! 🏐 ​Whether you've never played volleyball before or it’s been many years since you last hit the court, you are very welcome to join our Beginner Group! ​We train every Monday at 9 PM at Gymnasium Bibian Mentel in Zeeburgereiland. ​Come learn the basics, get moving, and meet new people in a fun, relaxed environment. ​Get more info here: ​WhatsApp Group: https://chat.whatsapp.com/EnPEK1bHLiTGdpqz6Vtbm4 ​Instagram: @brazucavolley

A casual weekly meetup where founders connect, share, and get real feedback on raising capital. **About us**: Welcome to *Capital & Coffee*—a weekly event designed for early-stage founders and aspiring entrepreneurs to talk capital, pitch ideas, and support each other. Whether you're just getting started or mid-raise, this is a space to get feedback, meet people, and understand the funding game. **Where Are We Meeting:** Volks Hotel Cafe (1st Floor) Left of the bar then make a right to find us in the padded seated area. **What to expect**: * Pitch feedback * Open networking * Funding insights * Coffee-fueled conversation Come with questions, your deck, or just your curiosity.

Hi all! First of all: Happy New Year!! 🍾 We’re super excited to kick off 2026 with our first PuXu meetup of the year! And we are very happy that it will be around a much coveted subject: **The Design System**. Our event brings together three experts from public service organisations to share practical approaches across key areas around research, design, vision, experimentation, and implementation of design systems. We're really excited about this one, as we have had many requests from the community to host an event about this topic! **Speakers:** **[Anton Olivier](https://www.linkedin.com/in/antonolivier1/) \|** Sr UX Designer **@ [Logius](https://www.logius.nl)** Anton explores how the Dutch Government interacts with citizens today and how this evolves into a smoother digital experience. In his talk he’ll share lessons from ongoing research, will demonstrate current prototyping, and show off implementation of a government-wide design system, highlighting both the challenges and opportunities in creating a single digital gateway for citizens. Anton is a UX Strategist at [Logius](https://www.logius.nl), a subsidiary of the Dutch ministry of internal affairs, where he is responsible for the UX side of government notification, messaging and personal data available at MijnOverheid. **[Jeffrey Lauwers](https://www.linkedin.com/in/jeffreylauwers/)** \| Sr\. Designer @ [NLDS](https://www.nldesignsystem.nl) from [Valsplat](https://valsplat.nl) Jeffrey has a strong passion for design systems, accessibility, and Ajax. He is currently part of the core team behind NL Design System. In this talk, Jeffrey shares his experience with design systems, focusing on the NL Design System. He explains what the system is, how it works, and how designers can contribute at different levels. The talk explores the design side of NL Design System, including design tokens, components, patterns, templates, and tools like Figma, illustrated with practical examples. Additionally, Jeffrey highlights the importance of community, accessibility, research, and sharing knowledge across teams **[Joshua Grootveld ](https://www.linkedin.com/in/joshua-grootveld/)**\| UX Design Engineer @ [KVK](https://www.kvk.nl) I am a Designer with a curious mind and a big heart for people. I love bringing structure to creative chaos and I guide individuals and teams toward clarity through structure, empathy, and collaboration. When I’m not wrangling figma components or explaining why card variants are a philosophical debate, I’m probably grinding korean on duolingo, building my own flashcard app, or building APIs that screenshot things for reasons that made sense at the time.​​​​​​​​​​​​​​​​ The talk: Design Systems, maintenance and AI-integration 5 years into working on design systems, I’ve realized something uncomfortable: the way we build systems is killing the human thinking we need most. AI is eating both discovery and delivery work at a quick pace… But instead of panicking, what if we used this moment to refocus on what humans are actually good at? This talk is about design systems in 2026, product/UX collaboration when robots do the grunt work, and why experimentation beats fear every single time. I’ll share what I’ve learned so far and hopefully inspire you to start experimenting yourself. **What to expect:** 🌟 **Inspiring Speakers:** Hear from inspiring speakers as they share real-world insights on **Design Systems** (More details to follow!); 🤝 **Connect & Network:** Meet like-minded individuals passionate about design systems; 🍹 **Drinks & Networking:** Enjoy casual conversations over drinks in a relaxed setting. **RSVP now** to secure your spot and join the conversation! See you the 22nd! **Details:** 💶 Price: **Free** 📅 Date & Time: Thursday January 22nd - 18:00 - 22:00 📍 Location: Acato Digital Creative Agency \| Oudegracht 231 \| Utrecht 🎟 Limited to 50 spots!! 🇬🇧 Event will be in English 🏆 Main event sponsors: [Acato](https://acato.nl) & [Visma ProActive](https://proactive-software.com/nl/) 📧 Questions or Feedback? questions@puxu.community 📢 We are open for future collaborations & speaking engagements.

⚠️🦖 **IMPORTANT**: You need to be a registered attendee to get access to Bitbash. **Get your free ticket at**: https://www.bitbash.nl/tickets Dutch Azure Meetup is partnering with Info Support to bring you **Bitbash**; an exciting FREE conference that will cover the latest Microsoft technologies and innovations. Whether you're interested in .NET, Azure, Data platforms or AI, Bitbash will let you take your skills to the next level! Inspiring community speakers will present you with insightful sessions, real-world experience, and compelling demonstrations. Check the full agenda at https://www.bitbash.nl/agenda! Bitbash is an in-person event that's held on Saturday January 24 at Info Support in Veenendaal. Additional pre-conference workshops are organized on Friday January 23. Don't miss out on this opportunity to learn and network with like-minded professionals. See you at the event!

> The location is Landhuis in de Stad, Utrecht Want to expand on a game design idea? Talk about a game feature that isn't just ready yet? Are you looking for playtesters or do you want to brainstorm on a new board game design with others and get their feedback? Find out what goes into making board games or just meet like-minded board game enthusiasts? Then the Amsterdam Board Game Design session is for you! Join us on [Discord](https://discord.gg/eDfmkyCyVX) for more information about what we do and upcoming events!

## 🎨**Activity for EXPATS & English Speakers** ☕ Are you an art enthusiast living in or around **Amersfoort, Hilversum, Utrecht, Nieuwegein, IJsseltein, De Bilt and the rest of cities of the Utrecht's province** who love painting or drawing? Maybe you've felt the joy of creating but struggled to find others who share your passion and speak **ENGLISH**? **You're not alone! 😉** ✨✨✨✨✨✨✨ ## 🖌️**About this event** You will meet other Art Lovers like you to Draw, Paint and have some drinks Together ! Our events are not just about sketching or creating art—they’re about building connections. Every two weeks, we meet at a café to have a relaxing time drawing a painting. Please keep on mind that **ENGLISH i**s the official language we will use to integrate everyone in our conversations. ⭕⭕⭕➡️ **IMPORTANT ⬅️** ⭕⭕⭕⭕ ### 👩🏻‍🎨**Book formally your Seat 🪑via [WHATSAPP](https://bit.ly/3BXXE0f)** **If you want to confirm officially your attendance and separate your seat🪑. Book your seat in meet-up, and contact us via [WHATSAPP HERE](https://bit.ly/3BXXE0f) to receive more information on the address of our activities.** **Thanks a lot for your understanding!** 💐🥰 ✨✨✨✨✨✨✨ ### 👩🏻‍🎨**How Does It Work?** This event is simple, this initiative takes 2 Hours. Most of the participants use pencils, water pencils or watercolours. Main aim is to socialize while we draw. There will be plenty of time to talk and get to know each other. We have to mention that this event is suitable for all levels. Many have started to draw in our event actually. Also it is very important that you **[JOIN US AT OUR WHATSAPP COMMUNITY](https://bit.ly/3BXXE0f),** to stay up to date on our upcoming events and participate in our Drawing and Painting Contests! **👉: [https://bit.ly/3BXXE0f](https://bit.ly/3BXXE0f)** 🍀 ✨✨✨✨✨✨✨ ### ☕**Where?** We will meet in different cafes mainly in the *center of Amersfoort ( and some occasions in other cities around)*. I will inform you of the exact place some days in advance this event. The place will depend on the number of attendees. ✨✨✨✨✨✨✨ ### **🎟️ What is included?** 🟢 **2 HOURS TO HAVE FUN!** 🟢 **15 mins warming-up creative activity and paper material**🖌️🎨 🟢 New friendships and **conversations in ENGLISH** in a relaxed atmosphere 🟢 **Souvenir picture** with you and the rest of Art Lovers 📷 🟢 Exclusive **access to our Art Lovers Community** on which you will receive: ***\~\~\~ Drawing challenges,*** ***\~\~\~ Training content,*** ***\~\~\~ FREE Entries only to members*** ***\~\~\~ Drawing Competitions*** 🟢 Time to **create alongside fellow artists and amateurs** 🟢 The freedom to **work at your own pace** 💃🕺🎈 ✨✨✨✨✨✨✨ ### 🖼️**Art Materials?** Bring your own practical art materials to be adaptable to sketch on a coffee table. Like your sketchbook, pencils, watercolor, markets, pencils, your Tablet..etc ✨✨✨✨✨✨✨ ## **See you to Paint, Draw, and drink together!🌟☕🍷🍪🍰**

## Brick the shapes of the New Year! As we step into a new year, we’re welcomed by a fresh landscape of opportunities, ambitions, and challenges waiting to be shaped. It’s the perfect moment to refocus, redefine our goals and re-energize the way we work together. Starting 2026, we’re using **LEGO® SERIOUS GOALS®** @ the **Scrum Facilitators** to help us transform ideas into tangible results. LEGO enables us to visualize our thoughts, explore possibilities with our hands and build shared understanding within yourself. By turning abstract goals into something physical, we create clarity, alignment, and space for creativity. **What can you expect from the event?** * Craft your concrete goal for 2026 * Powerful coaching of yourself done by you and by others * Help keeping yourself accountable of your goals * Metaphors & visualizations * Curiosity & reflection * Lots of fun :-) **Evening Plan:** 17:30 - 17:45 Walk In, Network 17:30 - 18:30 Intro and getting into it 18:30 - 19:00 FOOD 19:00 - 19:50 Goal Building 19:50 - 20:40 Note to Yourself, Make goals concrete 20:40 - 21:00 Walk Out, Network 21:00 Please go home you lovely people :)

Happy New Year, Green Software Practitioners! Green Software Brighton are back for our first event of 2026 with an excellent talk from Alexander Dawson all about the Web Sustainability Guidelines. Do you work in Web? Are you concerned about how to minimise the environmental impacts of the sites you create? Do you wish there were guidelines so you don't have to start from scratch? Then this talk is for you! Alex has been integral to creating these guidelines within the W3C, the body which has produced similar standards such as the Web Content Accessibility Guidelines (WCAG) which are now internationally recognised. The guidelines are broken down into different areas covering UX, web development, hosting & infrastructure and strategy & product management, so they cover many roles in the website creation lifecycle. Check out the Green Software Brighton [website](https://greensoftwarebrighton.co.uk/) for links to previous talks. Arrive from 18:00 for pizza and drinks. Event will start at 18:30. We always head for a drink and a chat locally afterwards too. --- ***Thank you to Runway East for use of their space to host our events and to Silicon Brighton and the Green Software Foundation for supporting us.***

**Um was geht es dieses mal?** Dieses Mal haben wir zwei Talks für euch! **Agentenentwicklung ist wie Kindererziehung, nur mit mehr Logs - Ein Blick hinter die Kulissen bei vaylens - Dennis Lüger (vaylens)** "Was hat die Entwicklung eines KI-Agents mit Kindererziehung zu tun? Mehr als du denkst. In diesem Vortrag zeigt vaylens, wie wir den Service in der eMobility-Branche mit einem intelligenten Agenten neu denken – und warum der klassische Design → Develop-Prozess hier völlig an seine Grenzen stößt. Wir sprechen über die echten Herausforderungen: den Aufbau einer funktionierenden Wissensbasis, die Tücken von RAG, das Testen eines Systems, das sich ständig weiterentwickelt, und den Alltag mit einem Produkt, das selbst noch „in den Kinderschuhen“ steckt. Natürlich teilen wir auch unsere Erfolge, die wachsenden Fähigkeiten unseres Agents und geben einen Ausblick darauf, welche nächsten Schritte anstehen, um den Service der Zukunft zu gestalten." **Give Your AI Superpowers: Warum alles mit dem Model Context Protocol beginnt. - Benjamin Font Pera (codecentric)** "Moderne Sprachmodelle erreichen heute eine beeindruckende Leistungsfähigkeit, bleiben jedoch häufig in isolierten Umgebungen gefangen: Ohne eine einheitliche Schnittstelle können sie nur schwer auf externe Systeme, Datenquellen oder Werkzeuge zugreifen. Genau hier setzt das Model Context Protocol (MCP) an. MCP schafft eine standardisierte Integrationsschicht, über die LLMs transparent, strukturiert und kontrollierbar mit ihrer Umgebung interagieren können. In diesem Talk zeige ich, wie MCP die Grundlage für praktische, handlungsfähige KI-Agenten schafft Im Coding-Bereich demonstriere ich, wie ein Coding-Agent über MCP nicht nur mit Ticketsystemen arbeiten kann, sondern durch den Figma-MCP-Server sogar „sehen” lernt. Im n8n-Ökosystem wird sichtbar, wie MCP echte Agenten-Workflows ermöglicht. Am Beispiel des „Kai Vertriebsassistenten” zeige ich, wie ein LLM über MCP mit n8n Agenten kommuniziert, fehlende Informationen aktiv abfragt, Daten aus HubSpot oder Jira abrufen kann und komplexe Aufgaben wie das Erstellen von Versicherungsangeboten vollständig automatisiert. Der Vortrag verbindet konzeptionelle Grundlagen mit praktischen Demonstrationen und zeigt, wie MCP KI-Modelle aus ihrer Isolation löst und in vollständig integrierte, handlungsfähige Agenten verwandelt." **Hybrides Setup!** Wir freuen uns, euch bei uns in den Räumen der codecentric AG in Dortmund willkommen zu heißen. Vor Ort versorgen wir euch mit Snacks und Getränken und freuen uns gleichzeitig über interessante Diskussionen und einen guten Austausch. Für alle, die es nicht zu uns ins Office schaffen, werden wir das Meetup Hybrid durchführen. Der Stream beginnt ca. 10 Minuten später, damit wir vor Ort ausreichend Möglichkeit für persönliches Kennenlernen haben. Den Live-Stream findet ihr auf dem [YouTube-Channel der codecentric AG](youtube.com/@codecentricag). **Anreise:** Per Zug: Vom Dortmunder HBF sind es ca. 10 Minuten zu Fuß. Mit dem Auto: Rund um das Office gibt es einige Parkflächen, dazu befinden sich in dem Parkhaus der Thier-Galerie weitere Parkplätze.

**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.**

**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.

**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.

**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:**

**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.

**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.

**Topic and Speaker TBD** ***Bring your laptop and expect to write some (non-AI generated) code!*** *(title subject to change)* Food and drinks will be available. **LOCATION:** 6515 Longshore Loop, Suite 300, Dublin, OH 43017 **FREE PARKING:** 6725 Longshore Street, Dublin, OH 43017