A student-led web ring connecting personal portfolio sites across IDEA School of Design. This project fosters coding culture, collaboration, and creative expression through hands-on web development.
Live Site: https://jamesdneufeld.github.io/ideawebring/
Create your personal site in your assigned folder. Keep it simple to start—customize fonts, colors, and layouts as you learn.
Copy the web ring navigation HTML into your page to connect to the IDEA Web Ring. Ask James for the navigation snippet.
Add the page view counter HTML to track views for your page. The counter script is available in the shared toolkit.
- Open your folder in VS Code
- Make your edits (HTML, CSS, JS snippets)
- Commit your changes with descriptive messages
- Push to GitHub
- View your live page at: https://jamesdneufeld.github.io/ideawebring/your-folder/
All scripts follow a consistent documentation style and are ready to use:
- webring.js – Multi-webring navigation system
- counter.js – Privacy-friendly page view counter
- CSS components – Include .webring and .page-counter in style.css
Each script includes:
- Clear purpose and usage instructions
- Beginner-friendly comments
- Error handling and fallbacks
Introduction to HTML & CSS Foundational Skills – a growing library of articles by James Neufeld.
Summer 2025 – Launched as a voluntary summer project with a small group of passionate students.
Fall 2025 – Transitioned into an official IDEA Coding Club with automated navigation across member pages.
Winter 2026 – Integrated into the IXD 108 curriculum; first-year Interaction Design students join the web ring.
Spring 2026 – Summer Coding Mentorship launches April 28, 1 hour/week via Zoom for all BDes & IxD students.
By participating in the web ring, students gain:
- Real developer workflows: VS Code, GitHub Desktop, GitHub Pages
- Collaborative coding experience in shared repositories
- Hands-on HTML, CSS, and JavaScript skills
- Understanding of how individual work contributes to a larger creative ecosystem
- Professional practices like writing clear commit messages and managing version control
Every site in the web ring includes navigation links:
- Previous site – goes to the previous student's page
- Next site – goes to the next student's page
- Central hub – the main IDEA Web Ring page
This creates an endless loop of connected, handcrafted sites—classic internet style, no feeds, no algorithms, just creativity and community.
The IDEA Web Ring started as a passion project and has grown into a school-wide initiative to build coding culture. It's a classic web aesthetic with a modern, community-driven twist: intentional, curious, and collaborative.
Part of the IDEA Web Ring Toolkit — shared utilities for learning, collaboration, and open web creativity.