Adasha

Code and design in imbalance

Visual

LED bubble wall

Some of my set pieces on a huge wall of bubble lights.

Photos

I like taking photos. Every now and then, some of them come out OK.

Vietnam & Cambodia

Summer 2014. Incredible countries, incredible people. I could die in Hoi An.

Big Pit

Photos taken at Big Pit museum in Wales. Couldn't take shots down in the mine unfortunately, but a pile of scrap provided a good source of colours and textures and gave me a chance to muck about with quite a nice macro lens.

Amsterdam by Phone

Photos taken in Amsterdam using a pretty terrible camera phone - bad in low light, slow sensor, poor definition and colour etc. BUT able to take shots in ways a DSLR can't. Presented as-is, with only levels tweaking and the occasional crop.

Interactive

Research

Advanced web design experiments

CSS has come a long way over the past few years and many things once considered impossible or requiring hefty workarounds are now much more achievable. That's not to say it's all plain sailing though - as these sites show there's still plenty of limitations to be overcome, but armed with a bag of CSS3 tricks and a sprinkling of JavaScript where we really need it we can almost create any sort of non-standard layout with enough effort.

Be warned: these pages use some cutting edge CSS3 rules with only a cursory effort made in the name of compatibility. You will need a decent modern browser to view them as intended; even then bugs may show up.

Single-screen responsive layouts

Experimental/tutorial sites that scale content to fit within a single browser screen.

Comic Book Heroes Comic Book Heroes

Large, overlapping images, a fully responsive layout and vertical centering come together in this comic book inspired experiment.

ToonPlayer ToonPlayer

An example HTML video player with a Looney Tunes theme. Includes dynamically resizing and vertically centred video within a responsive, fluid layout.

Portfolio experiments

One page designs that experiment with creating a multiple-page site style within a single HTML document.

Modern Slider Full page slider

Contemporary slides-based design focused on large images and typography. Self-configuring to the number of slides.

Portfolio experiment one This site

A horizontally scrolling portfolio site with independent vertically scrolling sub-pages and a high degree of layout flexibility.

Adasha

About

Hi, my name is Adam Shailer although online I tend to go by the name 'Adasha'.

I'm a digital media creator specialising in interactive multimedia and motion video graphics. I'm also a keen videographer and photographer. I am a tutor at Trinity St. David University, teaching 'all of the above'.

This website was created to demonstrate some advanced web design techniques to my students. It's now my temporary site while my proper one is dead in the water. The idea is to push what can be achieved in web design if issues such as varying levels of standards-support and browser incompatibilities are put aside in favour of code purity. Where possible, effects are achieved with only HTML and CSS. JavaScript is used sparingly, where CSS alone isn't enough.

For that reason this site doesn't even try to be compatible with older browsers - It assumes you have a good HTML5 capable one. Even then you may find differences across the various players; Webkit browsers (Chrome, Safari) have some layout bugs that needed working around and aren't as smooth, IE doesn't support some of the cutting edge features (although its scrolling is the silkiest), things like that. Firefox seems to cope very well in comparison.

This particular site also loves screen real estate so don't expect miracles on a mobile device. Yes, that is my lazy way of saying the CSS isn't particularly responsive. That wasn't such a problem when the site was only ever intended as an experiment and teaching aid, but now I guess I'll be having another look at it!