I didn’t start work on the Opera 10 redesign until April this year, so what was doing between November (when I started) and then?
Opera Mini 5!

My first day at Opera, was visiting the team out in Linköping, Sweden, where they showed me the work they had been doing. Up until now, Opera Mini has always been a text-based interface out of necessity. There was limit to the size the download could be (which I think was around 100k). Overstep that and some devices just fall over, but it was worth optimising in order to accommodate as many handsets as possible. Now the allowance is bigger, but not substantially, and it’s incredible how much fits into the Opera Mini download. They showed me an interface that not only used animations and visual speedial, but was touch screen compatible. A lot of the work had already been done, but I had a great time working on the interface.
I can’t take all the credit for the interface design though. Apart from the work that had already been done, my time on Opera 10 meant that the Mini team had to continue without me to do the final polish, and a superb job they’ve done too.
I’m working on separate blog post, going into more detail about the design of Opera 10 and Mini 5, but for now, go and have a play with the Mini 5 beta.
I fancied having a play with Apple Interface Builder to remove the margins in Cocoalicious, and moving the buttons and search to the bottom, mimicking Newsfire. Here’s the result!

(Click image for original size) | The site in the screenshot is London Views, the work of Radiohead’s artist-in-residence Stanley Donwood.
If you fancy trying it out yourself…
To Install:
Download this file: ccl.zip
Ctrl-click on Cocoalicious, choose “show package contents” and then go to Contents > Resources > English.lproj and replace the ‘MainMenu.nib’ file with the one in the download folder. Best back up first!
Archives by tag:
2006,
2007,
accessibility,
acoustic,
actionscript,
adobe,
adverts,
advice,
alternative,
ambient,
analog,
apple,
applecare,
appletv,
apps,
art,
articles,
atmedia,
attap,
audio,
australia,
awards,
ban,
basecamp,
bbc,
belkin,
bitmap,
blackhole,
blogs,
bluetooth,
bonecho,
books,
boxee,
boxmodel,
braindump,
british,
browser,
browsers,
browsers.mozilla,
bug,
bugs,
cairo,
cakes,
calendar,
camera,
camino,
cbbc,
cc,
cheerup,
cheese,
childreninneed,
christmas,
cms,
cocoalicious,
coda,
code,
collections,
colourblind,
colourblindness,
comedy,
comments,
comps,
conferences,
country,
covers,
craft,
cs5,
css,
css.webstandards,
danielsmonsters,
delicious,
dell,
design,
design.colourblindness,
desktops,
digital,
discussion,
dock,
doctorwho,
drawing,
dream,
dreams,
drwho,
education,
electronica,
email,
england,
events,
evernote,
expressionengine,
eyetv,
family,
feedback,
femalevocal,
figures,
firefox,
fireworks,
flash,
flexible,
flickr,
flock,
fonts,
foundries,
foundsounds,
fowd,
free,
frontrow,
ftp,
g5,
games,
gaming,
gardening,
garlic,
geek,
geekends,
geekery,
gifs,
gigs,
google,
googlereader,
grammys,
graphics,
greader,
grids,
gtd,
hacks,
handbags,
hardware,
harrypotter,
helvetica,
helvetireader,
heros,
hicksdesign,
history,
holiday,
hosting,
howto,
humanrights,
icab,
ical,
ichat,
icon and interface design,
icon design,
icons,
ideas,
illustration,
illustration/icon design,
illustrator,
illustrators,
im,
images,
indesign,
infographics,
inspiration,
installation,
intel,
interface,
interfaces,
internet,
internetexplorer,
interview,
interviews,
inventions,
ipad,
iphone,
iplayer,
ipod,
itunes,
javascript,
jobs,
journal,
justabitoffun,
leaflets,
lego,
leigh,
lifeio,
links,
list,
listening,
lists,
littlebigplanet,
logo,
logo and branding design,
logo design,
logos,
london,
londonbombing,
mac,
macmediacentre,
macmini,
macs,
macworld,
magazines,
making,
maps,
mediacenter,
mediacentre,
mediacentres,
mellow,
memes,
menus,
merchandise,
messages,
metal,
microformats,
microsoft,
modernart,
moleskine,
movabletype,
movies,
mozilla,
music,
myob,
natural,
nerdery,
news,
nintendo,
nostalgia,
nostradamus,
notes,
obituaries,
omniweb,
opacity,
opensource,
opera,
organisation,
os,
osx,
oxford,
oxfordgeeknight,
packaging,
panic,
panther,
paper,
parallels,
penguin,
people,
photo,
photos,
pimp,
plex,
plugins,
png,
podcast,
polygamy,
powerbook,
practice,
presentation,
presentations,
presents,
press,
print,
printmaking,
propoganda,
ps3,
published,
punditry,
questions,
quicksilver,
quotes,
radio,
radiohead,
raf,
railway,
rants,
resources,
responsive,
retorts,
retro,
review,
reviews,
riffs,
rip,
ripoffs,
rissington,
rss,
safari,
saft,
sage,
samantha,
science,
scifi,
scrapbook,
security,
server,
shelf,
shiira,
signage,
simplenote,
sites,
siteskin,
siteskins,
sixties,
skinning,
slides,
slowcore,
software,
solutions,
songbird,
sony,
sound,
spam,
speakers,
speaking,
sponge,
spotlight,
starflyer59,
starwars,
stationery,
store,
summerboard,
surveys,
svg,
sxsw,
syncing,
tagging,
talks,
tea,
teasing,
templates,
ten,
texpattern,
text,
texteditor,
texteditors,
textile,
textpattern,
thebeatles,
theme,
themes,
theming,
thenational,
theory,
tiger,
timeline,
tips,
toys,
tv,
typefaces,
typography,
ui,
updates,
updtes,
userstyles,
vector,
veer,
versions,
video,
wallpaper,
web,
webapp,
webapps,
webbies,
webfonts,
webkit,
website and logo design,
website design,
webstandards,
whitenoise,
why,
widgets,
wifi,
wii,
windows,
wireframing,
wishlists,
wordpress,
work,
working,
xhtml,
xul,
yojimbo,
youtube,
zengarden