CSS
Meet other local web designers and discuss working with Cascading Style Sheets.
4,859
members
9
groups
Related topics
Largest CSS groups
Newest CSS groups
Frequently Asked Questions
Yes! Check out css events happening today here. These are in-person gatherings where you can meet fellow enthusiasts and participate in activities right now.
Discover all the css events taking place this week here. Plan ahead and join exciting meetups throughout the week.
Absolutely! Find css events near your location here. Connect with your local community and discover events within your area.
CSS Events Today
Join in-person CSS events happening right now
Sketch Circle Zürich @ Coin Coin
The Sketch Circle Zürich at the Coin Coin
COIN COIN\. \- Specialty Coffee \+ Matcha \| Wine Bar \| Art "OFF"space \| Co\-Working \| Events
Ernst-Nobs-Platz 1, 8004 Zürich
https://maps.app.goo.gl/Q7VHzNZLSktsrRtE6
It’s an informal meeting to chat, chill, network and have a beer between artists and art-interested people.
People bring their own sketchbooks, tablets, markers etc. and sketches, draws, paints stuff.
But no one is forced to create. You can also just come to have a drink and enjoy the creative vibe of a diverse and inclusive artistic group.
In these reels you see how such evenings look like…
Here you see how such evening looks like
https://www.instagram.com/reel/DKy9hUeqn9F/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==
See you there.
Walls, Rooms, and the Unconscious -- Architecture Between Space and Subjectivity
How do buildings shape us—long before we consciously reflect on them?
This session explores architecture not merely as construction or aesthetics, but as a **psychological and symbolic space**. Drawing on psychoanalytic thought, we will examine how architectural forms resonate with themes such as containment, exposure, memory, repetition, and desire.
From Freud’s notion of the *psychic topography* to later reflections on space, boundaries, and the body, architecture appears not only as a shelter for human life but as a **material inscription of inner worlds**. Rooms, corridors, thresholds, windows, and walls are never neutral: they organize perception, regulate affect, and silently participate in the formation of subjectivity.
We will reflect together on questions such as:
* Can buildings function as psychic containers?
* How do architectural spaces mirror defense, repression, or openness?
* What distinguishes a space that feels “inhabitable” from one that feels alienating?
* How do modern and historical architectures express unconscious cultural anxieties?
No prior knowledge of architecture or psychoanalysis is required—only curiosity and a willingness to think slowly and together.
This is an open, reflective conversation at the intersection of **philosophy, architecture, and psychoanalysis**, intended for those interested in how space shapes inner life.
We look forward to welcoming you.
**Important:** When you register for the event, please commit to it and don't be a NO SHOW. Presumably, when the ancient philosophers decided to go to an event, they kept to it.
;)
**Payment:** You can pay at the venue (Twint/Revolut/Cash). Thus, if you want to register at Meetup just click attend - no more needed ;).
We look forward to seeing you.
Speed Dating Double Date Edition
⚠️[>>Ticket needed (click here)<<](https://eventfrog.ch/en/p/dating/speed-dating/group-speed-dating-7409629803291143921.html)⚠️
**🧬 Smarter Matching with Social Circle**
To ensure you’re meeting the right people, we use **[www.social-circle.app](http://www.social-circle.app/)** to curate our groups. By creating a profile, you help us organize the rotations based on **similar ages and shared interests.** We’re optimizing for chemistry before the night even begins!
📲 Join our WhatsApp chat to keep up with the event: [https://chat.whatsapp.com/FoJN0DzRQgF232huSHiGOi](https://chat.whatsapp.com/FoJN0DzRQgF232huSHiGOi)
(if you run into trouble open it in WhatsApp Web on your desktop)
**Ages:** Mostly 25–40. (A 40–45 group will be added if interest allows!)
🕒 The Three Phases of the Night:
**1\. The Deep Dive \(Soul\)** We kick things off in groups of four using our "Fast-Track Intimacy" cards. These aren't your typical icebreakers—expect questions that spark genuine stories and reveal the real person behind the profile.
**2\. The Creative Canvas \(Play\)** 🎨 Time to get collaborative! Each group will take part in a drawing challenge. It’s hilarious, low-pressure, and the perfect way to see who shares your sense of humor while you co-create a "masterpiece."
**3\. The Mingle \(Choice\)** 🍹 The structure drops, and the floor is yours. Use this time to grab a drink with that person who made you laugh in Round 2 or dive deeper with someone from Round 1.
✨ Why this is different:
* **Small Groups:** Meeting in groups of four takes the "spotlight" off you, making it much easier to be yourself.
* **Data-Driven Groups:** Your Social Circle profile ensures you spend the night with people you're actually likely to click with.
* **Host-Guided:** We handle the transitions and the timers so you can just focus on having a good time.
✅ Included in your ticket:
* Entry to our private event space.
* All materials for the Creative Canvas round.
* Access to the matching system and follow-up.
🚀 **How to Join:**
1. **Get your ticket** here on Eventfrog.
2. **Create your profile** at [www.social-circle.app](http://www.social-circle.app/). **(Mandatory - Enter the Group Speed Dating Event)**
* *This is essential so we can place you in the best possible groups for your age and interests!*
3. **Show up** and let the day unfold.
**Space is strictly limited to ensure a balanced ratio. Secure your spot today!**
**Want more events like this? Join our newsletter : [https://chat.whatsapp.com/IN37htEEuH2Gdl73EQCqGV](https://chat.whatsapp.com/IN37htEEuH2Gdl73EQCqGV)**
P.S. Pictures might be taken during the event, if you do not want it please let the organizer know. Tickets are **non-refundable.**
January Mapathon: Map. Learn. Change.
**Attention: New Venue! This Time we are mapping at the Red Cross in Oerlikon (Thurgauerstrasse 36/38).**
Map the World, Change the World. Join Our Mapathon!
Got a laptop? Ready to make a difference? 💥
We're on a mission to create life-saving maps for disaster response, and we need YOU. No experience? No problem. Whether you're a mapping newbie or an OpenStreetMap Pro, you'll learn, collaborate, and help create maps that matter.
What to bring? Your laptop (mouse = bonus points!)
Why join?
Learn cool mapping skills
Make a real impact in crisis zones
Meet like-minded change-makers
Ready to map for good? Let’s do this.
Metalheads Gathering - Metal Together
Join us, metalheads of Zurich and its surrounding areas, in our regular Wednesday meetup for some afterwork drinks, chaotic socializing and listening to heavy music!
**Where?**
The meetup will be held at ***[Ebrietas Bar](https://ebrietas.ch/)*** \- a metal & rock bar located in Zurich's oldtown and boasting a selection of whiskeys\, rum & spirits\, in addition to countless shot creations and over 21 different types of beer\.
**When?**
The gathering will officially begin at \~7:00pm and normally goes until midnight. However, members often arrive slightly earlier and might stay until the following day! You are welcome to join at any point and leave whenever you please.
**Attendance:**
Attendance can vary, but the number of people at the gatherings is normally somewhere between 20 and 40 metalheads! The group is comprised by a balanced mixture of longstanding members, semi-regulars and curious visitors.
**Chats:**
Get invited to our chat-groups by introducing yourself at one of the meetups! We currently offer an "official" chat for announcements, updates on events & organizing concerts, a "fun" chat for casual discussions & informal events, and a meme chat for silly discussions and somewhat thematic memes. You can join neither, some or all!
**FAQ:**
"*How can I find the group?*"
We normally reserve one of the larger tables at the bar and decorate it with a large black flag. If you still have trouble finding the group, feel free to approach the bartenders and they will point you our way.
"What happens if I arrive late?"
Nothing really. We will give you a warm welcome and introduce you to the others, no matter at which time you arrive 🙂
"*What can I expect from these meetups?*"
Think of a common "after-work meet & drink", but in a themed bar, with lots of band-shirts and metal music playing in the background. Guests normally show up, grab a drink and join a clique for a conversation.
"*Do I need to be a hardcore metal fan for this meetup?*"
Not really. The theme of this meetup is indeed metal music and most members do have a liking for it, but plenty others are more casual listeners or more into rock/punk/goth. We welcome all!
Public Speaking Meetup – Hybrid
**WALK THE TALK** Zurich Toastmasters is the place to be if you want to improve your public speaking, communication, and leadership skills.
**Walk the Talk** offers a friendly and inspirational environment for all levels of public speaking experience. Guests and new members are always welcome!
A typical meeting includes 1–3 prepared speeches by members, evaluations of the speeches, and Table Topics – impromptu speaking.
This meeting is Hybrid.
"You can speak well if your tongue can deliver the message of your heart." John Ford
DISCLAIMER:
We may take pictures/videos of our events and share them online or on social media. If you do not wish to be in the pictures, please let us know before the meeting starts. We will do our best to respect your wishes.
CSS Events This Week
Discover what is happening in the next few days
Drupal 25th Birthday Party
**Drupal turns 25 on 15 January 2026!**
That’s 25 years of open source, innovation, collaboration, and the incredible global community that keeps Drupal thriving. This is a celebration for everyone who’s ever contributed, shared, or built something with Drupal, and that means you!
Join us at the Liip ZH office for a in person celebration!
Business Agilität @CSS
Die CSS hat 2024 einen weiteren grossen Schritt auf ihrer Reise zur Business Agilität unternommen: Mit der Einführung von SAFe, sechs Agile Release Trains, einem agilen Portfolio sowie der Anpassung von Organisation, Budget und Strategie. Obwohl Scrum bereits seit 2014 in der Softwareentwicklung verankert ist, bedeutete dieser Wandel einen tiefgreifenden organisatorischen und kulturellen Schritt.
In dieser Session berichten zwei Mitglieder des Transformationsteams, was in den letzten zwei Jahren im agilen Umfeld der CSS mit rund 500 Mitarbeitenden geschehen ist. Themen wie agile Führung, Zusammenspiel zwischen Team, ART und Portfolio, Kommunikation, Kulturwandel und Mindset-Change stehen dabei im Mittelpunkt. Wir möchten euch mitnehmen auf unsere Reise — zeigen, welche Herausforderungen wir gemeistert haben, wo wir gescheitert sind und welche Themen uns weiterhin beschäftigen.
Tauche mit Rolf Epp und Martin Ineichen in diese spannende Transformation ein. Wir freuen uns auf viele Interessierte, auf Austausch, Fragen und lebendige Diskussionen.
# Referenten
Martin Ineichen, ist seit 12 Jahren im agilen Umfeld bei der CSS unterwegs. War mit Herzblut SM, konnte dies auch nie ganz ablegen. Vertritt agile Konzepte mit viel Enthusiasmus und gibt sein Wissen und seine Ansichten auch gerne weiter. Immer mit dem Ziel, ein besseres Arbeiten zu ermöglichen. Martin ist Mitorganisator des Agile Breakfast Luzern. In seiner Freizeit ist er ein Familienmensch mit einem grünen Daumen.
Rolf ist seit 2018 in agile Transformationen involviert und fokussiert sich auf die Themen Strategie, Portfolio Management, Leadership und Change. In seiner Freizeit ist er sportlich aktiv und häufig in den Bergen unterwegs.
# Zielgruppe
Alle, die sich mit Agilität, Zusammenarbeit, Organisationsentwicklung, SAFe, Lean Portfolio Management, und oder Change Management beschäftigen – und ihre eigenen Erfahrungen einbringen möchten.
# Ablauf
8:00 Ankommen, Kaffee&Gipfeli
8:30 Kurze Einführung Agile Breakfast Luzern
8:35 Vortrag zu Business Agilität @CSS
9:30 Offene Diskussion, Inputs, Fragen, Austausch
10:00 End oder Unmoderiert bei Kaffee
Pilates & Tea Workshop & Optional Lunch
⚠️[>>Ticket needed (click here)<<](https://eventfrog.ch/en/p/sport-fitness/yoga/pilates-tea-workshop-optional-lunch-7409680111543320057.html)⚠️
✨**Mat Pilates + Chinese Tea Workshop + Optional Japanese Lunch**✨
Enjoy your weekend with movement, culture, and connection!
Join us for a rejuvenating **mat Pilates class** designed for all levels, followed by a **Chinese tea workshop** led by **Felix**, an expert in traditional Chinese tea.
📲 Join our WhatsApp chat to keep up with the event: [https://chat.whatsapp.com/EsTccDt6vB2A8z3OXbPUbW](https://chat.whatsapp.com/EsTccDt6vB2A8z3OXbPUbW)
(if you run into trouble open it in WhatsApp Web on your desktop)
After the workshop, we’ll optionally head together to **Maru** for a Japanese lunch.
Everyone who joins us for lunch receives a **matcha voucher** for their next visit! 🍵💚
🧘♀️ **What to expect**
* 60-min guided mat Pilates session (all levels welcome)
* Chinese tea workshop with Felix on the floor of the Pilates studio
* Optional group lunch at Maru
* Matcha voucher for those joining lunch
* A relaxed and friendly atmosphere to move, learn, and meet new people
📍**Where:** xoxo Studio Zürich
🗓 **When:** Saturday (Pilates → tea workshop → optional lunch)
Come for the movement, stay for the good vibes. 🌿✨
**Pictures** might be taken — please tell the host if you prefer not to be in them. Tickets are **non-refundable**.
Join our WhatsApp community to stay updated on future events:
👉 [https://chat.whatsapp.com/GNeM1ALKpu48z70nwNqy1O](https://chat.whatsapp.com/GNeM1ALKpu48z70nwNqy1O)
PM Session - Open Level Play
Welcome to the Open Level Play Session.
This session takes place every Saturday from 12:15 to 13:45 at the Yonex Badminton Hall Hardbrücke.
The number of players on the waitlist one week in advance determines the number of courts booked. If you are on the waitlist but can no longer attend, please remove yourself as early as possible.
Open to players of all skill levels.
This session is for doubles with a relaxed and social focus.
Ideal for casual play, improvement and meeting new players.
Payment can be made via TWINT after the session.
Padel & Socialize: Mexicano Tournament & Try Outs! (Tickets Required)
[TICKETS](https://eventfrog.ch/de/p/sport-fitness/tennis/padel-socialize-try-the-newest-sport-7368249956937774332.html)
Looking for something different than going out on a Saturday evening? Join us for a fun introduction to padel or for the mexicano tournament, perfect for absolute beginners, occasional hobby players, or tennis enthusiasts looking to try something new. No previous experience is needed. After the event, we will gather for a social evening and have a drink together, you may bring something that you would like to share with the others.
**Location: Padelta, Milandia**
The venue has lockers (bring a 2.- coin) and showers available.
**Cost:** 50 CHF per person. It includes court rental, rackets, balls, a drink, and snacks after the game!
If you are a good former tennis player and have not tried padel yet, get the ticket of "Tournament Ticket", as long as you learn the rules beforehand through videos.
**Newbies** (50 CHF) will guided with an instructor (Abraham) separately, please come at *19:40* as you will start 1 hour after the rest of the group.
**Schedule:**
18:40-18:50: Gather
18:50: Quick rule briefing & team division (first timers together)
19:00 - 22:00: Play padel with the possible rotating matches
22:00 onwards: Socialize, chat, and maybe find a training partner!
**Location**: [Padelta, Milandia](https://maps.app.goo.gl/efZMYwi4DqHephJB8)
**Parking info**: [nearest parking](https://maps.app.goo.gl/x9nNu8h37zp3UL697) (use this link also if you plan to take the train / bus)
**Game Rules:**
Because we’re using the Mexicano format, expect 1 break every 5 games and the breaks can be consecutive. In practice, that means each player is on court roughly 75-80% of the time. On average 1 game lasts 12 mins.
Scoring follows the Mexicano format; for this event, note:
* Every rally = 1 point.
* Serve switches to the other team every 2 points.
* The same player serves both serves (first from the right, then from the left).
* A game ends when the combined score is 21 (e.g., 9–12, 5–16, 8–13, etc.).
The event is posted in several places and **limited to 23 people**. Therefore, make sure to:
**1\. Buy the [ticket](https://eventfrog.ch/de/p/sport-fitness/tennis/padel-socialize-try-the-newest-sport-7368249956937774332.html) &**
**2\. Join the** [Whatsapp](https://chat.whatsapp.com/JubQ49fKJ8g5kjdDg2u59Z?mode=wwt) **group to confirm your spot.**
**3\. Be ready to play the full 3 hours\!**
Looking forward to seeing you there!
**[Zürich Together Linktree](https://linktr.ee/zurichtogether)**
**Cancellation & Reselling Policy:**
1\. You may cancel the ticket up to 48 hrs\. before the event and receive ≈ 50% refund\.
2\. You may cancel your ticket between 48\-24 hrs\. before the event and receive no refund\.
3\. You may resell the ticket up to 48 hrs\. before the event to someone in the CORRECT category\, it is your task to check and inform the organizer in the group chat once it is completed\.
4\. In the last 24 hrs\. No reselling is allowed and you may be suspended from the padel events\. If for some reason it is not in your control\, please contact the organizer\. If you do not show up without writing any message\, you may be suspended from the future padel events\.
**Disclaimer**:
Participation at your own risk. We are not responsible for any injuries.
Regular Trading & Investing Gathering
Hello Capitalists!
This event is the meetup's regular gathering.
Normally the event will be at the Insider Bar on Löwenstrasse, very near to the train station.
https://www.insiderbar.ch/
We will start at 19:00.
Please be constructive in your discussions, do not criticise other people's strategies and be open minded to new ideas.
We're looking forward to seeing new people as well as the regulars.
Thanks a lot!
Andy
CSS Events Near You
Connect with your local CSS community
Columbus PHP: Monthly Meetup
Our monthly PHP meetup.
A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm
Page Building with Bricks (Class 01 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.
COhPy Monthly Meeting
**NEW LOCATION: Improving Office in Franklinton**
Physical location:
Improving Office
330 Rush Alley Suite #150
Columbus, OH 43215
Schedule:
* 6:00 p.m.: Socialize, eat, and drink. Improving will be providing pizza and beverages.
* 6:30 to 8:00 pm. Main meeting and presentation(s).
For this first meeting of the year, we will be reviewing submissions for the
Your Program is Hideous and Obfuscated Challenge (YPHOC). Submissions for this challenge are due by January 12th, 2026. The details can be found here:
https://docs.google.com/document/d/13zbxwElpJqPMuAN4Ele2hUgsqtFKzH3OCTL5NEeiLKQ
or on our website
http://www.cohpy.org
We meet on the last Monday of each Month. Presentations are given by members and friends of this group. If you would like to do a presentation (small or large) on a python topic, please contact centralohpython@gmail.com
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.
Columbus Code & Coffee 82 @ Improving
Columbus Code & Coffee is an inclusive, informal co-working session. People of all skill levels attend, and we love it that way. Many people (optionally) bring projects to work on, and many other people (optionally) socialize the entire time. It's entirely up to you!
**What to Expect at the Intro Circle**
\~\~\~\~\~\~\~\~\~\~\~\~\~
Near the beginning of the event (1:30 pm), we do a standup:
* Organizer announcements, updates, and logistics
Round 1 - (7 secs max):
* Your name
* What you're working on
* What you can help others with
Round 2:
* Community events you wanna plug. If none, that's cool too.
Round 3:
* Job opportunities you're hiring for OR announce that you are looking for one. If none, that's cool.
After the introduction circle, everything is self-organized! Feel free to work alone, pair up, attend one of our workshops/presentations, or mingle!
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.
Happy 8th Birthday, GOhio! @ Pins Mechanical!!! 🎂 🎈 🍨 🎁 💐 🧁 🎉 🥳 🍰 🪅 📅
*GOhio!* turns 8!! 🥳 Come celebrate with us at [Pins Mechanical](https://www.pinsbar.com/locations/easton)! 😄
**Summary**
Pins Mechanical Co. is a social entertainment venue that combines old-school games like duckpin bowling, pinball, and other classic arcade and table games with craft cocktails, local beers, and punch. The vintage-industrial atmosphere is designed for playful, face-to-face gatherings with friends, family, and colleagues, offering a casual and lively alternative to a typical bar.
Pins' Easton location spans over 38,000 square feet, making it the largest in the United States. This massive entertainment venue features two floors, a mezzanine level with stadium seating, and three full-service bars. It offers 16 duckpin bowling lanes, two indoor bocce courts, and more than 60 classic and modern pinball and arcade games. For additional fun, the location is known for its two outdoor patios, an indoor slide, and an expanded patio pong setup.
**Activities**
As noted below, some machines take actual quarters. Pins has two change machines (one downstairs and one upstairs) that accept ones, fives, or tens (only), and return quarters (only).
* *Duckpin Bowling*
[Like Bowling](https://en.wikipedia.org/wiki/Duckpin_bowling) but with smaller balls, stubby pins, and no oil on the lanes. The cost is $9 per game per person.
* *Pinball*
[Who](https://en.wikipedia.org/wiki/The_Who)'s a [wizard](https://en.wikipedia.org/wiki/Pinball_Wizard) on these [retro machines](https://pinballmap.com/map/?by_location_id=15311)? At $1 per play, everyone! Takes quarters.
* *Arcade*
Play classics like Gorf, Pac-Man, Gorf, Donkey Kong, Gorf, Galaga, and Gorf! The best part is, there's Gorf! And all the arcade games are free!
* *Patio Pong*
The classic college party staple but bigger. Instead of tossing a ping pong ball into cups, you use a regular ball and oversized buckets. There are two of these upstairs, and they're both free!
* *Ping Pong*
The most popular sport in China! They have two ping pong tables downstairs and two more ping pong tables upstairs. For those of you who have studied topological spaces and set theory, you will know this means they have four total ping pong tables.
They have bubble gum dispensers with ping pong balls in them for 25¢ each. The dispensers take quarters. However, they also have racks where they store the ping pong paddles, and in these racks are slots for ping pong balls. It's not uncommon to see balls already here, so there's a chance you may be able to play ping pong for free if you want to.
* *Hookie*
You can't put your eye out! The safe alternative to darts: Hook thrown rings on a board. Outdoors on the upstairs patio, and free!
* *Bocce*
Like bowling, except there’s turf and a lot more balls. You can also knock your opponent’s balls out of the way. There are two of these upstairs, and they're both free!
* *Foosball*
Everyone loves [foosball](https://en.wikipedia.org/wiki/Table_football)! 50¢ a game. Takes quarters.
* *Giant Jenga*
Stack massive wooden blocks into a tower, then take turns pulling out one block at a time without collapsing the tower. There are four of these sprinkled throughout the venue (two downstairs and two upstairs, with one on each patio), and they're all free!
* *Skeeball*
There are three skeeball machines on the first floor (near the Gorf machine!), and they're all free!
* *Giant Connect Four*
On the outdoor patio upstairs, and free!
* *Bubble Hockey*
This is upstairs. Up to four people can play at once, and it costs $1. Takes quarters.
* *Cornhole*
There are two cornhole lanes upstairs, and they're both free!
* *Basketball*
There are two basketball machines downstairs. They're tucked behind the downstairs bar, so they're not always obvious unless you go look for them. They're $2 per play, and they take quarters.
* *NES and Sega Genesis video games*
These are collections, downstairs (near the Gorf machine!), of video games that you can play for free!
* *The Big Metal Indoor Slide*
This large two-story slide is for kids, and certainly no adults would ride this. After all, it's not like it's free or anything.
**Outdoor Patio**
Pins at Easton actually has two outdoor patios. But for our purposes, only the upstairs one matters. See, it will be winter and likely cold. But their upstairs patio has multiple ceiling heaters and two massive gas fire pits that put out a ton of heat. Sitting out here may be a real option.
As mentioned above, the upstairs outdoor patio has one of the venue's two Patio Pong setups, one of their multiple Giant Jengas, the Giant Connect Four, and Hookie.
**Food**
Pins doesn't serve food, but there's a [Mikey's Late Night Slice](https://www.latenightslice.com/) next door. This Mikey's is basically an extension of the Easton Pins; there's a large open doorway between both establishments. Mikey's has a fountain dispenser with Coke products.
You can also get Coke and Diet Coke (but not Coke Zero, like you can at Mikey's) at the bars in Pins, but I think the quality of the soda pop from Mikey's fountain is better than that from the bar hoses Pins uses to dispense soft drinks.
You are also quite allowed at Pins to either bring food in or order it in via your favorite delivery app.
**Parking**
I recommend parking in the [Worth Garage](https://eastontowncenter.com/wp-content/uploads/2025/09/parking-at-easton-updated-file-sept-25.pdf). It's literally right next door to Pins, and it's free as long as you park on Level 2 or above.
They recently started charging people to park on Level 1, and you pay for parking on this level the same way you pay for street parking in Columbus, with the [ParkColumbus](https://play.google.com/store/apps/details?id=com.parkmobile.parkcolumbus&hl=en_US&pli=1) app.
I've seen them enforce this by ticketing people's cars, but I don't know how they actually compel payment. The garage is not a public street that actual cops can write you tickets for parking illegally on. If you have an actual ticket from a cop that you don't pay, they can go so far as to issue a warrant for your arrest. But all Easton has, seemingly, is, "[Please pay our ticket](https://eastonpreferredpark.com/)." Still, in my ongoing efforts to eliminate needless stress and aggravation from my life, I just park above the first Level.
The actual address of the garage is [4049 Worth Ave, Columbus, OH 43219](https://www.google.com/maps/place/4049+Worth+Ave,+Columbus,+OH+43219/@40.0542293,-82.9137962,17z/data=!3m1!4b1!4m6!3m5!1s0x88388a86de3af559:0xc1dc8b4661fc834f!8m2!3d40.0542293!4d-82.9137962!16s%2Fg%2F11sgzjp4ml?entry=ttu&g_ep=EgoyMDI1MDkyNC4wIKXMDSoASAFQAw%3D%3D). However, your GPS is stupid. The actual entrances to the garage are on the cross steets Brighton Rose Way and Fenlon St, not Worth Ave. Just keep this in mind once you get to the garage.
**Where we'll meet**
I'll post in the comments where I am. People will obviously want to explore different areas of the venue over the course of the event (and there's a lot to explore), but please just let me know (as in, come find me) once you've arrived.
**Peroration**
Come on out and say hi! 😄




























