Gorilla webdesign RSS feed

Build Awesomeness

Wed, 16 Nov 2011 23:00:00 GMT

Last week I visited Build. A week-long design event in Belfast. It was my second visit but this time I hooked up with 5 belgian freelancers. I enjoyed every single minute. We came away with renewed inspiration and determination to build awesomeness.

Another great edition

Andy McMillan knows his stuff and put together another great conference. He gathered an impressive line-up and the conference day was tightly organized. The individual talks were impressive in their own right and also tied in well with one another, creating something of a general theme. Jesse Thorn (dresses like a grownup) tied the whole day together with poise and wit.

Design festival

Aside from the top-notch workshops and conference there was cool stuff happening all through the week again. There were evening lectures with Erik spiekerman—how did I miss that!—and Scott McLoud, an evening of film, a craft beer festival, a pub quiz, an after-party and a dribble meetup.

A "week-long design festival" is how the event was announced and that really is an accurate description. Build is definitely not your everyday web conference–if there is such a thing.

Wilson Miner killed it

Last year I was blown away by Tim's Brown talk so I was curious to see if anyone could top his talk in 2011. Well, I think we can safely say that Mr. Miner went above and beyond with his epic performance. Goosebumps, people crying—I'm looking at you Danny–and a well-deserved standing ovation! I'm sure you"ll be hearing a lot about this talk–if you haven't already—and I highly recommended you watch the video when it comes online.

The other speakers were on-point to say the least. The Standardistas, Craig Mod, Josh Brewer, Jason Santa Maria, Jeremy Keith and Simon Collison. All of them delivered great talks. Even though I had already seen the one from Jeremy and Jason I still deeply enjoyed each and every talk.

Belgian builders

The belgian builders were in full effect this year! I very much enjoyed hanging out and sharing good vibes with the rest of the gang (6 freelancers in total). We all bump in to each other at local events and it was great to meet up at Build and share such a wonderful atmosphere.

Built to last

From what I gather Andy is not looking to make Build any bigger. Which is great news. Keeping the head-count limited to 300 people is the perfect way to keep Build small and cosy, and keep the amazing atmosphere.

I will definitely book tickets as soon as possible for next year's Build awesomeness. And I recommend you do the same. Oh, and this time I really am going all week!

Ps. Check our flickr for some "zotte sfeer". Video coming up shortly.

A different kind of Gorilla

Mon, 24 Oct 2011 22:00:00 GMT

After one year of loyal service Redg has left Gorilla. 12 months after joining our little team, he decided that there was more to life than spend all day pushing pixels around and moved on to other ventures. I wish him all the best and thank him for a great year! We learned a lot from one another, visited cool conferences and built some great projects. Thanks Redg!

Getting some designing done

Admittedly It was a bit scary replacing Redg as a designer. He really raised the bar on design in Gorilla over the course of the last year and —allthough I designed a couple of projects— I had focussed mainly on front-end development so one might say I was a bit rusty on the visual side of things.

On the other hand I was really psyched to jump in and get some more designing done. I had the pleasure of working on a fun little project and I'm very pleased with the way it turned out.

We've got some other cool projects coming up so I'm looking forward to doing a lot more design the coming months.

Outsourcing front-end development

After Redg quit—and after I decided that I was going to spend my days designing—I was on the lookout for a good front-end developer. Enter Jochen, comfortable with Javascript, HAML, SASS, CSS3, HTML5, GIT, responsive layouts,… you name it. On top of that he's also a really nice guy.

Over the course of the last year I had installed my own quirky little front-end workflow so I had my doubts about involving another front-end developer. But Jochen stepped up and did his thing. Safe to say I'm very happy to have him on board. He moved into the Gorilla office in september and we have a cool little co-op going. I will design something and Jochen fleshes out a working prototype.

No more CMS development

Gorilla is morphing into a webdesign studio—rather than a full-service web agency—so that means that we won't be offering any more in-house CMS development.

Benny quit Gorilla (and has set up his own development shop recently) so it makes perfect sense to stop offering CMS development. Clients who need CMS development —or any other back-end development— will be forwarded to Monkeypatch or one of our other trusted freelancers.

We are looking for cool projects

Gorilla is fully booked for the coming month(s) but we're on the lookout for cool projects after that. If you need a webdesigner, or you need a small webdesign team that takes you from IA to design and a working HTML prototype, drop us a line.

It's not how good you are, it's how good you want to be

Thu, 22 Sep 2011 22:00:00 GMT

On the subject of this little book I can be brief: read it. Read it? Ok, read it again. Then never let it leave it on your desk.

Written by Paul Arden. Highly inspiring stuff, and required reading for any self-respecting go-getter. Be sure to pick up his other books too.

Paul Arden, I salute you.

Our visit to Ampersand: web design & typography

Thu, 23 Jun 2011 22:00:00 GMT

So Redg and I went to Ampersand the other week. Amazing! As you might expect by looking at the list of speakers, we were treated to a really inspirational day filled with great talks.

Ampersand represents “the overlapping worlds of type design, web design and software”, and what an interesting overlap indeed. Jonathan Hoefler tweeted that “the web and typography are shaping one another [and that is] just a beautiful thing”. To me, that single tweet sums it all up. It is truly an exciting time for both web designers and type designers.

Here are our top 3 best moments at Ampersand:

1) Mark Boulton

Funny, relevant and very inspiring. He touched on a lot of interesting topics while managing to connect all the dots. He talked about how we should design from the content out and truly embrace the chaos that the plethora of different screen sizes & devices bring. Holding on to old ideas of a fixed canvas is a bad idea.

The most important thing when using the content-out approach? Content!

Content will define the typeface you choose, and that typeface can serve as the base for your layout (content-out), rather than using the viewport as the base for your layout (canvas-in).

A show of hands revealed that practically every web designer in the room frequently creates a design without content - something, Mark pointed out, that has to stop. We couldn't agree more.

2) Jonathan Hoefler

Jonathan Hoefler gave an incredible talk all-round, but the best moment was when he announced that H&FJ have created web versions for 100% of the typefaces in their catalogue. Typefaces like Gotham, Sentinel and the like have been completely redrawn to ensure optimal legibility at small text sizes and are ready to be used as web fonts.

3) Tim Brown

We had heard Tim Brown speak at Build 2010 about the idea of using “modular scales” when designing. Impressive stuff. He recently published his ideas in a great article and expanded on those ideas at Ampersand. Tim is a gifted speaker and it was a privilege to see him in action once again.

Honourable mentions of course for all of the excellent speakers: Vincent Connare, Jason Santa Maria, Jon Tan, David Berlow and John Daggett. Thank you for all those inspiring words!

To new friends

And finally, a word of praise for our newly discovered friends: type-designers.

As we learned while listening to Jonathan Hoefler and David Berlow: converting fonts for the screen, whilst ensuring optimal legibility at smaller sizes, is an extremely delicate and complicated process. Every single glyph for every style & weight needs to be evaluated and adjusted for the screen. An epic undertaking. We now have a deep respect (and compassion) for all type-designers out there. Thank you!

And thank you Mr. Rutter for putting on such a great conference.

Edit: Looks like I forgot to include praise for Vincent Connare in the honourable mentions. Fixed. Vincent is the man. He smashed it.

Conferenties voor 2011, de Gorilla shortlist

Mon, 14 Mar 2011 23:00:00 GMT

Het was tijdens de designer meetup en Phare conference dat we het weer voelden: die opstoot van inspiratie en goesting. Het resultaat van sterke presentaties en interessante babbels met concullega's. Dat smaakt naar meer, dus bij deze onze selectie van conferenties voor de komende maanden.

Ampersand

(17 juni - Brighton, UK)
http://ampersandconf.com

Hier moeten we gewoon naartoe. We zijn erg geïnteresseerd in typografie en met de opkomst van betere browser-ondersteuning wordt typografie steeds belangrijker voor een webdesigner. We kijken vooral uit naar de talk van Tim Brown die verder gaat waar zijn sublieme presentatie op de vorige editie van Build stopte. Dat wordt genieten.

Fronteers

(6-7 oktober - Amsterdam, Nederland)
http://fronteers.nl/congres/2011

Dit is onze "technische" conferentie. Fronteers gaat over front-end development: hoe maak je moderne websites zo performant mogelijk voor een brede waaier aan dragers, en welke nieuwe technologiën kun je daarvoor gebruiken. We kijken uit naar diepgaande sessies over performance, Javascript, HTML5, CSS3, Mobile website design, Responsive design, en zoveel meer. De sessies van vorig jaar hebben ons alvast overtuigd.

Build

(7-11 november - Belfast, Noord-Ierland)
http://2011.buildconf.com

2 dagen na onze terugkeer van Build 2010 boekten we onze tickets voor de editie van 2011. Dat zegt genoeg. Een echte aanrader!

Join us!

Ga jij naar één van deze conferenties? Link up via @degorillas en we zien elkaar daar, of we reizen gewoon samen.

Flexibele stylesheets met Compass

Thu, 24 Feb 2011 23:00:00 GMT

Bij Gorilla gebruiken we sinds een klein jaar Sass & Compass om onze stylesheets efficiënter en overzichtelijker op te maken.

Compass maakt volop gebruik van de nieuwe mogelijkheden van Sass. Vooral het gebruik van voorgedefiniëerde Compass-mixins maakt je project overzichtelijker, en zorgt ervoor dat je veel vlugger kan werken.

Sass is een uitbreiding op CSS en ondersteunt zaken als nested rules, variables, mixins en selector inheritance. Elk CSS3-stylesheet een valide Sass-stylesheet. Je kiest dus zelf hoeveel je gebruik maakt van de Sass mogelijkheden.

Sass op zich is al heel handig maar met Compass wordt het pas echt interessant. Compass voorziet mixins voor veel-voorkomende CSS-patronen. Denk aan text-replacement, sticky-footers, horizontale lijsten en dergelijke. Met Compass werk je dus snel en DRY.

CSS3, Blueprint en meer

Naast de "gewone" CSS-patronen zit er heel wat CSS3-functionaliteit in Compass. Je hoeft je hoofd niet meer te breken over vendor-prefixes en vendor-specific syntax. Compass doet het zware werk voor jou. Zaken zoals border-radius of box-shadow worden zo minder omslachtig.

Het Blueprint CSS-framework is opgenomen als module in compass. Voor ons zeer handig, want we gebruiken blueprint — of beter, het grid-systeem van blueprint — intensief. Geen blueprint fan? Dan kan je werken met YUI, 960gs, Susy en andere plugins.

Praktisch

Zo gaat het praktisch in zijn werk: we maken onze stijlen op in een Sass bestand. Dat bestand wordt gecompileerd (via een commando in je terminal, of on-the-fly) naar een gewoon CSS bestand. Dat CSS bestand importeer je op je website. Klaar.

Net zoals Serve is Compass een aanrader voor alle slicers die hun workflow efficiënter en praktischer willen maken.

Lees meer & kijk verder

Bekijk de Sass-files in onze front-end template om een idee te krijgen van hoe wij Compass precies gebruiken.

Flexibel werken met Serve

Sun, 13 Feb 2011 23:00:00 GMT

Serve is een onmisbaar deel geworden van onze workflow. Het is een mini-framework dat ons toelaat om vlugger te werken. Op een flexibele manier.

We gebruiken Serve voor slicing maar evengoed voor het opbouwen van eerste HTML -wireframes. We splitsen onze HTML -pagina's op in partials en layouts —zoals je dat in een Rails project zou doen— en werken dus lekker DRY. We krijgen de voordelen van de Rails aanpak zonder ingewikkelde back-end logica. Sweet.

Met Serve werken we onafhankelijk als designers. Wanneer ons werk klaar is geven we het project door naar de developer. Die kan onze bestanden makkelijk invoegen in zijn Rails applicatie. Als ontwerpers kunnen wij ons dus focussen op de creatieve kant van de zaak terwijl developers een hapklaar Rails(ish) project aangeleverd krijgen.

Ook handig voor developers is dat HAML de geprefereerde mark-up taal is in Serve (hoewel ERB, of gewone HTML perfect bruikbaar blijven).

Serve & HAML

HAML is een simpele mark-up taal die de brug slaat tussen Ruby (On Rails) en HTML. Met HAML schrijf je dus elegante mark-up én kun je makkelijk Ruby-functionaleit gebruiken. Denk Ruby-variabelen, if-else statements, for loops, en dergelijke. Niks ingewikkeld, maar wel handig.

Extra bonus: Serve wordt gebundeld met Compass, een CSS -framework dat draait op Sass. Binnenkort meer hierover. Stay tuned.

Een aanrader

Ben je een designer en werk je geregeld samen met Rails developers? Dan zijn zowel Serve als Compass absolute aanraders.

Lees meer

Een "Letterpressed" nieuwjaarskaartje

Thu, 06 Jan 2011 23:00:00 GMT

Deze week verstuurden we ons nieuwjaarskaartje naar klanten en vrienden. Op zich geen nieuws, maar voor ons was de ontwikkeling van het kaartje toch een bijzondere ervaring.

In contrast met de digitale mindset waar we het jaar door in zitten, lieten we ons kaartje op ambachtelijke wijze drukken. Door een echte letterzetter. We mochten het drukproces meevolgen bij Jozias. Het viel ons op dat er, net als bij het bouwen van websites, veel tijd sluipt in het verfijningsproces. We herkenden met veel plezier het kritisch oog van een vakman met liefde voor zijn werk.

Met inktlucht in de neus, en onze ogen — met stijgende verbazing — gericht op de Heidelbergdrukpers a.k.a. "De windmolen", konden we zien hoe ons kaartje laag-per-laag tot leven kwam.

Bekijk onze video op Vimeo of onze foto's op flickr. Beste wensen!

Het 2010 jaaroverzicht

Thu, 23 Dec 2010 23:00:00 GMT

2010 was een boeiend jaar voor de Gorilla's. We hebben heel wat bijgeleerd, veel toffe projecten gemaakt en interessante mensen leren kennen. Bij deze een overzicht van de zaken die mij het meest bijblijven.

Exodus, movement of the Gorilla's

Na 3 jaar te hebben doorgebracht in onze gezellige archiefruimte bij Retec in Wetteren, wordt begin 2010 de grote verhuis aangevat richting Gent. We krijgen een plaatsje in de gloednieuwe webloft van de vrienden van Openminds. Yezzur!

Future Of Webdesign 2010

In mei 2010 verlies ik mijn london virginity (erg, I know). Ik zak af naar Londen om 2 dagen te luisteren naar de knapste koppen in web-land. Ik zie er heel wat interessante presentaties en verveel me geen minuut.

Los van het feit dat je de kans krijgt om een frisse neus op te halen in het buitenland, zijn goede webconferenties vooral interessant omdat je er zo'n inspiratie-boost van krijgt. Handig! Want terug thuis liggen er heel wat uitdagende projecten op me te wachten.

Compass (& SASS)

Het is bij het zien van deze presentatie van concullega Johan dat ik het licht zie. SASS (en Compass) is the way to go. Ik bekijk de obligate screencasts, start een project, experimenteer wat met Compass, en het klikt direct.

SASS is een uitbreiding op CSS. Het laat je toe om meer dynamiek in je stylesheets te brengen. Je kan je stylesheets op een betere manier organiseren en je kan variabelen en "mixins" gebruiken. Denk CSS op steroïden. Zeer handig.

Compass is een "meta-framework" en het laat mij — onder andere — toe om de kracht van SASS te koppelen aan het gemak van het Blueprint grid systeem. Handig, want ik gebruik Blueprint al een hele tijd in mijn gewone CSS workflow.

Serve (& HAML)

Kort na mijn switch naar Compass ontdek ik het handige Serve mini-framework. Ontwikeld door John W. Long (de bezieler van Radiant CMS). Serve laat me toe om een website te bouwen zoals je dat in een CMS-systeem zou doen (gebruik van templates, herbruikbare stukjes code, variabelen, …). Alleen, bij Serve komt er geen koppeling naar een database kijken. De kracht van een CMS-systeem dus, met het gemak van een statische-HTML-aanpak.

Ik werk eerst met .erb mark-up maar al vlug schakel ik over naar HAML. Een alternatieve — beknoptere — manier om HTML mark-up te schrijven, die me toelaat om ruby logica te gebruiken. Een iets grotere leercurve, maar o zo handig. Bonus: Compass zit standaard gebundeld in Serve.

Redg. Onze eerste werknemer

Een eerste werknemer aannemen is een schrikwekkend vooruitzicht. We hebben dus lang getwijfeld om de stap te zetten. Nergens voor nodig. In augustus 2010 is Redg in dienst getreden bij Gorilla en we hebben het ons nog geen seconde beklaagd. Redg brengt ervaring, stabiliteit & hernieuwde inspiratie!

Build Conf 2010

Mijn 2de webconferentie in 2010. En wat voor één! Build gaat door in Belfast, Noord-Ierland, en is inhoudelijk goed te vergelijken met Future of webdesign. Alleen, Build is kleiner en gezelliger, en er hangt een sfeer van inspiratie en creativiteit die een grote indruk achterlaat op mezelf & Redg. Check zeker de presentatie van Tim Brown. Onze tickets voor volgend jaar zijn alvast geboekt (early bird baby!).

Op naar 2011

Wel, dat was het zo ongeveer. 2010 was een super jaar voor de Gorilla's. Soms moeilijk, soms lastig, maar achteruitblikkend zeer de moeite.

Onze voornemens voor 2011? Hard werken aan knappe websites. Met veel passie, vakmanschap & inspiratie. En die van jou?

Build: Koffie, vakmanschap & inspiratie

Sat, 20 Nov 2010 23:00:00 GMT

Heropgeladen, geïnspireerd & good to go! Zo voelt een Gorilla zich na een bezoek aan "Build", webconferentie in Belfast, Noord-Ierland.

Build slaagt er in om het perfecte evenwicht te vinden tussen inspiratie & techniek. Koppel dat aan een losse, ongedwongen sfeer van creativiteit & enthousiasme, en dan weet je het al… Build rocks!

Alle sessies waren top, maar de sessie die mij het meeste bij blijft is die van Tim Brown, Type-manager bij Typekit. Hij vertelt over hoe we de oude tradities van de eerste typografen kunnen gebruiken bij het ontwerpen van onze websites. Denk typografie, gulden snede & proportionele layout. Krachtige vormgeving rond sterke teksten. Love it!

Andere sessies die blijven hangen? Frank Chimero over de rol van designer in de designer/klant relatie. Meagan Fischer over haar eigen webdesign workflow, en natuurlijk Redg Coghe over Zapp & Roger.

De organisatie zat helemaal goed, sprekers waren super, sponsoring goed ingevuld, swag was wicked, de koffie vloeide overloedig, de cupcakes waren gigantisch en, niet te vergeten, het gezelschap was aangenaam.