You're looking at all articles on The Hickensian tagged 'theming'

Here's Helvetireader

Back in June, I talked about Helvetireader, a new approach I was taking to skinning Google Reader. Instead of making it look like an OS X app, this time I was going for minimal, inspired partly by Times, a newspaper style RSS reader, and the postcards that came with the (Deluxe!) Helvetica Film DVD.

As there’s always so many other things to do, it’s only now that I’m announcing it going live. First, here’s a small screenie:

I’ve removed a lot of stuff from the interface that I never use, so it’s not going to suit everyone. If it does suit you – great, if it ‘doesn’t quite’, you can take the CSS and fiddle and personalise to your hearts content!

I’m trying a different delivery system this time around. One of the things that made the previous theme feel like a burden were the different versions that needed to be upkept. Then I would feel guilty about clogging up my blog with news about any updates. Not this time.

Helvetireader is a hosted theme. To use it, you need a browser with user script functionality, which means Opera or Firefox out of the box, or a WebKit browser with the GreaseKit haxie applied. Camino doesn’t yet support user scripts, but you can download the CSS file and apply that manually if you like (see instructions below). This means that when there is an update to the theme, all you need to do is refresh, rather than download anything. It also means all I have to is update a single CSS file.

Before you install, you might want to set up Google Reader to be on expanded view, and check your view settings. After you install, these options will be hidden!

I’m not sure how it’s going to work out bandwidth wise, but I’m going to try it out as an experiment. If it doesn’t work out, I’ll maybe look into Git or SVN as a way of providing updates.

So how will you know when to refresh? By following the twitter feed. You can also use @replies for feedback. While requests to reinstate UI that I’ve hidden will be probably be answered by “take the CSS and change it to suit you”, I’m always interested to hear your thoughts.

That’s enough waffle for something that be used by 10 people at the most – head along to the Helvetireader site if you want to try it out.

Camino users

If you do use Camino, then you’ll need to download the CSS file and add the following around it:


@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://www.google.com/reader/view/"), url-prefix("https://www.google.com/reader/view/") {
...css here...
}

And put that in your Library > Application Support > Camino > Chrome > userContent.css file.

Cocoalicious Hack

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!

Cocoalicious screenshot with margins removed

(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, 2012, 2013, accessibility, acoustic, actionscript, adobe, advert, adverts, advice, air, alternative, ambient, analog, apple, applecare, appletv, apps, appstore, art, articles, atmedia, attap, audio, australia, authenticjobs, awards, ban, basecamp, bbc, beatles, belkin, bikes, bikeshops, bitmap, blackhole, blog, blogs, bluetooth, boardman, bonecho, books, boxee, boxeebox, boxmodel, braindump, breakfastbaps, britain, british, browser, browsers, browsers.mozilla, bug, bugs, cairo, cakes, calendar, camera, camino, casestudies, cbbc, cc, chap, chaps, charity, cheerup, cheese, childreninneed, christmas, cinelli, classics, cms, cocoalicious, coda, code, collections, colnago, colour, colourblind, colourblindness, comedy, comments, competition, comps, conferences, copywriting, cotswolds, country, covers, craft, crafts, creativity, cs5, css, css.webstandards, cycling, danielsmonsters, delicious, dell, design, design.colourblindness, desktops, development, digital, discovery, discussion, diy, dock, doctorwho, dogs, drawing, dream, dreams, dropbox, drwho, education, electronica, email, emoticons, endofyear, england, events, evernote, expressionengine, eyetv, family, favicons, feedback, femalevocal, figures, film, films, firefox, fireworks, firstworldproblems, flash, flexible, flickr, flock, fonts, found, foundries, foundsounds, fowd, free, freelancing, frontrow, ftp, g5, games, gaming, gardening, garlic, geek, geekends, geekery, geekmediabox, genesis, genius, gentleman, gifs, gigs, google, googlereader, grammys, graphics, greader, grids, gtd, guvnor, hacks, handbag, handbags, hardware, harrypotter, helvetica, helvetireader, heros, hicksdesign, history, holiday, hosting, howto, hp, html5, humanrights, icab, ical, ichat, icon, icon design, icondesign, iconhandbook, icons, ideas, illustration, illustrator, illustrators, im, images, indesign, infographics, inspiration, installation, intel, interface, interfaces, internet, internetexplorer, interview, interviews, inventions, ios, ios7, ipad, iphone, iplayer, ipod, itsmyblogandillbangonifiwantto, itunes, javascript, jobs, journal, justabitoffun, knitting, koken, leaflets, lego, leigh, less, lifecraft, lifeio, links, list, listening, lists, littlebigplanet, logo, logo design, logos, london, londonbombing, mac, macbook, macmediacentre, macmini, macs, macworld, magazine, magazines, magazines.illustration, making, maps, mechanics, mediacenter, mediacentre, mediacentres, mellow, memes, memories, menus, merchandise, messages, metal, metro, microformats, microsoft, mkgn, mobile, modernart, moleskine, monkeybutler, moon, movabletype, movies, mozilla, mum, music, myob, natural, nerdery, newmusic, news, nintendo, nostalgia, nostradamus, notes, obituaries, offers, office, offscreen, omniweb, opacity, opensource, opera, organisation, os, osx, oxford, oxfordgeeknight, packaging, panic, panther, paper, parallels, pashley, penguin, people, personal, phantogram, photo, photography, photos, piecharts, pimp, pipes, plex, plugins, png, podcast, polygamy, posters, powerbook, practice, presentation, presentations, presents, press, print, printmaking, productivity, products, projects, propoganda, ps3, published, punditry, puppetry, questions, quicksilver, quotes, radio, radiohead, raf, railway, rants, rapha, recentwork, repair, resources, responsive, retorts, retro, review, reviews, riffs, righteousindignation, rip, ripoffs, rissington, rss, safari, saft, sage, samantha, sass, sauce, science, scifi, scrapbook, scripts, security, server, shelf, shiira, sideprojects, signage, simplenote, sites, siteskin, siteskins, sixties, skinning, skype, slides, slowcore, software, solutions, songbird, sony, sound, spam, speakers, speaking, sponge, spotify, spotlight, starflyer59, startrek, starwars, stationery, steel, stevejobs, store, stories, summerboard, surveys, svg, sxsw, syncing, tagging, talks, tasks, tattoos, tea, teasing, templates, ten, texpattern, text, texteditor, texteditors, textile, textpattern, thebeatles, theme, themes, theming, thenational, theory, tiger, time, timeline, tips, toys, tumblr, tv, tweed, typefaces, typography, ui, updates, updtes, userstyles, vans, vector, veer, versions, video, videos, vinyl, vw, wallpaper, web, webapp, webapps, webbies, web design, webfonts, webkit, website and logo design, webstandards, whitenoise, why, widgets, wifi, wii, windows, windows8, winter, wireframing, wishlists, wordpress, work, working, workshops, xhtml, xul, yojimbo, youtube, zengarden, zip

The Hickensian is the journal of Jon Hicks, one half of the creative partnership Hicksdesign. Take a look at the work we do.

Upcoming Talks

I sometimes pop up at conferences and waffle about design, icon creation in particular. Here's where I'll be next:

An Event Apart Chicago- "Icon Design Process" - 25-26th August 2014

Web Expo Guildford- "Icon Design Process" - 26th September 2014

Beyond Tellerrand Berlin – 3rd-5th November 2014

playlist

See more on last.fm

Contact

Hicksdesign

73a High Street

Witney

Oxfordshire, UK

OX28 6JA

+44 (0)7917 391 536

Download vCard

Engine Room:

Hicksdesign is powered by Textpattern and hosted by the lovely boffins at Engine Hosting

Engine Hosting