Wat is Responsive Web Design?

Responsive Web Design (vaak afgekort tot RWD) is een methode voor het ontwikkelen van sites en webapplicaties die een optimale gebruikservaring op verschillende schermgrootten creëren. Bij sites of webapps die volgens RWD zijn gebouwd worden tekst, plaatjes, video en opmaakelementen automatisch geschaald, afhankelijk van de grootte van het venster (op laptop en pc) of de grootte van het apparaat (denk aan smartphones en tablets). Dankzij RWD hoeven bedrijven maar één website te onderhouden en vervalt de aparte (en beperktere) mobiele site.

Technisch gezien maakt een met RWD opgebouwde site gebruik vanCSS3-opmaak, wat zoveel inhoudt dat webpagina’s zijn opgebouwd uit verschillende modules, waaronder achtergronden, kleur, lettertypen, 3d-objecten, enzovoorts. Wat betreft functionaliteit leunt RWD op JavaScript, wat maakt dat elk van die CSS3-modules flexibel kan opereren, waardoor – als je het goed programmeert – een plaatje op de ene schermgrootte een andere hoogte en breedte kent dan op de andere schermgrootte en de tekst en kolommen handig mee veranderen. Als je een in RWD opgemaakte pagina op bijvoorbeeld een tablet van portretmodus naar landschapsmodus kantelt, zul je bovendien merken dat er extra kolommen worden toegevoegd of advertenties van positie veranderen.

‘Niet alleen ontwerp, vooral gebruikservaring telt’

Als hoofdontwikkelaar bij reclameontwerpbureau Big Spaceship heeftStacey Mulcahy dagelijks te maken met Responsive Web Design. In een gesprek met Computeworld.nl wil zij allereerst benadrukken dat webdesigners en/of ontwikkelaars er niet blind vanuit moeten gaan dat het puur om het uiterlijk van een pagina gaat.

“Responsive design draait niet alleen om layout, maar ook op content en gebruikservaring. Wat je wilt bereiken is niet alleen een site die op alle devices goed zichtbaar is, maar ook in de hele breedte de beste gebruikservaring biedt. Dat wordt vaak vergeten. Optimalisatie ontbreekt waardoor een brakke gebruikservaring ontstaat doordat plaatjes veel te groot worden ingeladen of de algehele grootte van de site niet is afgestemd op de capaciteit van de verbinding en/of het apparaat”, zegt Mulcahy.

Ondanks dat de term al enkele jaren circuleert, is de technologie binnen Responsive Web Design nog volop in beweging. “Nu worden allerlei nieuwe dingen geprobeerd, maar de echte best practices moeten nog ontstaan”, zegt Mulcahy. “Er zijn nog problemen rond afbeeldingen, video, detectie van clientsystemen en de ‘heavyness’ van sites.”

Langere ontwikkelingstijd

“Wat veel mensen vergeten is dat er veel meer tijd in een responsive website gaat zitten dan in een mobiele site”, vertelt de dame die op Twitter bekend staat als @bitchwhocodes. “Veel opdrachtgevers zijn daarover verbaasd wanneer ze vernemen dat een responsive site veel meer tijd vergt dan een interactieve flashomgeving. Wat ze vergeten is dat je echt met heel veel verschillende schermformaten en mobiele browsers te maken hebt. Ook verdriedubbelt de benodigde tijd voor kwaliteitscontrole.”

Technologiesite Mashable riep eerder 2013 uit als hét jaar van Responsive Web Design. Ook volgens Mulcahy is er geen ontkomen aan. “Het is de nieuwe realiteit dat alles mobiel is en mobiel gaat. Zeker als bedrijven een nieuwe site willen bouwen of een bestaande site vernieuwen, zullen ze snel voor responsive design kiezen.” Veel alternatieven zijn er niet. “Het enige alternatief is een aparte mobiele site ontwikkelen, maar daar zul je met een vloeiende layout blijven worstelen. Geef het een paar maanden, misschien zelfs een paar jaar, maar dan zal alles op deze manier ontwikkeld worden.”


Google straft Bit.ly voor doorlaten malware-links

Webbrowsers waarschuwen momenteel voor besmetting met malware bij het aanklikken van links van de populaire url-inkorter Bit.ly.

Bit.ly is een van de bekendste webdiensten voor het inkorten van webadressen. Google heeft de dienst echter als malware-gevaar aangeduid via zijn Google Safe Browsing-systeem.

Dat gebeurde nadat Google in de laatste 90 dagen bijna 92.000 Bit.ly-pagina’s heeft gecheckt. Daarbij werden 669 gevallen van malware geconstateerd, waaronder 200 trojans, 185 exploits, 152 scripting exploits. Gemiddeld kwamen pc’s er drie nieuwe systeemprocessen bij na een succesvolle besmetting.

De waarschuwingen gelden voor alle Bit.ly-links, ook die naar onmiskenbaar veilige sites leiden. Niet alleen Google Chrome ook Firefox, Internet Explorer en Safari geven waarschuwingen voor malware bij bezoeken van Bit.ly-links, omdat zij ook de Google’s Safe Browsing API gebruiken.

Bit.ly stelt in een reactie via Twitter ‘zo snel mogelijk’ aan een oplossing te werken. Het bedrijf noemt het ‘een tijdelijk probleem’.


Twitter neemt Twitpic over, oude foto’s blijven online

Twitter koopt Twitpic, een dienst waarmee gebruikers foto’s op Twitter kunnen posten. De overname is vooral bedoeld om het foto-archief niet verloren te laten gaan.

Twitpic-oprichter Noah Everett heeft de overname zaterdagavond bekendgemaakt. De deal betekent dat Twitter ook de Twitpic-domein en het complete foto-archief in handen krijgt. Alle foto’s en links in oude tweets moeten hierdoor blijven werken. Everett vertrekt na de overname.

De site van Twitpic sloot in september zijn deuren, na een conflict met Twitter over een merkrecht. Daarbij dreigde Twitter Twitpic de toegang tot zijn API te ontzeggen. Gebruikers kunnen nog inloggen op hun profiel bij Twitpic om content of hun hele account te verwijderen. Ook is het nog mogelijk om de eigen foto’s te exporteren als download.


The New York Times en Axel Springer investeren in Blendle

Blendle operates a digital kiosk (blendle.nl) selling individual articles from newspapers and magazines to internet users. The company was founded in 2013 by two 27-year-old former journalists, Alexander Klöpping and Marten Blankesteijn, and launched its service in the Netherlands six months ago.

On Blendle people can discover and read articles from practically all Dutch newspapers and magazines, only paying for the individual articles they read. On average an article costs 20 cents on Blendle. The pricing per article is set by the publishers and revenues are split 70:30 between the publisher and Blendle.

Today Blendle has more than 130.000 registered users and plans to use the funds to roll-out its service to several European countries within the next two years.

“We are truly honored that two of the world’s most influential publishers show so much trust in us”, says Blendle CEO, Klöpping. “Axel Springer has successfully transformed its business into a digital publishing house with a great portfolio of online offerings and start-ups that we believe we can learn a lot from. The New York Times’ online strategy serves as a worldwide example for other newspapers and magazines.”

“As a publisher we want to convince users to pay for great journalism; also in the digital age. I’m therefore delighted that a European startup is building a platform for paid access to quality journalism that is easy to use. Blendle has the potential to attract young, internet savvy readers.” says Mathias Döpfner, Chief Executive Officer of Axel Springer SE.

After the investment the two founders will continue to fully control the company representing more than 75% of Blendle’s share capital. The new investors will not have any insight in the Blendle sales numbers of other associated publishers and their affiliated newspapers and publications will not receive any preferential treatment and will contract with Blendle on an arm’s length basis.