webdesign & webdevelopment
 

The Walt

The Walt is een ambitieuze rockband uit Utrecht, hun eerste release gedateerd uit 2005. De band leverde een simpel ogend ontwerp aan welke Atypisch ontwikkeld heeft naar een werkend model. Atypisch ontwikkelde de CSS/XHTML, de database en php scripts, en ontwikkelde de templates voor het Open Source CMS WordPress. De website is opgebouwd uit slechts 1 pagina, en laat acht verschillende post-categorieen zien in een willekeurige volgorde. Bij het bekijken van 1 van de acht berichten op een single-pagina worden de andere berichten getoond op de actergrond. Bezoekers hebben de mogelijkheid hun eigen achtergrondtekst toe te voegen welke random wordt getond op de achtergrond. De bandleden kunnen deze teksten zelf beheren. Om spam en andere issues te voorkomen kan je niet 2x dezelfde tekst invoeren, en wordt de tekst omgezet naar een plaatje, waarna het pas in de achtergrond wordt geladen. Bezoekers kunnen direct naar muziek luisteren door op een simpel flash-icoontje te klikken, en kunnen foto’s bekijken door middel van een lightbox-plugin.

 

The Walt is an ambitious rockband from Utrecht (Netherlands) that had its first release in 2005. The band delivered a simple design which Atypisch developed into a working model. Atypisch delivered the CSS/XHTML, the database- en PHP scripting and developed the templates for the Open Source CMS WordPress. The website is built from one page only, and shows eight different post-categories in a random order. In clicking-through the single-post is shown fully (also on a random place) and the other posts are faded into te background. Visitors have the opportunity to add a background text themselves, which is then randomly shown on the background. The bandmembers can moderate these texts themselves. The prevent spam and further issues it is impossible to add the same text twice, and the text is converted into an image, and then loaded into the background. Visitors can listen to songs directly by clicking on a small flash-icon, and can watch pictures with the assistence of a lightbox-plugin.

 
 

Theun Mosk / Boukje Schweigman – theatermakers

Theun Mosk en Boukje Schweigman zijn theatermakers. Roel Dalhuisen ontwierp voor hun beide een website. Aangezien de twee theatermakers nauw met elkaar samenwerken is gekozen voor een zelfde vormgeving, voorzien van eigen foto’s voor (o.a.) de achtergrond. Atypisch verzorgde de gehele ontwikkeling van het systeem, de XHTML/CSS, en schreef een script wat foto’s random in/uitfade, random ophaalt, en in een random volgorde zet. Ook is er gekozen voor een font-image replace script om de vormgeving consistenter te houden. In dit geval is de laadtijd van beide websites ondergeschikt aan de visuele werking van de foto’s en het javascript, wat het op oudere machines helaas lastig maakt om de site makkelijk te doorlopen. Verder is er in beide websites ruimte voor reacties en is er een overzicht van de verschillende producties mogelijk gemaakt door verschillende templates te creeren binnen het CMS.

 
 

Dwars

Dwars is de jongeren-tak van de politieke partij GroenLinks. Het ontwerp is aangeleverd door Roel Dalhuisen, Atypisch verzorgde de CSS en XHTML. De vormgeving is later omgezet naar een drupal template. De vormgeving maakt gebruik van transparante png’s, die met behulp van AlfaImageLoader ook juist bekeken kunnen worden in de versies van Internet Explorer die deze functionaliteit niet standaard ondersteunen (IE 5.1-6.0).

 

English:

Dwars is the youth branch of the idealistic left wing dutch political party GroenLinks and is run by and for youth concerned with politics. A new site was designed by Roel Dalhuisen, and Atyisch was asked to complete the HTML markup. The markup is later converted into a drupal template. The markup was completed using scripts for the microsoft AlfaImageLoader, which solves the lack of ability of Internet Explorer to show transparency in .png images.