CSS

Hi Deep Learners, Our first Deep Learning Meetup in 2026 is taking place on **January 26** at Sky lounge of Raiffeisenbank International in Wien Mitte. Our topics this time are: Agentic RAG and Surprise Estimation in Music. \*\*\* **Agenda:** * 18:30 **Introduction** by the meetup organizers * **Welcome** by the host: Raiffeisenbank International * 18:45 **Talk 1:** **Agentic RAG: Advances in Autonomous Information Retrieval, Quantized Indexing, and Scalable System Design** by Liad Magen *(Raiffeisen Bank International)* * 19:30 **Announcements** * **Networking Break** * 20:00 **Talk 2:** **Surprise Estimation in Music** by Mathias Bjare *(Johannes Kepler University)* * 20:45 **Networking** * \~22:00 **Wrap up & End** \*\*\* **Talk Details:** **Talk 1: Agentic RAG: Advances in Autonomous Information Retrieval, Quantized Indexing, and Scalable System Design** Agentic RAG systems enable AI to plan how to find and utilize information autonomously, moving beyond simple lookup-and-answer patterns. Traditional RAG follows a fixed approach: retrieve documents, then generate an answer. Agentic RAG, on the other hand, utilizes autonomous agents that can reason through problems in multiple steps, reformulate queries intelligently, and adapt their retrieval strategy based on what they discover. This talk examines the architecture and capabilities of agentic RAG, focusing on how retrieval strategies have evolved to support multi-hop reasoning (following chains of related information), tool integration, and agent-driven workflows. Special attention will be paid to recent advances in quantized indexing and vector search, including Matryoshka embeddings. This technique stores information at multiple levels of detail, enabling scalable retrieval with tunable trade-offs between accuracy and storage. **About the Speaker:** Liad Magen is a senior data scientist at Raiffeisen Bank International (RBI) and serves as the product owner of the Data Science Academy, an internal school within the RBI to upskill employees in machine learning and data science. In addition, he is teaching selected courses on NLP, computer vision and Information Retrieval as part of Master's degrees in Hochschule Campus Wien (HCW) and the university of applied sciences - IMC Krems. **Talk 2: Surprise Estimation in Music** The presentation will focus on Bjare's work on latent autoregressive diffusion models for computationally estimating experienced "expectedness" and "surprise" (surprisal) in music listening, presented at [Neurips 2025 - AI for Music Workshop](https://openreview.net/forum?id=rXUKO0ysUy&referrer=%5BAuthor%20Console%5D(%2Fgroup%3Fid%3DNeurIPS.cc%2F2025%2FWorkshop%2FAI4Music%2FAuthors%23your-submissions)). We revisit an established connection between music appreciation during listening and the extent to which humans or autoregressive models can predict musical continuations. We visit [Music2Latent](https://arxiv.org/abs/2408.06500), an open-source, computationally efficient audio codec used as the audio representation on which surprisal is modeled. We review GPT-style autoregressive diffusion models and show how they are suitable for surprisal estimation. We discuss the prediction of EEG responses to music listening based on our surprise estimates. **About the Speaker:** Mathias Rose Bjare is a fourth year PhD student at the Institute of Computational Perception, Johannes Kepler University Linz, Austria. He builds computational models for the estimation of musical expectancy and surprisal in audio and general symbolic music using modern artificial neural networks. His surprisal estimates enable research into how features of general recorded music correlate with neural responses to music listening We'd like to thank Raiffeisen International for providing the venue, drinks & snacks. ** Please note that the venue has a capacity limit of 120 people and people will be admitted on a first come, first served basis. ** We are very much looking forward to seeing you at our first meetup in 2026! Your VDLM organizers

PCE - "Philosophic Conversation in English" is a discussion event in English language which focuses on psychology, philosophy, self-consciousness and self-realization. The conversation is based on inclusive discussion rules. We will meet at at a restaurant where we will have a private room exclusively reserved for our event. At the beginning we will choose the topic to discuss. Everybody can suggest a topic. Then we will vote what to discuss. The person who suggested the winning topic will then explain his idea of the topic. Afterwards everybody gets his/her chance to make a statement. But you can also decide to remain silent and only listen, if you prefer that. We have a time limit for statements, so that everybody has enough time to speak. It is not allowed to interrupt somebody who is speaking. After a statement everybody can ask a question and the speaker will answer. After the first part there will be a 10 minutes break before we start the second part. Everybody is welcome to our event: We are interested in your thoughts and opinions! It is no problem if you arrive late and you can also leave whenever you want. Please check out last event's topics via this link: [http://pce-topic.project-website.org](http://pce-topic.project-website.org/)

Welcome to our friendly badminton event! Let's get moving, improve our game, and make some new friends. **Very important: this event is for you if your level is upper intermediate or advance.** 🏸🙂 **If you're joining us for the first time, the organizer will contact you directly to confirm that you have the required level for this event.** Feather shuttles (Babolat 1 / Viktor Master ACE / Forza s 6000) will be provided for this event and are included in the event fee The location: Sport & Fun Halle Favoriten / Windtenstraße 2, 1100 Wien The Price: We try our best to provide you with the best price in Vienna. You will be paying 9 euros for 2 hours. How to pay: We accept cash and bank transfer Number of players: 6 players for 1 court and about 10 -11 players for 2 courts. Remember to bring your own racket, please. **Cancellation policy:** 1- 24 hours before the event = free cancellation. 2- Any time after the 24-hour limit, I will ask you kindly to pay the event fee, if we can't find a suitable replacement. (No exceptions) See you on the court :)

You think you know everything about football, the Champions League and legendary players or iconic matches?⚽ Prove it! 😎Join to a fun and competitive Soccer-Themed Pub Quiz Night at **Munchy Urban Kitchen**. Take your friends ✅ Build your quiz team✅ and enjoy the evening!🎉 Football, good vibes, cold drinks and a great sports-bar atmosphere is waiting for you!🥳 Whether you’re new in town or just want to expand your circle — Everyone is welcome at our table! Enjoy your Monday Night! 🥳 [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 🎉

Join Vienna’s longest-running English stand-up comedy open mic for laughs, live comedy, and English-language performances. Drop by to see experienced comedians work on their new jokes or maybe you will catch somebody trying to be funny on stage for the first time ever! We don't really know what will happen and that's part of the magic! Join Vienna’s longest-running English stand-up comedy open mic for laughs, live comedy, and English-language performances. Drop by to see experienced comedians work on their new jokes or maybe you will catch somebody trying to be funny on stage for the first time ever! We don't really know what will happen and that's part of the magic! **Do you want to perform yourself?** Hit us up on Instagram (@wiener.comedy) or Facebook (Wiener Comedy). Not on social media? Send us an email at wienercomedy5000@gmail.com If you’re waiting on a reply, please also check your spam folder. **Do you just want to watch?** Just come on over before 19:30, wear something comfortable, enjoy a pint and/or a burger, lean back and let us tickle your funny bone! **Tickets:** Seats can fill up fast, so we recommend reserving yours on Eventbrite. This is a *pay what you like* show so it doesn't cost you to reserve your seat. **Need a table for dinner or coming with a larger group?** Write us an email to sort everything out: wienercomedy5000@gmail.com or contact Charlie P's directly Doors Open: 19:00 Show Starts: 19:30 ***We'll hold your reservations until 19:20 at which time we will release the remaining seats to the public*** Age - 16+ Good talk, see you out there! **Do you want to perform yourself?** Hit us up on Instagram (@wiener.comedy) or Facebook (Wiener Comedy). Not on social media? Send us an email at wienercomedy5000@gmail.com If you’re waiting on a reply, please also check your spam folder. **Do you just want to watch?** Just come on over before 19:30, wear something comfortable, enjoy a pint and/or a burger, lean back and let us tickle your funny bone! **Tickets:** Seats can fill up fast, so we recommend reserving yours on Eventbrite. This is a *pay what you like* show so it doesn't cost you to reserve your seat. **Need a table for dinner or coming with a larger group?** Write us an email to sort everything out: wienercomedy5000@gmail.com or contact Charlie P's directly Doors Open: 19:00 Show Starts: 19:30 ***We'll hold your reservations until 19:20 at which time we will release the remaining seats to the public*** Age - 16+ Good talk, see you out there!

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!

**Discover the Power of Public Speaking & Leadership — Join the Blue Danube Leaders!** Are you looking for a new hobby that's not only fun but also helps you grow? Join us at **Blue Danube Leaders**, a Toastmasters club where you can improve your **public speaking**, **leadership**, and **communication** skills - all in a friendly, encouraging environment. Whether you’re just starting out or are already a seasoned speaker, you're welcome as our guest. **THIS PARTICULAR MEETING IS A CONTEST EVENT** Every year Toastmasters International holds the World Championship of Public Speaking, starting at club level for general speeches, evaluation speeches and table topics.This meeting on Jan 26 is our club contest.You are very welcome to join, just be aware that the meeting format on this evening is entirely different to our normal meetings described below. This is the usual meeting format: **What happens at a Meeting?** Our meetings follow a structured, interactive format: * **Welcome and Introduction** The meetings begin with a warm welcome from the Club President and the host (called *Toastmaster of the Evening)*. Then, we do a short introduction round where everyone - guests too - say a few words on the evening's topic. * **Word of the Day** A challenge that builds your language skills and sharpens your attention to word choice. A special word is introduced and everyone is invited to use this word whenever they speak. * **Table Topics** This is an exciting segment! Volunteers - guests too! - are invited to speak for 1-2 minutes on a surprise question or topic. It's a great way to practice thinking on your feet. * ***Short Break of 10 minutes*** * **Prepared Speeches** * Members deliver speeches prepared ahead of time, usually 5-7 minutes in length. Each speech is a step in the Toastmasters learning pathway. * **Evaluations** Every speech will be thoughtfully evaluated by a designated Evaluator. These evaluations focus on strengths, improvement tips, and encouragement. It's a crucial part of the Toastmasters experience. * **Role Reports** Throughout the meeting, members take on supportive roles that ensure the flow of the evening and give everyone a chance to grow. **Be our guest!** This meetup is open to guests. Toastmasters have a separate platform for the member registration. There are always 10+ people in the meeting. Join us at **18:45 CET** for a casual **Meet & Greet**; The program starts **sharp at 19:00 CET.** After the meeting, we often head to a nearby spot for food or drinks - a great way to relax and connect! Learn more: https://bluedanubeleaders.at/ Email: info@bluedanubeleaders.at

**Designing Clarity Before UX Had a Name** If you work in UX, product, service, or information design; data visualization; or user research — or if you simply care about how **design shapes understanding** — then this event is for you! 100 years ago in Vienna, Marie and Otto Neurath, along with Gerd Arntz, created the **International System of Typographic Picture Education** (ISOTYPE), a design system that transforms data into understanding. This was long before UX even existed. 👉 Join us on Saturday, January 31, 2026 at 2 PM for a group visit to the Neurath [exhibition, "Knowledge for All", at the Wien Museum](https://www.wienmuseum.at/knowledge_for_all). We'll walk through the exhibition together, after which we'll have drinks and discuss one central question: **What does it mean to design like this — today?** We'll connect their ideas to today's UX practices: * How do we design for clarity and accessibility at scale? * How do diverse roles align around one shared model of meaning? * And, most fascinatingly, how would the Neuraths approach our challenges now? Action items 1. Select "Attend" to attend the event 2. [Purchase your special exhibition ticket](https://shop.wienmuseum.at/en/tickets/ticket-exhibitions/wissen-fuer-alle-?date=2026-01-31) (only the permanent exhibition is for free) 3. Meet us at the "[Pavillon](https://www.wienmuseum.at/renting_wien_museum_pavillon_und_foyer)". It is right after the entrance. The time is 2 PM Photo copyrights: Marie Neurath: CC BY-NC-ND 4.0 [link](https://permalink.obvsg.at/wbr/AC15771755). Photos of the exhibition: Klaus Pichler, Wien Museum

**New year, new UX Vienna event format!** Join us on the last Friday of each month for networking and peer support among UX and other product professionals. Each session combines a structured activity or discussion in the first half with open networking in the second. **Agenda** At our very first session, we're kicking things off with lightning talks where everyone is invited to **share something that sparked their professional growth** \- whether it's a book\, article\, podcast\, project\, or other recent insight\. No slides needed\, no pressure: just bring your inspiration and tell us what you learned\, or simply come to listen and be inspired by others\. The second half of the evening is all about **networking and conversation** over drinks. Whether you're looking to practice public speaking, connect with fellow UX professionals, or gain fresh perspectives, this is the perfect place to start. We look forward to seeing you! 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. The venue will be announced shortly, once we have a first idea of the number of people who will attend.

Bring your JS interest and a good vibe! Everybody is welcome & feel free to share this invitation! https://viennajs.org/en/meetup/vienna-js-january-2026 **Timetable:** * 18:00: Gathering, food & drinks * \~18:45 - 19:00: Start of the first talk **Talks:** 🗣️ Housein Abo Shaar ▶️ AI Just Made Us Better at Typing AI can write code now, and it's only getting better at it. Which changes something I genuinely love: the act of *programming*. Just opening up an editor and typing away, observing problems and patterns, finding reusable solutions, caring about how my code *looks* while probably making a few too many premature abstractions. However, I say "programming" for a reason, because it's entirely distinct from software engineering, the thing I actually do for a living. In this talk, I'll go through my experience with AI: the ups and downs, the mistakes I made, and why I think I'll be using it a lot more in the future. \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- 🗣️ Marcel Maßmann ▶️ It's about time - a new Date() with Temporal Working with dates and times in JavaScript has always been… complicated. new Date() looks simple, but quickly turns into a source of bugs, confusion, and timezone-related headaches. Adding days, comparing times, or reasoning about “what date is it really?” often requires defensive coding or third-party libraries. Temporal is a new JavaScript API designed to fix this. In this talk, we’ll explore what Temporal is, why it exists, and which long-standing problems it solves compared to Date. We’ll look at how Temporal makes time arithmetic predictable, how it models concepts like instants, calendar dates, durations, and time zones explicitly, and how it can replace much of the functionality we currently rely on external libraries for. We’ll also cover how Temporal interoperates with legacy Date objects, and— most importantly — what mental model you need to use it correctly. You’ll leave with a clear understanding of when to use Temporal.Instant, Temporal.PlainDate, or Temporal.ZonedDateTime, and when Temporal is not the right tool. If you’ve ever been bitten by time zones, off-by-one-day bugs, or confusing date math, it’s about time we talked about Temporal. **🗣️ Give a Talk:** [https://viennajs.org/en/participate/give-a-talk](https://viennajs.org/en/participate/give-a-talk) **Location:** Sentry 📍 **NEW ADDRESS** Jakov-Lind-Straße 5, 4. OG (Entrance next to Max & Benito) 1020 Wien **Sponsors:** 🙏 Sentry Sentry is the market leader in the error monitoring space and like many startups with engineer founders, Sentry was born out of frustration with technology. David started Sentry as an open-source side project in 2008. We started in a small community — the Django web framework — and over time expanded our technology to support dozens of other platforms, including browser JavaScript and mobile applications. Fast forward to today, we're a $90M Series E company with a $3B valuation and 200+ employees on a mission to help developers write better software faster, so we can get back to enjoying technology. As one can see, the adventure continues to be exciting as we bring our developer-first Application Monitoring to more customers and industries worldwide. Consider us for the ride - We're hiring a JavaScript developer! 🙏 Ketryx Ketryx is an American based AI-powered platform specifically designed for the life sciences industry supporting companies that build regulated software. Its core function is to bridge the gap between agile software development practices and stringent regulatory compliance. The platform operates as an overlay that integrates seamlessly with existing, best-of-breed developer tools like Jira and GitHub. By doing this, Ketryx automates compliance-related tasks, such as generating audit-ready documentation, maintaining a real-time, end-to-end traceability matrix across all connected systems. This automation significantly reduces the manual burden of paperwork allowing development teams to accelerate their release cycles and bring safer, compliant products to market much faster. We're building up our engineering hub in Vienna. Our Co-Founder and CTO, [Jan Pöschko](https://www.linkedin.com/in/poeschko/), is based here, and we’re on the hunt for best-in-class engineering talent to join our team. Link to Open Roles: [https://www.ketryx.com/about/open-positions](https://www.ketryx.com/about/open-positions) **🙏 Want to sponsor?** We are looking for more sponsors! If you are interested please contact us via [viennajsmeetup@gmail.com](http://viennajsmeetup@gmail.com/) or at [viennajs.org.](http://viennajs.org./) \*\*\* **Don't forget to RSVP!**

**Hey everybody!** Do you want to code together, share your projects, or just hang out in a creative atmosphere? Then join us at the **Coding Club @ Jo&Joe Hostel**! We usually start with a short introduction round so everyone can get to know each other. After that, you can: * share your achievements or pet projects (informal, just at the table) * get feedback or inspiration from others * or simply work on your own project alongside the group Bring your laptop (or any device you like to code on) if you want to actively work. Or just come by to connect and get inspired. Please try to be on time so we can kick things off together. Looking forward to seeing you there! 🚀

Let’s kick off the year with some talks in collaboration with the **[Java and Friends](https://www.meetup.com/java-and-friends/)**[ meetup group](https://www.meetup.com/java-and-friends/). Fresh topics, shared knowledge and a strong community vibe. **===Topic===** **1st talk: WebAssembly** If you have been living under a rock like me and have heard about WebAssembly but don't really know what it does, then this talk is right for you! WebAssembly is one of the biggest standardization efforts in modern computing and we will have a look at how it works, why you should care, and why big players like Microsoft, Intel, and the CNCF alike have a vested interest to push it further. Did you know that Kotlin is implementing a wasm backend, so we can run Kotlin code without the JVM? What once started out as a browser hack to make javascript faster is slowly but steadily growing into a new computing substrate, and finally, a common architecture and compilation target for our programs. It's write once, run everywhere, but hopefully for real this time. Oh and it will also replace docker. And Kubernetes. Okay, I am overdramatizing. I swear my takes are not as biased as this introduction but you will have to listen to my talk to find out. **Speaker:** Florian Schindler **2nd talk: Spring Boot 4 with Kotlin: Modern Spring Development, Refined** Spring Boot 4 raises the bar for modern development in the JVM ecosystem, and Kotlin fits it perfectly. This talk highlights what’s new in Spring Boot 4 and how Kotlin helps you build cleaner, safer, and more concise applications with less boilerplate and better defaults. **Speaker:** Marián Varga **===Schedule===** 18:00 - Doors open 18:30 - Welcome by Erste Bank, Kotlin Vienna & and SQUER 18:40 - First talk 19:25 - Break 19:35 - Second talk 20:20 - Pizza, Drinks & Networking **===How to find us===** Canetti Tower - Erste Group, Canettistraße 5, 1100 Wien

Let's start our regular meetups again! All yarn crafters (knitters, crocheters, yarn spinner, yarn witches, etc.) and masters of other crafts are invited to come and join us. Let's bring our needles, hooks, yarn and work together on our latest projects while catching up and getting to know each other :) please note that the number of participants on Meetup is limited because not everyone is registering on meetup and registering via our whatsapp group. If you would like to join our group, drop me a line :) All levels are welcome! Whether your a needle ninja or a crochet padawan, you will find here a community to welcome you and help you on your crafting journey!

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

Our monthly PHP meetup. A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm

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

Let’s meetup at Cafe Istanbul for the last day of Restaurant Week. You get three courses for $30. This is the menu: https://614now.com/rw-menu/cafeistanbul-easton

Come out to Improving for our monthly iOS and Mac meetings. This Month's Presentation: Nothing yet. (You should volunteer). What is Cocoaheads (http://cocoaheads.org/)? CocoaHeads is a group devoted to discussion of Apple Computer's Cocoa Framework for programming on MacOS X and iOS (including the iPhone, iPad and Apple Watch). During monthly meetings, members present on their projects and offer tutorials on various programming topics. What is BuckeyeCocoa (http://buckeyecocoa.org/)? BuckeyeCocoa is a group of Objective-C/Swift developers/enthusiasts. We host monthly Cocoaheads and near-weekly NSCoder meetings in Columbus, Ohio. The meetings are free to attend. Presentations! Presenters welcome! We are always in need of people willing to present material. Any Swift and/or Objective-C related topic is welcome. Times can be 5 minutes (i.e. lightning talks) to a maximum of 2 hours. Interested? Contact info is on the BuckeyeCocoa website. To volunteer for a presentation contact us at @BuckeyeCocoa on Twitter. Follow us on Twitter! @BuckeyeCocoa (https://twitter.com/#!/Buckeyecocoa/) For more information: http://buckeyecocoa.org/

**\*\*\* We've Moved! Bold Penguin - 6555 Longshore St, Dublin, OH 43017 \*\*\*** Please note that the Jan meeting is moved to the following week because of the MLK Holiday (instead of the 3rd Monday of the month) **AGENDA:** * Doors open at 5:30, feel free to come and hang out before! * Official start of the meeting is at 6:30pm * After the meeting is done, we will go hang out at a nearby space in Bridge Park! If you can, please sign up via meetup by noon the day of the meeting so we can have an estimate headcount for food :) We always order extra, so feel free to join us even if you don't get signed up! Thank you to Bold Penguin for providing the location! **Parking & Arrival:** **Parking:** Parking in Bridge Park is free. The closest lots are the Mooney Garage and the Hotel/Endres Garage. **Entry:** The doors to the office are to the right of PINS. The street level door and elevators lock at 6pm. If you arrive after that, someone should be there to let you in, else call the number posted. Take the elevator to the 2nd floor. Once you exit the elevator, turn right. \*\*\* We are a bunch of professionals, students, and geeks who are excited about Ruby programming language ([http://ruby-lang.org/](http://ruby-lang.org/)) and Rails framework ([http://rubyonrails.com/](http://rubyonrails.com/)) and the joy they have brought back to web development. Our main goal is to share the love of the Ruby and Rails ecosystems with anyone that is interested. We cater to everyone, whether a non-programmer through advanced Rubyists. We give lectures on programming topics We freely provide decades worth of experience For full details of this month's meeting please visit [http://columbusrb.com](http://columbusrb.com)