As part of my urban modelling work, now behind me, I was thinking of ways to fill empty spaces with potential residences. These randomly generated parcels would then be evaluated by potential home buying agents. This is rather different as there is no limit to parcel sizes. It’s more of an exploration of patterns generated based on random rules. The paths grow, one at a time, until they hit another path (or themselves). They can only turn 45 degrees.
The beauty is that the paths wrap around the edges of the canvas. This makes it perfect for tiling. Now that we can use SVG natively in HTML you can export your generated pathways and add them to your website background. The application allows you to vary the size of the tile and the path density (cell size).
Although I tend to constantly dabble in web design I rarely construct a fully functional website for consumers/public. I’ve designed/developed plenty of simple pages to present SVG and web applications but they don’t have high levels of interaction in terms of data input/output. One of the earliest occasions I created a fully functional site was for uvicultimate.com back in 2001. It was a successful site for UVic intramural ultimate as it became the place to go to to check for schedules and update your ultimate team profile. The domain has since been taken over for the ultimate team.
The GRUL website for the Greater Region Ultimate League (the area surrounding and including Luxembourg) is once again ultimate frisbee related. It was developed in an effort to encourage the growth of ultimate in the region which has few large cities that can support a league on its own. The challenge was to design a super simple website that people can use to interact with other teams and standings that encourage friendly competition. I was also trying to minimize site usage time so that people can get back out to the fields. I used a Lightbox variant that allows me to overlay iframes for all the form contents. All the site’s content, except for the FAQ page, is on one page. I’m still not 100% convinced with the styling. I will update it if the site is effective.
When displaying links inline with text you want to balance readability and noticeability. An interesting way to do this is by giving it some padding and rounded corners.