Sander Tiekstra – Front-end webontwikkeling

Van de Suite naar de Cloud

2013-05-08T15:08:48+02:00

Zoals gebruikelijk doet de Adobe Max conferentie weer stof opwaaien. En waar er ook positieve ontwikkelingen zijn, wordt Adobe steeds meer zo'n relatie waar je wel vanaf zou willen, maar je weet niet hoe.

Als eerste het positieve nieuws. Vanaf medio juni kunnen we Typekit fonts ook gebruiken op de desktop. Hierdoor wordt het nog makkelijker om te experimenteren met webfonts in je webdesign.

Minder positief nieuws is dat Adobe na Freehand nu ook stopt met het doorontwikkelen van Fireworks. Dit was helaas niet geheel onverwacht. Fireworks was altijd al voor Adobe wat Assepoester was voor haar schoonmoeder. De eigen kinderen Anastasia (Illustrator) en Drizella (Photoshop) hadden bij haar een streepje voor.

Maar het minste is wel de overstap van Creative Suite naar Creative Cloud. Om de laatste Illustrator of Photoshop te kunnen blijven gebruiken moeten we nu over op een Creative Cloud abonnement. Ik hoop deze stap nog even te kunnen uitstellen, maar zal er ooit aan moeten geloven. Voor mij zullen de abonnementskosten vermoedelijk hoger uitpakken dan de toch al forse aanschaf van een nieuwe Creative Suite eens in de zoveel jaren. Khoi Vinh vatte mijn gevoel hierbij mooi samen:

“It feels less like innovation and more like manipulation.”

— Khoi Vinh, 7 mei 2013

Het gehele artikel van Khoi Vinh vind je op zijn blog.

Update: Een ander geluid lezen we in 'Adobe Love' van Jeffrey Zeldman. Zeldman herkent het gevoel van Adobes afnemende relevantie – ‘a beloved but somewhat shameful old uncle’ – maar komt toch hoopvoller thuis van Adobe Max.

Twee keer responsief

2013-05-06T14:08:51+02:00

Afgelopen tijd mocht ik twee websites uit mijn portfolio opwaarderen. Zowel ElzoSmid.nl als TeamHorsthuis.nl zijn nu ‘responsive’ gemaakt. Ze passen zich aan aan de verschillende schermformaten waarmee ze worden bezocht.
Verder heeft de homepage van ElzoSmid.nl een nieuwe opzet gekregen en is op TeamHorsthuis.nl het navigeren van de afbeeldingen verbeterd.

Tonny Knoll Interior Design

2013-04-11T20:22:55+02:00

We are now online!!! Let everybody know! #interiordesign #calgary #great #newcompany tonnyknoll.com

— @TonnyKnoll, 10 april 2013

G2K

2013-02-04T15:00:31+01:00

Na verschillende tijdelijke homepages en een aparte Tumblr blog is nu alles samengekomen, de nieuwe G2K.nl. En G2K.nl is responsive, infinite, parallax, HTML5, ExpressionEngine en … G2K.

BRAND NEW. Feel free to look around, read, share. http://www.g2k.nl/

— @g2kdesigners, 8 februari 2013

Jurgen Tiekstra

2013-01-22T14:40:16+01:00

Afgelopen jaar (april 2012) begon journalist Jurgen Tiekstra voor zich zelf te werken. Om deze verandering een gezicht te geven en om zijn bloggen nieuw leven in te blazen ontwierp en realiseerde ik voor hem een responsieve oplossing op basis van WordPress.

Het design van de website is gefocust op een aangename leeservaring op elke toepassing. Door een responsive grid te gebruiken en fluide typografie is de leesbaarheid gemaximaliseerd voor elke resolutie.

Mijn nieuwe website over mijn journalistieke leven is online, met veel dank aan mijn broer @stiekstra: http://jurgentiekstra.nl

— @tiekstra, 22 januari 2013

Artikel

Publicaties

Over mij

De Hoven

2013-01-08T17:01:22+01:00

“De Hoven helpt ouderen door te gaan met het leven dat ze gewend zijn. Door middel van thuiszorg, ondersteuning van mantelzorgers en in onze (verpleeg-)huizen.

Bij De Hoven zijn wonen, welzijn en zorg sterk lokaal verankerd. Uitgangspunt is de Noord-Groningse samenleving en de karakteristieke Groninger cultuur.”

— De Hoven

Punt. En wij ontwikkelden een website die daarbij aan sluit.

Concept: Rutger Middendorp
Design: Esther Fledderman
Luchtfoto’s: Roelof Bos

Beno Hofman

2012-10-31T11:20:16+01:00

In opdracht van Mixr (René van der Woude) mocht ik voor Beno Hofman, de officieuze ‘stadshistoricus’ van Groningen, een website maken.
Benohofman.nl laat zien hoe Beno op vele verschillende manieren de geschiedenis van Groningen uitdraagt. Op de radio en televisie, door publicaties of in de vorm van theater, Beno Hofman is Het Geheugen van Groningen. Ook bevat de website historische verhalen die aansluiten bij de Groningse actualiteit.

De website is gebouwd op basis van ExpressionEngine. Dit CMS maakt het voor Beno mogelijk om de gehele website zelf te onderhouden.

Ik kan het niet laten de Groninger geschiedenis uit te dragen, middels voordrachten, film, radio, boeken, theater en tweets.

— Beno Hofman

Homepage

Categorie overzicht

Detail pagina

Spierziekten Nederland

2012-09-17T19:07:40+02:00

Spierziekten Nederland heeft een nieuwe website waarvoor ik, in opdracht van theFactor.e, de front-end ontwikkeling mocht verzorgen.
Een goede toegankelijkheid was uiteraard erg belangrijk voor dit project.

Homepage

Thema: Hulpmiddelen

Wet en Recht

Webwinkel

Responsive Web Design (Responsief Webdesign)

2012-03-28T16:25:52+02:00

Tot aan het moment dat de term ‘Responsive Web Design’ ergens in 2009 werd geïntroduceerd, lag de grootste uitdaging voor een front-end webontwikkelaar in het tackelen van de grote verschillen tussen oude en moderne webbrowsers. Microsoft Internet Explorer 6 was daarbij ~~het grootste probleem~~ de grootste uitdaging. Maar er was in ieder geval nog de zekerheid dat een beeldscherm een minimale resolutie van 1024 pixels breed en 768 pixels hoog had. En dus bouwden we websites met een breedte van 980 pixels breed en centreerden we het design zodat ook op grotere schermen de website mooi in beeld stond.

En toen kwamen de smartphones en tablets. Het internet werd toegankelijk op schermen met andere resoluties dan we gewend waren. Elke smartphone of tablet had weer zijn eigen specifieke resolutie. En die specifieke resolutie kwam ook nog eens in twee standen, liggend (landscape) én portret (portrait).

De uitdaging was dus niet langer om een website te maken voor de verschillende webbrowsers, maar dus ook voor de verschillende resoluties. En daarmee was het begrip ‘Responsive Web Design’ geboren.

“Responsive Web Design (RWD) essentially indicates that a web site is crafted to use W3C CSS3 media queries with fluid proportion-based grids, to adapt the layout to the viewing environment, and probably also flexible images. As a result, users across a broad range of devices and browsers will have access to a single source of content, laid out so as to be easy to read and navigate with a minimum of resizing, panning and scrolling.”

— Wikipedia

Wanneer ik het begrip ‘Responsive Web Design’ aan iemand wil uitleggen gebruik ik vaak mijn eigen website. SanderTiekstra.nl is namelijk responsief opgezet en om dat te illustreren heb ik op deze pagina kleurvlakken toegevoegd die het grid tonen. Wanneer je het browserscherm kleiner of groter maakt, of met je mobiel wisselt tussen de liggende en de portret stand, kun je zien hoe het design zich aanpast.

Je kunt ook gebruik maken van websites als Responsive.is en The Responsinator om te zien of en hoe een website zich responsief gedraagt. ~~Op ‘The Responsinator’ is ook goed te zien dat deze website nog verbeterd kan worden op resoluties die smaller zijn dan 320 pixels.~~

Update: Op Screenqueri.es (nog wel in beta) is het mogelijk om je website op nog veel meer schermfomaten te testen.

Team Horsthuis

2012-02-23T13:31:00+01:00

In januari van 2012 is fullservice fotobureau Team Horsthuis van start gegaan. Op basis van het design van G2K ontwikkelde ik hiervoor de website in ExpressionEngine.