Responsive Design. Werkwijze en aanlevering Responsive Design. Mach3Builders

Maat: px
Weergave met pagina beginnen:

Download "Responsive Design. Werkwijze en aanlevering Responsive Design. Mach3Builders"

Transcriptie

1 Responsive Design Werkwijze en aanlevering Responsive Design Mach3Builders

2 Introductie Door de explosieve stijging van het aantal soorten devices waarop websites bekeken kan worden, is het ontwerpen van een website er niet eenvoudiger op geworden. Er is een technische oplossing bedacht, waarmee een website op mobiele telefoons, tablets, en desktop computers, altijd goed getoond kan worden: Responsive desigen. Voor welk schermformaat ontwerp je een website? Dit is een vraag die veel wordt gesteld aan Mach3Builders. Het antwoord hierop is eenvoudig: Er is niet meer één vast schermformaat waarop je het ontwerp van een website afstemt, er dient rekening gehouden te worden met een grote hoeveelheid aan verschillende schermformaten. In dit document wordt uitgelegd hoe je een ontwerp kunt maken waarbij rekening is gehouden met de 3 belangrijkste platformen waarop een website bekeken kan worden, dat wil zeggen: telefoons, tablets, en desktop computers de enorme range van schermformaten welke van toepassing zijn bij de populaire devices zoals desktop computers, tablets en smartphones. Toepassing van een grid in plaats van een canvas Traditioneel werd een website ontwerp gemaakt op basis van een vooraf vastgesteld canvas. Dit canvas heeft een vaste breedte en een vaste hoogte, uitgedrukt in pixels. Dit concept is bij Responsive Webdesign niet meer van toepassing. Bij Responsive Webdesign wordt gewerkt met een grid waarbij de breedte wordt uitgedrukt in het aantal kolommen. Mach3Builders werkt op basis van een 12- koloms grid dat afgeleid is van Twitter Bootstrap. Er zijn vele verschijningsvormen en varianten, echter Mach3Builders heeft gekozen voor de 12-koloms opzet. Dit schept duidelijkheid in de samenwerking met onze partners en intern weten programmeurs waar zij rekening meer dienen te houden.

3 Breakpoints Als je een responsive website wilt, dan veranderd de lay-out van de website bij vooraf ingestelde breedtes. Dit worden de breakpoints genoemd. De breakpoints zijn voor de meest voorkomende breedtes van smartphones, tablets en computerschermen gekozen. Hieronder vind u een overzicht van onze breakpoints: Schermbreedte Device XS pixels Smartphone (staand) SM pixels Smartphone (liggend) MD pixels Tablet (staand) LG pixels Tablet (liggend) XL 1280 en groter Desktop De schermbreedte (resolutie) is leidend voor de breakpoint, niet het type apparaat. Het kan dus voorkomen dat je met een 7 (inch) tablet de liggende smartphone versie van de website te zien krijgt. Of dat je met een luxe smartphone de staande tablet versie ziet.

4 Ontwerp Om het ontwerp snel om te zetten naar een responsive website moet het ontwerp voldoen aan het Mach3Grid. Kolommen Zoals gezegd werken we met een 12-koloms grid. Hieronder vind je verschillende variaties van kolom indelingen welke mogelijk zijn. Het Mach3Grid maakt het mogelijk om kolommen als tussenruimte te zetten. Je kunt dus beginnen met een lege kolom en vervolgens een kolom van 11 col 1 col 1 col 1 col 1 col 1 col 1 col 1 col 1 col 1 col 1 col 1 col 1 col 2 col 2 col 2 col 2 col 2 col 2 col 3 col 3 col 3 col 3 col 4 col 4 col 4 col 5 col 5 col 2 col 6 col 6 col 7 col 5 col 8 col 4 col 9 col 3 col 10 col 2 col 11 col 1 col 12

5 Gutter De gutter is de marge welke aan de zijkant van de kolommen zit. Heb je een gutter van 10 pixels dan zit er aan weerszijde van de kolommen een ruimte van 5 pixels. Bij een gutter van 20 pixels is dit dus 10 pixels. Binnen de gutter is het niet mogelijk om elementen te plaatsen. Alle content moet aan de binnenkant van de kolom vallen. In onderstaande afbeelding zie je een aantal goede indelingen (groen) en een aantal foute indelingen (rood). De grijze balken vormen de binnenkant van de kolom en de witte tussenruimtes zijn de gutters. Het is mogelijk om de gutter per breakpoint aan te passen. Heb je op de MD - XL varianten een gutter van 40 pixels dan kun je op de XS - SM varianten een gutter van 10 pixels hebben. Hieronder vind u een overzicht van de formaten per breakpoint per gutter 10 pixel gutter Container 100% 446 px 734 px 986 px 1250 px Kolom (inner) 8.33% - 10px 28 px 54 px 73 px 95 px

6 20 pixel gutter Container 100% 436 px 724 px 976 px 1240 px Kolom (inner) 8.33% - 20px 18 px 44 px 63 px 85 px 30 pixel gutter Container 100% 426 px 714 px 966 px 1230 px Kolom (inner) - 8 px 34 px 53 px 75 px 40 pixel gutter Container 100% 416 px 704 px 956 px 1220 px Kolom (inner) px 43 px 65 px Op Mach3Grids is er een mogelijkheid om PSD bestanden te downloaden per gutter. In deze download zijn 5 PSD bestanden te vinden waar het grid is ingesteld (1 per breakpoint), een uitleg en een voorbeeld html bestand.

7 Voorbeeld grids Mach3Builders heeft een aantal voorbeeld grids geplaatst op Mach3Grids.com. Deze grids kunnen als basis worden gebruikt voor het ontwerpen van een website. Tevens dienen de grids als voorbeeld van hetgeen boven wordt uitgelegd. Ga naar: mach3grids.com Is hetgeen beschreven in dit document nog niet geheel duidelijk of wil je een ontwerp laten toetsen door Mach3Builders vraag het ons gerust, we zijn bereikbaar op en u kunt vragen naar Guido den Hartog of Robin van der Put. Zij kunnen u helpen met uw vragen, en samen komen we dan tot een mooi resultaat. Tevens is het mogelijk een sessie over Responsive Design aan te vragen op ons kantoor aan de straatweg 20 te Rotterdam. We zorgen dan voor koffie en een degelijke uitleg van Responsive Design.

WHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES

WHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES WHITEPAPER RESPONSIVE WEBSITES Wat is een Responsive website? Voordelen van een Responsive website? Hoe start je met een Responsive website? INTRODUCTIE Met het downloaden van deze whitepaper kunnen we

Nadere informatie

02. Responsive Design

02. Responsive Design WHITEPAPER IN 5 MINUTEN J U L I 2 0 1 2 02. Responsive Design Introductie De wereld van schermen waarop je website wordt getoond, raakt in rap tempo versnipperd. Voorheen was het makkelijk: websites werden

Nadere informatie

Responsive & Adaptive

Responsive & Adaptive Responsive & Adaptive webdesign door online regisseur Snakeware versie 1.0 woensdag, 17 oktober 2012 Uitgebracht door: Auteurs: Snakeware Martiniplein 15e 8601 EG Sneek Dhr. Gerben Kuipers gerben@snakeware.nl

Nadere informatie

Documentatie WD32. Christine van Woensel M32

Documentatie WD32. Christine van Woensel M32 Documentatie WD32 Christine van Woensel M32 Ontwerpkeuzes per device resolutie Desktop (1025 1600px & 769 1024px): Tablet (481 768px): Smartphone (321 480px & tot 320px): Algemeen: Alle ontwerpen voor

Nadere informatie

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR WELKOM AGENDA Introductie Korte algemene inleiding Usability Usability voor mobiele apparaten Vragen - afsluiting INTRODUCTIE Peter Kassenaar;

Nadere informatie

04. Tablets kun je niet meer negeren

04. Tablets kun je niet meer negeren WHITEPAPER IN 5 MINUTEN J U L I 2 0 1 2 04. Tablets kun je niet meer negeren Inleiding Tablets zijn als medium niet meer weg te denken. Maar nog te weinig bedrijven beseffen dit. Vroeger kwam het gebruik

Nadere informatie

Grafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase

Grafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase Mobiel Datanose Op dit moment is mobiel datanose niet goed gedaan; je krijgt gewoon de site te zien zoals je het te zien krijgt op pc's of laptops. Maar vaak heb je het probleem dat je op je mobiel moet

Nadere informatie

Avans Hogeschool Huisstijlwijzer voor digitale middelen

Avans Hogeschool Huisstijlwijzer voor digitale middelen Avans Hogeschool Huisstijlwijzer voor digitale middelen Inleiding In deze Avans Hogeschool huisstijlwijzer voor digitale middelen vind je onze afspraken over hoe we communiceren via digitale middelen.

Nadere informatie

FAQ. Responsive Design. Auteur Tim Ariesen Serviceteam Fulfilment Allrounder Datum 20-03-2014 Versie 1.0

FAQ. Responsive Design. Auteur Tim Ariesen Serviceteam Fulfilment Allrounder Datum 20-03-2014 Versie 1.0 FAQ Responsive Design Auteur Tim Ariesen Serviceteam Fulfilment Allrounder Datum 20-03-2014 Versie 1.0 Inhoudsopgave Pagina 1. Wat is responsive design? 3 2. Wat is er toegevoegd aan onze mono werkomgeving?

Nadere informatie

edenspiekermann_ hva Stijlgids HvA responsive website

edenspiekermann_ hva Stijlgids HvA responsive website edenspiekermann_ hva Stijlgids HvA responsive website April 2014 Versie 1.0 HvA, Stijlgids responsive website - Februari 2014 - Versie 1.0 2 Inhoud Introductie 3 Concept webstijl 4 3-koloms grid homepage

Nadere informatie

Hand-out Web Technologies, werkcollege 6 Alex Reuneker (a.reuneker@hhs.nl), 2012

Hand-out Web Technologies, werkcollege 6 Alex Reuneker (a.reuneker@hhs.nl), 2012 Hand-out Web Technologies, werkcollege 6 Alex Reuneker (a.reuneker@hhs.nl), 2012 1. Positie en flow Boxes, block-level en inline elements: Ieder HTML-element wordt, als het ware, als een omkaderd block-

Nadere informatie

01/05. Websites Nederland over. Mobile marketing. Whitepaper #03/2013. Mabelie Samuels internet marketeer

01/05. Websites Nederland over. Mobile marketing. Whitepaper #03/2013. Mabelie Samuels internet marketeer 01/05 Websites Nederland over Mobile marketing Mabelie Samuels internet marketeer 02/05 Mobile marketing Kunt u zich uw eerste mobiele telefoon nog herinneren? Die van mij was een Motorola, versie onbekend,

Nadere informatie

Joomla Template & Bootstrap 3.0. JUGA 19-11-2013 Henk Rijneveld (henk@henkrijneveld.nl)

Joomla Template & Bootstrap 3.0. JUGA 19-11-2013 Henk Rijneveld (henk@henkrijneveld.nl) Joomla Template & Bootstrap 3.0 JUGA 19-11-2013 Henk Rijneveld (henk@henkrijneveld.nl) De case Joomla 3.laatst Helemaal responsive Fixed kop- en voetgebied Specifieke chrome Zoveel mogelijk zelf Joomla

Nadere informatie

SMART- Leerdoel Mathijs de Bok Emotion - RMM42

SMART- Leerdoel Mathijs de Bok Emotion - RMM42 SMART- Leerdoel Mathijs de Bok Emotion - RMM42 Inhoudsopgave 1.0 Inhoudsopgave 1 1.0 Inleiding 2 1.1 Algemeen 2 1.2 Mijn leerdoelen 2 2.0 Beschrijving leerdoel 2 3 2.1 Responsive 3 2.2 Up- to- date HTML&CSS

Nadere informatie

saleskit vtwonen.nl januari 2015

saleskit vtwonen.nl januari 2015 saleskit vtwonen.nl januari 2015 Over vtwonen.nl De website van het grootste en meest veelzijdige woonmerk van Nederland is een unieke one stop shop voor woonproducten, inspiratie en praktische informatie.

Nadere informatie

1.9.9 Release Notes 28 oktober 2014

1.9.9 Release Notes 28 oktober 2014 1.9.9 Release Notes 28 oktober 2014 Inhoud Voordelen... 1 Overzicht... 2 Release Versie... 3 Nieuw... 4 Nieuw Tablet/Groot scherm weergave... 4 Ontwerp de Tablet/Groot Scherm Layout... 4 Site eigenaar

Nadere informatie

De toekomst is mobiel Mobiele portals op basis van responsive design

De toekomst is mobiel Mobiele portals op basis van responsive design white paper Heeft ú al een ecm systeem? 4 april 2013 Bas Fockens, directeur Datacon BV De toekomst is mobiel Mobiele portals op basis van responsive design Door de komst van de smartphone en tablets is

Nadere informatie

Whitepaper. E-mail design best practices

Whitepaper. E-mail design best practices Whitepaper E-mail design best practices 14 tips voor het design van je e-mail Versterk de boodschap van je uiting Best practices voor je e-mail design Het design speelt een grote rol in de eerste indruk

Nadere informatie

Tariefkaart 2016. Vakblad Petfood Magazine: gedrukte oplage = ± 1.350 exemplaren (per 2016)

Tariefkaart 2016. Vakblad Petfood Magazine: gedrukte oplage = ± 1.350 exemplaren (per 2016) kaart 2016 Vakblad Petfood Magazine: gedrukte oplage = ± 1.350 exemplaren (per 2016) Maandelijkse digitale nieuwsbrief: ± 400 abonnees (januari t/m oktober 2015) Website www.petfoodmagazine.nl: 3.960 paginaweergaves

Nadere informatie

Mobiele internet strategie

Mobiele internet strategie Mobiele internet strategie Waar staan we? Reduitlaan 33 Unit 2.09 4814 DC Breda +31 (0)76 888 00 88 info@e-sites.nl www.e-sites.nl BTW 1387489189 KvK 1891618948 Bank 1894894561 Inhoud Inleiding... 3 Wees

Nadere informatie

Beheers de MULTI SCHERMEN WERELD

Beheers de MULTI SCHERMEN WERELD Beheers de MULTI SCHERMEN WERELD BELANGRIJKE PUNTEN Wat is een Multi-Schermen website? De groeiende belangrijkheid van Multi-Schermen websites Wat Google aanbeveelt What Google vereist Maak van je bezoekers

Nadere informatie

Technische specificaties

Technische specificaties Praktische info Bestelbon: aanduiding reservatie digitale krant advertentie + bevestiging aanlevering materiaal, te sturen naar: booking@trustmedia.be Materiaal digitale krant: tablet@trustmedia.be 2 werkdagen

Nadere informatie

LES 8: CSS. Lesoverzicht: Aan de slag Wat is CSS Kleuren Tekst Blokken Lijsten en tabellen Responsive website W3chools Samenvatting.

LES 8: CSS. Lesoverzicht: Aan de slag Wat is CSS Kleuren Tekst Blokken Lijsten en tabellen Responsive website W3chools Samenvatting. LES 8: CSS Lesoverzicht: Aan de slag Wat is CSS Kleuren Tekst Blokken Lijsten en tabellen Responsive website W3chools Samenvatting Tijd: 5 minuten Doel: Aan het einde van deze les kun je CSS in de WordPress

Nadere informatie

1. Kennismaken met Windows 8

1. Kennismaken met Windows 8 13 1. Kennismaken met Windows 8 Met de introductie door Microsoft van Windows 8 (inmiddels Windows 8.1) is er een brug geslagen tussen het werken met computers en tablets of smartphones. In Windows 8.1

Nadere informatie

Inzet van e-mailmarketing

Inzet van e-mailmarketing Veilig internetten Inzet van e-mailmarketing Toepassing van de WCAG-richtlijnen Responseratio s ver boven Nederlands landelijk gemiddelde Abonnees kunnen artikelen eenvoudig via drie kanalen delen Over

Nadere informatie

Modern platform voor het ICT- en Telecomkanaal

Modern platform voor het ICT- en Telecomkanaal Modern platform voor het ICT- en Telecomkanaal Het online platform is altijd en overal te raadplegen! Bekijk interessante voorstellen via het Marktforum! Het vakblad brengt onmisbare artikelen en interviews!

Nadere informatie

WAAROM DIGITAAL ADVERTEREN ADVERTEREN OP DE HOMEPAGE ONLINE ADVERTEREN

WAAROM DIGITAAL ADVERTEREN ADVERTEREN OP DE HOMEPAGE ONLINE ADVERTEREN WAAROM DIGITAAL ADVERTEREN Onze website www.noa.nl is hét online kennisplatform voor professionals in de afbouw. Het is een veel bezocht platform, omdat er gratis veel kennisintensieve artikelen te lezen

Nadere informatie

Afloop & Marges Hoe zit dat nu precies?

Afloop & Marges Hoe zit dat nu precies? Afloop & Marges Hoe zit dat nu precies? 2 Hier word m.b.v. een illustratie uitgelegd hoe je jouw bestand van afloop kunt voorzien en waar je rekening mee dient te houden zodat jouw bestand op correcte

Nadere informatie

Adverteren via funda. v0.1 KT2/3

Adverteren via funda. v0.1 KT2/3 Adverteren via funda De kracht van online adverteren via funda Met meer dan 31,7 miljoen bezoeken per maand is funda dé marktleider op het gebied van huizensites. Wij zorgen altijd en op elk moment voor

Nadere informatie

Vakblad over vlees en delicatessen

Vakblad over vlees en delicatessen Vakblad over vlees en delicatessen Ruim 5.500 pageviews per maand Ruim 600 lezers in uw bereik 6 x per jaar ruim 2.900 lezers in uw bereik Vakblad Vlees+ Algemene informatie Titel Ondertitel Uitgegeven

Nadere informatie

eqbs gebruikersvriendelijke websites

eqbs gebruikersvriendelijke websites eqbs gebruikersvriendelijke websites maatwerk websites voor uw onderneming www.elitelabs.nl gebruikersvriendelijke maatwerk website Overal ter wereld altijd uw eigen website beheren. Persoonlijk ontwerp

Nadere informatie

Gebruikersdocumentatie Onderwijsbank Huisartsgeneeskunde

Gebruikersdocumentatie Onderwijsbank Huisartsgeneeskunde Inleiding Dit document beschrijft de onderwijsbank voor normale gebruikers (gasten, aios en opleiders). De vernieuwde onderwijsbank is in 2011 geïntroduceerd binnen nadat het voorgaande systeem in vergetelheid

Nadere informatie

Basisbegrippen i.v.m. kleur op beeldschermen, afbeeldingsformaten en resoluties

Basisbegrippen i.v.m. kleur op beeldschermen, afbeeldingsformaten en resoluties Basisbegrippen i.v.m. kleur op beeldschermen, afbeeldingsformaten en resoluties Kleurdiepte De hoeveelheid kleurinformatie die een pixel op een beeldscherm kan bevatten wordt bepaald door de bitdiepte.

Nadere informatie

Van persona s en scenario s naar wireframes. Lay-out met grid

Van persona s en scenario s naar wireframes. Lay-out met grid Interaction Design Van persona s en scenario s naar wireframes Lay-out met grid Louis Klomp LHJ.Klomp@windesheim.nl X8.10 / X7.96 Tel (088-469) 9908 Wat gaan we doen deze week? Persona s Scenario s Conceptueel

Nadere informatie

Handleiding om uw website/webshop aan te passen

Handleiding om uw website/webshop aan te passen Handleiding om uw website/webshop aan te passen ONDERWERP PAGINA 1. Hoe moet ik inloggen in het beheer? 2 2. Hoe pas ik een bestaande pagina aan? 2 3. Hoe plaats ik een afbeelding? 3 4. Hoe maak ik een

Nadere informatie

1. ONTWIKKEL EEN MOBIELE VERSIE

1. ONTWIKKEL EEN MOBIELE VERSIE 1. ONTWIKKEL EEN MOBIELE VERSIE Het is een misvatting om te denken dat een webshop die ontwikkeld is als desktopsite, ook goed werkt voor mobiele gebruikers. Integendeel, je moet de website optimaliseren

Nadere informatie

PRESTATIESITE WEBPAKKET

PRESTATIESITE WEBPAKKET PRESTATIESITE WEBPAKKET PRESTATIESITE Wij hebben al onze ervaring gebruikt om een gestandaardiseerd webpakket te ontwikkelen met een lay-out welke de focus heeft op leads en new business. Op deze wijze

Nadere informatie

Van AllSolutions QX2 naar AllSolutions10

Van AllSolutions QX2 naar AllSolutions10 Van AllSolutions QX2 naar AllSolutions10 Pagina 1 van 11 Inhoud 1. AllSolutions10 gelanceerd... 3 Responsive... 3 Design... 3 2. AllSolutions10 activeren... 4 3. Aangepaste bovenkant... 5 4. Uw website

Nadere informatie

Hallo, wij willen je graag voorstellen. aan je nieuwe website:

Hallo, wij willen je graag voorstellen. aan je nieuwe website: Hallo, wij willen je graag voorstellen aan je nieuwe website: Vanwege de op handen zijnde veranderingen in de geestelijke gezondheidszorg, willen wij je een handje helpen met je bereikbaarheid, uitstraling

Nadere informatie

Moving Pictures: kijken naar audiovisuele content in Nederland

Moving Pictures: kijken naar audiovisuele content in Nederland Moving Pictures: kijken naar audiovisuele content in Nederland Sinds de opkomst van breedband internet en mobiele devices als de smartphone en tablet hebben Nederlanders meer mogelijkheden om naar audiovisuele

Nadere informatie

De frameset uit de afbeelding wordt op de volgende manier gedefinieerd:

De frameset uit de afbeelding wordt op de volgende manier gedefinieerd: FRAMES GEBRUIKEN Met frames kan het venster van een browser zo worden ingedeeld, dat er meerdere webpagina's tegelijk getoond kunnen worden. In de afbeelding hieronder staat een webpagina met frames. We

Nadere informatie

styleguide Albert Slow Styleguide

styleguide Albert Slow Styleguide styleguide 1 Inleiding Albert Heijn wilde voor de ipad app Albert Slow een ontwerp dat echt aansprekend en wervend is zonder dat gebruiksvriendelijkheid en informatie voorziening in het gedrang zou komen.

Nadere informatie

SJABLOON STANDAARD # MAILING. 13 FEB 2016 ENTREPOTDOK 110-1018 AD AMSTERDAM 00 31 (0)20 845 36 77 - WWW.MiNTMAIL.NL

SJABLOON STANDAARD # MAILING. 13 FEB 2016 ENTREPOTDOK 110-1018 AD AMSTERDAM 00 31 (0)20 845 36 77 - WWW.MiNTMAIL.NL SJABLOON STANDAARD # MAILING 1 2 3 Een sjabloon is een grafische vormgeving die voor herhaaldelijk gebruik is bedoeld (Bron: Wikipedia). Het sjabloon van MiNTMAIL is eenvoudig in gebruik en biedt vele

Nadere informatie

HANDLEIDING E-NEWSLETTER

HANDLEIDING E-NEWSLETTER HANDLEIDING E-NEWSLETTER Werking van de vernieuwde E-newsletter document inhoud: Dit document beschrijft de veranderingen en werking van het vernieuwde E-newsletter systeem versie 1.0.1 DENK INTERNET SOLUTIONS

Nadere informatie

10 praktische tips voor succesvolle e-mailmarketing in e-commerce

10 praktische tips voor succesvolle e-mailmarketing in e-commerce 10 praktische tips voor succesvolle e-mailmarketing in e-commerce Beste lezer, De concurrentie groeit, om globalisering kunnen we niet meer heen en digitalisering neemt in alle sectoren gestaag toe. Dit

Nadere informatie

HANDLEIDING VIEW DESKTOP. Handleiding VIEW Desktop. P. de Gooijer. Datum: 09-01-2013 Versie: 1.3

HANDLEIDING VIEW DESKTOP. Handleiding VIEW Desktop. P. de Gooijer. Datum: 09-01-2013 Versie: 1.3 HANDLEIDING VIEW DESKTOP Document: Auteur: Datum: 09-01-2013 Versie: 1.3 Handleiding VIEW Desktop M. Huibers P. de Gooijer Inleiding Het Hoornbeeck College en Van Lodenstein maakt gebruik van VMware View.

Nadere informatie

8 x per jaar zo n 750 lezers in uw bereik

8 x per jaar zo n 750 lezers in uw bereik 8 x per jaar zo n 750 lezers in uw bereik Een praktisch naslagwerk van 150 pagina s met daarin alle wetenswaardigheden over vis. 4 x per jaar ruim 2.900 lezers Bijna 10.000 pageviews per maand 26 x per

Nadere informatie

Kennispresentatie groep 4 - Fludism. David Hutten, Jonathan Marchal & Bas van Agten

Kennispresentatie groep 4 - Fludism. David Hutten, Jonathan Marchal & Bas van Agten Kennispresentatie groep 4 - Fludism David Hutten, Jonathan Marchal & Bas van Agten Intro Tegenwoordig hebben we steeds meer apparaten om websites te bereiken. Het ideale hieraan is dat er altijd wel een

Nadere informatie

Min-height en min-width

Min-height en min-width Oefening 15.5 Min-height en min-width Maak op van uw een webpagina s een div die u voorziet van een geschikte waarde voor min-height en min-width. Laat zien wat er gebeurt als u het lettertype verkleint

Nadere informatie

STAGE VERSLAG LVB NETWORKS

STAGE VERSLAG LVB NETWORKS STAGE VERSLAG LVB NETWORKS Stagiair : Praktijkopleider : Stagebegeleider : Periode : Inlever Datum : Michael Scherpenisse Jeffrey van Draanen Bert de Boer 1 2 April, 2015 Opmerking Beoordeling stageverslag:

Nadere informatie

WEBSITE SCAN Vrijblijvend advies

WEBSITE SCAN Vrijblijvend advies WEBSITE SCAN Vrijblijvend advies IBAN: NL57ABNA0479025207 Inleiding: Wij hebben uw website op diverse facetten geanalyseerd en hier een bondig rapport voor geschreven. Door het uitvoeren van onderstaande

Nadere informatie

10 tips voor het verbeteren van mobile engagement met e-mail marketing

10 tips voor het verbeteren van mobile engagement met e-mail marketing White paper 10 tips voor het verbeteren van mobile engagement met e-mail marketing De prettigste software voor professionele e-mail marketing Smartphones en tablets zijn niet meer weg te denken uit het

Nadere informatie

Technische specificaties

Technische specificaties Praktische info Bestelbon: aanduiding reservatie Tablet-advertentie + bevestiging aanlevering materiaal, te sturen naar: booking@trustmedia.be Materiaal print: artwork@mediafin.be 2 werkdagen voor verschijning

Nadere informatie

Talk Nerdy To Me 16-05-2012 NHL. Responsive Webdesign. Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com

Talk Nerdy To Me 16-05-2012 NHL. Responsive Webdesign. Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com Talk Nerdy To Me 16-05-2012 NHL Responsive Webdesign Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com 1.1 Waarom is webdesign voor mobiel gebruik onvermijdelijk? in 2010 was er 600% groei in

Nadere informatie

Webdesign voor ondernemers

Webdesign voor ondernemers e-boek Webdesign voor ondernemers Veelgestelde vragen over het laten maken van een website Bart van den Bosch Inhoud 1. Zelf doen of uitbesteden? 4 2. Webdesigners 7 3. Wat is Wordpress 10 4. Maken van

Nadere informatie

Standaardskin Brinsite

Standaardskin Brinsite Standaardskin Brinsite Op deze plek komt uw logo. Zie hiervoor ook de handleiding instellen logo. De foto in de header kan per pagina worden ingesteld. Zie hiervoor ook de handleiding instellen header.

Nadere informatie

Versie 2. Opdracht deel B 07-12-2014. Inhoud. Raoul Vos Hogeschool Leiden Studentnummer: 1088675

Versie 2. Opdracht deel B 07-12-2014. Inhoud. Raoul Vos Hogeschool Leiden Studentnummer: 1088675 Versie 2 07-12-2014 Opdracht deel B Inhoud Raoul Vos Hogeschool Leiden Studentnummer: 1088675 Inhoudsopgave: Inleiding:... 3 Opdracht deel A Analyse... 3 Opdracht deel B Inhoud... 3 Opdracht deel C Website...

Nadere informatie

Leerlingdossier & handelingsplannen. Welke mogelijkheden biedt de online tekstverwerker in ESIS? FAQ

Leerlingdossier & handelingsplannen. Welke mogelijkheden biedt de online tekstverwerker in ESIS? FAQ FAQ Leerlingdossier & handelingsplannen Welke mogelijkheden biedt de online tekstverwerker in ESIS? De online tekstverwerker beschikt over veel mogelijkheden voor het bewerken van tekst. U vindt de online

Nadere informatie

Rapportage Intomart GfK Voor Cebuco juni 2013

Rapportage Intomart GfK Voor Cebuco juni 2013 Rapportage Intomart GfK Voor Cebuco juni 2013 Intomart GfK 2013 Trends in digitale Media Juni 2013 1 Inhoud De apparaten Gebruik van de apparaten Apps De digitale dagbladlezer Volgen van het nieuws Key

Nadere informatie

IMG IS EVERYTHING FRONTEND DEVELOPMENT LES 6

IMG IS EVERYTHING FRONTEND DEVELOPMENT LES 6 IMG IS EVERYTHING FRONTEND DEVELOPMENT LES 6 VORIGE WEEK De principes van het web Multiscreen Responsive webdesign Mediaqueries Mobile first Even heel kort samenvatten waar we het ook al weer over hebben

Nadere informatie

WT-Fotoalbum, WT-Catalogus en WT-Artikelen... 3. WT-Webwinkel... 3

WT-Fotoalbum, WT-Catalogus en WT-Artikelen... 3. WT-Webwinkel... 3 Inhoudsopgave Versie 2.0.0... 2 Algemeen... 2... 2 WT-Content... 3... 3 WT-Nieuws... 3... 3 WT-Fotoalbum, WT-Catalogus en WT-Artikelen... 3... 3 WT-Webwinkel... 3... 3 WT-Contact... 4... 4 Versie 2.0.1...

Nadere informatie

responsive design & merkbeleving Nils Vermeulen / Seminar

responsive design & merkbeleving Nils Vermeulen / Seminar responsive design & merkbeleving Nils Vermeulen / Seminar deze seminar 1. De vraagstelling 2. Responsive (web)design 3. Responsive identity 4. Toepassen onderzoek 5. Van responsive design naar styleguide

Nadere informatie

Leerlingdossier & handelingsplannen

Leerlingdossier & handelingsplannen FAQ Leerlingdossier & handelingsplannen Welke mogelijkheden biedt de online tekstverwerker in ESIS? De online tekstverwerker beschikt over veel mogelijkheden voor het bewerken van tekst. U vindt de online

Nadere informatie

MOBILE De mogelijkheden van mobile apps

MOBILE De mogelijkheden van mobile apps MOBILE De mogelijkheden van mobile apps Gemak dient de mens INHOUD Apps zorgen voor gebruikersgemak 2 The future is mobile 3 De groei van apps 4 Verwachting = nieuwe standaard 4 Van website naar mobiel

Nadere informatie

Card sorting Sitemap Use case. Wireframes Schermontwerpen Stijlgids. Niet in les gedaan! Via je einddocument. Verkennen. Genereren.

Card sorting Sitemap Use case. Wireframes Schermontwerpen Stijlgids. Niet in les gedaan! Via je einddocument. Verkennen. Genereren. Hoorcollege 4 Verkennen Genereren Evalueren Communiceren Card sorting Sitemap Use case Wireframes Schermontwerpen Stijlgids Niet in les gedaan! Via je einddocument Schermontwerpen Pauze Stijlgids Feedback

Nadere informatie

Maak kennis met de apps van Rhinofly. Augustus 2012

Maak kennis met de apps van Rhinofly. Augustus 2012 Maak kennis met de apps van Rhinofly Augustus 2012 Rhinofly en mobiele ontwikkeling De afgelopen jaren hebben we ons intensief verdiept in de mogelijkheden van mobiel. Na grondige research & development-trajecten

Nadere informatie

Beter omgaan met YouTube: 5 Tips om jouw YouTube kanaal scherp in beeld te krijgen!

Beter omgaan met YouTube: 5 Tips om jouw YouTube kanaal scherp in beeld te krijgen! Beter omgaan met YouTube: 5 Tips om jouw YouTube kanaal scherp in beeld te krijgen! Inleiding Je kan er simpelweg niet meer omheen. Zodra je een zoekopdracht uitvoert op Google, verschijnen er video thumbnails

Nadere informatie

Content Strategie. Hoorcollege 2 9 september 2013

Content Strategie. Hoorcollege 2 9 september 2013 Content Strategie Hoorcollege 2 9 september 2013 Agenda HC2 Communicatie Basisprincipes content Content en platformen Content en SEO Owned, earned, paid media 2 3 4 5 6 Overtuigen en shared meaning Hoe

Nadere informatie

9 redenen waarom jouw website geen klanten oplevert.

9 redenen waarom jouw website geen klanten oplevert. 9 redenen waarom jouw website geen klanten oplevert. Introductie Een goed ingerichte website met een goed uitgevoerde marketingstrategie is het ideale marketing tool voor ondernemers. Een goede website

Nadere informatie

Album samenstellen met behulp van de Hema album software.

Album samenstellen met behulp van de Hema album software. Album samenstellen met behulp van de Hema album software. Kies de Hema webside www.hema.nl Plaats de muisaanwijzer op foto en klik op Fotoalbums. Klik op download de software (geschikt voor Windows) Vul

Nadere informatie

Toelichting op enkele knoppen: (als u de muis bij een knop houdt, verschijnt een tekst met een korte aanwijzing (tooltip) bij deze knop).

Toelichting op enkele knoppen: (als u de muis bij een knop houdt, verschijnt een tekst met een korte aanwijzing (tooltip) bij deze knop). FAQ Leerlingdossier & handelingsplannen Welke mogelijkheden biedt de online tekstverwerker in ESIS? De online tekstverwerker beschikt over veel mogelijkheden voor het bewerken van tekst. U vindt de online

Nadere informatie

Aanleverspecificaties online

Aanleverspecificaties online Aanleverspecificaties online Sky Radio Group Bannering Takeover Sky Radio: Brievenbus 980*200 flash met clicktag Background voor brievenbus 2560*220, waarbij de brievenbus er gecentreerd op past Background

Nadere informatie

Tarieven en aanleverspecificaties

Tarieven en aanleverspecificaties Tarieven en aanleverspecificaties 09-10-2014 Bereik uw doelgroep optimaal met 1Limburg 1Limburg is de unieke krachtenbundeling van L1 en Media Groep Limburg. De app en website van 1Limburg brengen alle

Nadere informatie

Draft. Gebruikershandleiding XMLCreator 2013NL

Draft. Gebruikershandleiding XMLCreator 2013NL Gebruikershandleiding XMLCreator 2013NL Wouter Verbruggen TimeTronics Lammerdries-Oost 23B B-2250 Olen Belgium Tel.: +32 14 23 19 11 Fax.: +32 14 23 20 24 09 september 2013 XMLCreator handleiding Wat is

Nadere informatie

Tariefkaart Vakblad De Molenaar: gemiddelde verspreide oplage = (HOI-cijfers Q t/m Q1-2015)

Tariefkaart Vakblad De Molenaar: gemiddelde verspreide oplage = (HOI-cijfers Q t/m Q1-2015) kaart 2016 Vakblad De Molenaar: gemiddelde verspreide oplage = 1.208 (HOI-cijfers Q2-2014 t/m Q1-2015) Wekelijkse digitale nieuwsbrief: ± 1.500 abonnees Website www.demolenaar.nl: ± 13.000 paginaweergaves

Nadere informatie

Creëer voor iedere bezoeker een aantrekkelijke website

Creëer voor iedere bezoeker een aantrekkelijke website Creëer voor iedere bezoeker een aantrekkelijke website Dit is een Perfect systeem om een succesvolle website te bouwen om voor iedere doelgroep een aantrekkelijke presentatie te creëren door toepassing

Nadere informatie

Snel & eenvoudig online. Brochure

Snel & eenvoudig online. Brochure Snel & eenvoudig online Brochure Wat is het? Laat ons u geheel vrijblijvend een voorstel doen voor uw nieuwe professionele website Het bouwen van een website is belangrijk, maar een goede website heeft

Nadere informatie

Bedrijf: Contactpersoon: Van: Karin de Wit Design Karin de Wit. Datum:

Bedrijf: Contactpersoon: Van: Karin de Wit Design Karin de Wit. Datum: Briefing Webdesign Bedrijf: Contactpersoon: Van: Karin de Wit Design Karin de Wit Datum: 23 Introductie Dit document is samengesteld om beter inzicht te krijgen in de informatie die een rol speelt bij

Nadere informatie

Interactieve Narrowcasting speciaal voor Bibliotheken

Interactieve Narrowcasting speciaal voor Bibliotheken StoryCast Interactieve Narrowcasting speciaal voor Bibliotheken StoryCast is een Narrowcasting systeem helemaal ontwikkeld met en voor bibliotheken. Met het platform kunnen bibliotheken samen met partners

Nadere informatie

Portfolio. van Maarten Zilverberg

Portfolio. van Maarten Zilverberg Portfolio van Maarten Zilverberg Spoorzoeker, welk dier was hier? In opdracht van Staatsbosbeheer is in 2014 een app voor ios en Android ontwikkeld waarmee een jonge doelgroep wordt aangespoord om naar

Nadere informatie

Publishing & Printing Company B.V.

Publishing & Printing Company B.V. STAPPENPLAN WEBSITE Versie 1.3 Publishing & Printing Company B.V. Weth. Sangersstraat 38 (0)46-437 73 11 KVK 140.41959 6191 NA Beek web@pp-company.nl BTW NL 0085.52.861.B01 Algemene voorwaarden www.pp-company.nl

Nadere informatie

1. Starten met Windows 10

1. Starten met Windows 10 17 1. Starten met Windows 10 Microsoft, de maker van Windows, heeft in de loop der jaren diverse Windowsversies uitgebracht. Windows 10 is de nieuwste versie. In alle versies van Windows voor Windows 8

Nadere informatie

A5 Wenskaart Liggend TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST. 426 mm 420 mm 210 mm 210 mm

A5 Wenskaart Liggend TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST. 426 mm 420 mm 210 mm 210 mm A5 Wenskaart Liggend Schoongesneden formaat: 420 x Formaat met afloop: 426 x 154 mm Gevouwen formaat: 210 x 154 mm 426 mm 420 mm snijrand netjes op het beeld gesneden kan worden zonder dat er een witrand

Nadere informatie

Webportal instellingen

Webportal instellingen Inge Heuvel - van Schaijck --- Online Van: Maarten Heuvel - Online Verzonden: vrijdag 20 juni 2014 22:16 Aan: info@onlinegroep.nl Onderwerp: Online Pro Update 2014.0.0.90: Webportal

Nadere informatie

Web Presence Builder. Inhoud

Web Presence Builder. Inhoud Web Presence Builder Inhoud Inhoud... 1 Wat is Web Presence Builder?... 2 Het categoriescherm... 2 De eerste stappen naar een eigen website... 3 Onderwerp selecteren en website naam aanpassen... 3 Vooraf

Nadere informatie

WebCit. kruip in de huid van uw doelgroep! ?WebCit

WebCit. kruip in de huid van uw doelgroep! ?WebCit ?WebCit kruip in de huid van uw doelgroep! Inleiding De zorg in Nederland verandert. Aan de ene kant wordt dit veranderingsproces gedreven door financiële prikkels voortkomende uit een veranderend zorgstelsel.

Nadere informatie

Faststone enkele tips. Fotoclub Positief 25 augustus 2015

Faststone enkele tips. Fotoclub Positief 25 augustus 2015 Faststone enkele tips Fotoclub Positief 25 augustus 2015 Waarom deze uitleg? omdat we foto s van elkaar willen bespreken omdat we die dan digitaal aangeleverd willen hebben in een bepaald pixelformaat

Nadere informatie

Huisstijl Koning Willem 1 College Hieronder staan een aantal richtlijnen geformuleerd in het huisstijlhandboek van KW1C.

Huisstijl Koning Willem 1 College Hieronder staan een aantal richtlijnen geformuleerd in het huisstijlhandboek van KW1C. VOORLICHTINGSFOLDER, tweedelig Opdracht: Maak een Voorlichtingsfolder voor de opleiding Marketingmedewerker / Creatieve Marketing en Communicatie MHBO. Verwerk in de folder de huisstijl van het Koning

Nadere informatie

Workshop. Zoekgedrag anno 2012: Wat is de impact op de Search strategie? Copyright 2012, iprospect, Inc. All rights reserved.

Workshop. Zoekgedrag anno 2012: Wat is de impact op de Search strategie? Copyright 2012, iprospect, Inc. All rights reserved. Workshop Zoekgedrag anno 2012: Wat is de impact op de Search strategie? EVEN VOORSTELLEN E: Joost.Verest@iProspect.com T: +31 (0) 6 27 02 32 89 AGENDA 1. Toen & Nu 2. Gebruik van de zoekmachine 3. Search

Nadere informatie

Is uw webshop geschikt voor mobiel?

Is uw webshop geschikt voor mobiel? Is uw webshop geschikt voor mobiel? vanaf 69,95 per maand Werkt op alle smartphones en tablets Docdata Mobile Shop dé complete webshop voor mobiel! Docdata Mobile Shop is powered by Qweery Uitbreiden van

Nadere informatie

Bottleball Onderzoeksverslag MovingMonsters. Uitgevoerd door Arno Classens a.classens@student.fontys.nl

Bottleball Onderzoeksverslag MovingMonsters. Uitgevoerd door Arno Classens a.classens@student.fontys.nl Bottleball Onderzoeksverslag MovingMonsters Uitgevoerd door Arno Classens a.classens@student.fontys.nl 1 1. Inhoudsopgave Wat? Bladzijde 1. Introductie 3 2. Methodologie 4 3. Resultaten 3.1 Oriëntatie

Nadere informatie

Summerschool Mobiele Apps 15-17 augustus 2012 Herman van Dompseler. HTML 5 App

Summerschool Mobiele Apps 15-17 augustus 2012 Herman van Dompseler. HTML 5 App Summerschool Mobiele Apps 15-17 augustus 2012 Herman van Dompseler HTML 5 App 1. Wat is HTML 5 2. HTML 5 Apps 3. Hybride App Architectuur 4. Een App maken Overzicht Deel 1: HTML5 HTML 5 gebruikt als verzamelnaam

Nadere informatie

Richtlijnen voor gebruik van het logo

Richtlijnen voor gebruik van het logo Richtlijnen voor gebruik van het logo HET LOGO Het logo van PC Basic is een samenstelling van een geïllustreerd mensfiguur en een woordmerk PC BASIC in hoofdletters. Ondertitel Het logo is voorzien van

Nadere informatie

I n f o r m a t i e. Ontwikkelingen in CAD, CAM en CAE. CMedia B.V. Postbus 231 8300 AE Emmeloord. Tel. 0527-619000 rgroothuis@cmedia.

I n f o r m a t i e. Ontwikkelingen in CAD, CAM en CAE. CMedia B.V. Postbus 231 8300 AE Emmeloord. Tel. 0527-619000 rgroothuis@cmedia. CMedia B.V. Postbus 231 8300 AE Emmeloord Tel. 0527-619000 rgroothuis@cmedia.nl Ontwikkelingen in CAD, CAM en CAE M e d i a I n f o r m a t i e 2 0 1 6 "Image made using COMSOL Multiphysics and provided

Nadere informatie

Moving Pictures 2013. Audiovisuele content in Nederland nader bekeken.

Moving Pictures 2013. Audiovisuele content in Nederland nader bekeken. % Nederlanderss die wel eens naar avcontent kijken % Nederlanders die wel eens naar av-content kijken Moving Pictures 2013. Audiovisuele content in Nederland nader bekeken. Voor de derde keer op rij publiceert

Nadere informatie

Zmodo Zsight Android handleiding

Zmodo Zsight Android handleiding Zmodo Zsight Android handleiding -------------------------------------------------------------------------------------------------------------------------- 1 Inhoudsopgave 1. Software installatie...3 1.1

Nadere informatie

Stadgenoot. Online dienstverlening Woningcorporatie Stadgenoot afgestemd op de doelgroep. Involvit 2014. Sirikit Huibers.

Stadgenoot. Online dienstverlening Woningcorporatie Stadgenoot afgestemd op de doelgroep. Involvit 2014. Sirikit Huibers. Online dienstverlening Woningcorporatie Stadgenoot afgestemd op de doelgroep Stadgenoot is één van de grootste woningcorporaties van Nederland en is huisbaas voor zo n 65.000 bewoners in Amsterdam. Stadgenoot

Nadere informatie

READY FOR THE DIGITAL REVOLUTION?

READY FOR THE DIGITAL REVOLUTION? 20:15 LM READY FOR THE DIGITAL REVOLUTION? WAAROM LES MILLS DIGITAL? - LES MILLS BLIJFT INNOVEREN, GAAT MET HAAR TIJD MEE EN HEEFT MAATSCHAPPELIJK VERANTWOORD ONDERNEMEN (EEN SCHONER MILIEU) HOOG IN HET

Nadere informatie

Inloggen op Yes co Mobile

Inloggen op Yes co Mobile In deze handleiding wordt de werking van de Yes co Mobile agenda beschreven. Yes co Mobile is ontworpen om de agenda van Yes co te gebruiken op mobiele apparaten, zoals smartphones. Op een tablet kun je

Nadere informatie

Opstart document 8 FEBRUARI v1.24

Opstart document 8 FEBRUARI v1.24 Opstart document 8 FEBRUARI v1.24 pagina 1 Welkom In dit document vind je stap voor stap instructie hoe je jouw eigen site kunt indelen, wat je moet verzamelen en natuurlijk hoe je uiteindelijk zelf jouw

Nadere informatie