joomladagen 2017 fl ex box niels
|
|
- Rosalia Vink
- 5 jaren geleden
- Aantal bezoeken:
Transcriptie
1 joomladagen 2017 fl ex box niels
2
3
4 joomla?
5
6 wat is flexbox?
7
8 assen
9 main axis
10 cross axis
11 start
12 end
13 start
14 end
15 containers en kinderen
16 <ul> <!-- hier gaan we items aan toevoegen --> </ul> ul { } display: flex;
17 start start end end
18 start start end end
19 start start end end
20 start start end end
21 <ul> <li class="groen"></li> <li class="oranje"></li> <li class="rood"></li> </ul> ul { } display: flex;
22 richting
23 ul { } flex-direction: row;
24 ul { } flex-direction: row-reverse;
25 ul { } flex-direction: column;
26 ul { } flex-direction: column-reverse;
27 uitlijning
28 ul { } justify-content: flex-start;
29 ul { } justify-content: flex-end;
30 ul { } justify-content: center;
31 ul { } justify-content: space-between;
32 ul { } justify-content: space-around;
33 kruisuitlijning
34 ul { } align-items: stretch;
35 ul { } align-items: flex-start;
36 ul { } align-items: center;
37 ul { } align-items: flex-end;
38 uitvullen
39 li { } flex: 0 1 auto;
40 li { flex-grow: 0; flex-shrink: 1; flex-basis: auto; }
41 li { } flex-grow: 1;
42 li.rood { } flex-grow: 2;
43 li { } flex-shrink: 1;
44 li { } flex-shrink: 1;
45 li { } flex-shrink: 1;
46 doorloop
47 li { } flex-shrink: 0;
48 ul { } flex-wrap: wrap;
49 li { } flex-grow: 1;
50 volgorde
51 li.groen { } order: 10; 2 3 1
52 li.rood { } order: -1; 3 2 1
53 wat kunnen we met flexbox doen?
54 een heleboel
55 flexbox is niet voor pagina opmaak!
56 navigatiebalk
57 <ul> <li><a href= # >Home</a></li> <li><a href= # >Programma</a></li>... </ul> Home Programma Sprekers Locatie
58 li { } display: inline-block; Home Programma Sprekers Locatie
59 li { } display: inline-block; Home Programma Sprekers Locatie
60 ul { } text-align: center; Home Programma Sprekers Locatie
61 li { } width: 25%; Home Programma Sprekers Locatie
62 li { } width: 25%; Home Programma Sprekers Locatie
63 ul { display: flex; justify-content: space-between; } li { } flex: 0 0 auto; Home Programma Sprekers Locatie
64 ul { display: flex; justify-content: space-between; } li { } flex: 0 0 auto; Home Programma Sprekers Locatie
65 li { } flex: 0 0 auto; Home Programma Sprekers Locatie Tickets
66 li { } flex: 0 0 auto; Home Programma Sprekers Locatie Tickets
67 ul { } justify-content: center; li { } flex: 1 0 auto; Home Programma Sprekers Locatie Tickets
68 ul { } justify-content: center; li { } flex: 1 0 auto; Home Programma Sprekers Locatie Tickets
69 Home Programma Sprekers Locatie Tickets
70 Home Programma Sprekers Locatie Tickets
71 Home Programma Sprekers Locatie Tickets
72 Home Programma Sprekers Locatie Tickets
73 Home Programma Sprekers Locatie Tickets
74 li#tickets { } flex: 0 0 auto; Home Programma Sprekers Locatie Tickets
75 @media (min-width: 25em) { li { flex: 0 0 auto; } li#tickets { margin-left: auto; } } Home Programma Sprekers Locatie Tickets
76 @media (min-width: 25em) { li { flex: 0 0 auto; } li#tickets { margin-left: auto; } } Home Programma Sprekers Locatie Tickets
77 Home Programma Sprekers Locatie Tickets
78 Home Programma Sprekers Locatie Tickets
79 Home Programma Sprekers Locatie Tickets
80 ul { } flex-wrap: wrap; Home Programma Sprekers Locatie Tickets
81 ul { } flex-wrap: wrap; Home Programma Sprekers Locatie Tickets
82 @media (max-width: 32em) { li { flex: %; } } Home Programma Sprekers Locatie Tickets
83 @media (max-width: 32em) { li { flex: %; } } Home Programma Sprekers Locatie Tickets
84 zoekbalk
85 <form> <input type=text placeholder="zoeken"> <button type=submit>zoek</button> </form> Zoeken naar artikelen Zoek
86 <form> <input type=text placeholder="zoeken"> <button type=submit>zoek</button> </form> Zoeken naar artikelen Zoek
87 <form> <input type=text placeholder="zoeken"> <button type=submit>zoek</button> </form> Zoeken naar artikelen Zoek
88 <form> <input type=text placeholder="zoeken"> <button type=submit>zoek</button> </form> Zoeken naar artikelen Zoek
89 input { width: 85%; } button { width: 15%; } Zoeken naar artikelen Zoek Zoeken naar artikelen Zoek Zoeken naar artikelen Zoek
90 form { padding-right: 60px; } input { width: 100%; } button { position: absolute; right: 0; } Zoeken naar artikelen Zoek Zoeken naar artikelen Zoek Zoeken naar Zoek
91 form { padding-right: 60px; } input { width: 100%; } button { position: absolute; right: 0; } Zoeken naar artikelen Zoeken Zoeken naar artikelen Zoeken Zoeken naar Zoeken
92 form { } display: flex; Zoeken naar artikelen Zoek
93 input { } flex: 1 1 auto; Zoeken naar artikelen Zoek
94 input { } flex: 1 1 auto; Zoeken naar artikelen Zoek
95 input { } flex: 1 1 auto; Zoeken naar artikelen Zoeken
96 input { } flex: 1 1 auto; Zoeken naar artikelen Zoeken
97 input { width: 0%; flex: 1 1 auto; } Zoeken naar Zoeken
98 metadata
99 <dl class= article-info > <dd class= createdby >Geschreven door Niels Leenhe <dd class= create >1 april 2017</dd> </dl> Lorem ipsum dolor Geschreven door Niels Leenheer 1 april 2017 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac sapien at orci ornare finibus et eu ex. Aenean pulvinar suscipit sem ut tempor. Vestibulum augue nunc, facilisis vitae finibus ac, gravida at odio. In tincidunt aliquet justo, ut
100 dl { overflow: hidden; } dd.createdby { float: left; } dd.created { float: right; } Lorem ipsum dolor Geschreven door Niels Leenheer 1 april 2017 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac sapien at orci ornare finibus et eu ex. Aenean pulvinar suscipit sem ut tempor. Vestibulum augue nunc, facilisis vitae finibus ac, gravida at odio. In tincidunt aliquet justo, ut
101 dl { overflow: hidden; } dd.createdby { float: left; } dd.created { float: right; } Lorem ipsum dolor Geschreven door Niels Leenheer 1 april 2017 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac sapien at orci ornare finibus et eu ex. Aenean pulvinar suscipit sem ut tempor. Vestibulum augue nunc,
102 dl { overflow: hidden; } dd.createdby { float: left; } dd.created { float: right; } Lorem ipsum dolor Geschreven door Niels Leenheer 1 april 2017 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac sapien at orci ornare
103 dl { display: flex; justify-content: space-between; } Lorem ipsum dolor Geschreven door Niels Leenheer 1 april 2017 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac sapien at orci ornare
104 dl { display: flex; justify-content: space-between; } Lorem ipsum dolor Geschreven door Niels Leenheer 1 april 2017 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac sapien at orci ornare finibus et eu ex. Aenean pulvinar suscipit sem ut tempor. Vestibulum augue nunc,
105 dl { display: flex; justify-content: space-between; } Lorem ipsum dolor Geschreven door Niels Leenheer 1 april 2017 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac sapien at orci ornare finibus et eu ex. Aenean pulvinar suscipit sem ut tempor. Vestibulum augue nunc, facilisis vitae finibus ac, gravida at odio. In tincidunt aliquet justo, ut
106 tabs
107 li { padding: 2em 10em; display: inline-block; } Vrijdag 31 maart Zaterdag 1 april Zondag 2 april
108 li { padding: 2em 10em; display: inline-block; } Vrijdag 31 maart Zaterdag 1 april Zondag 2 april
109 li { padding: 2em 10em; display: inline-block; } Vrijdag 31 maart Zaterdag 1 april Zondag 2 april
110 ul { display: flex; } li { flex: 1 1 auto; } Vrijdag 31 maart Zaterdag 1 april Zondag 2 april
111 ul { display: flex; } li { flex: 1 1 auto; } Vrijdag 31 maart Zaterdag 1 april Zondag 2 april
112 li.today { order: -1; } Zondag 2 april Vrijdag 31 maart Zaterdag 1 april
113 blokken
114 <div class="blocks"> <div class="block">... </div> <div class="block">... </div> </div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac sapien at orci ornare finibus et eu ex. Aenean pulvinar suscipit sem ut tempor. Vestibulum augue nunc, facilisis vitae finibus ac, gravida at odio.
115 .block { } height: 10em; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac sapien at orci ornare finibus et eu ex. Aenean pulvinar suscipit sem ut tempor. Vestibulum augue nunc, facilisis vitae finibus ac, gravida at odio.
116 .block { } height: 10em; Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt aliquet justo, ut blandit leo aliquet a. Nunc faucibus sem ac sem euismod vulputate. Nunc eleifend velit eu porta lacinia. Vestibulum augue nunc, facilisis vitae finibus ac, gravida at odio.
117 .block { height: 10em; overflow: hidden; } Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt aliquet justo, ut blandit leo aliquet a. Nunc faucibus sem ac sem euismod vulputate. Nunc Vestibulum augue nunc, facilisis vitae finibus ac, gravida at odio.
118 .block { } min-height: 10em; Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt aliquet justo, ut blandit leo aliquet a. Nunc faucibus sem ac sem euismod vulputate. Nunc eleifend velit eu porta lacinia. Vestibulum augue nunc, facilisis vitae finibus ac, gravida at odio.
119 .blocks { } display: flex; Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt aliquet justo, ut blandit leo aliquet a. Nunc faucibus sem ac sem euismod vulputate. Nunc eleifend velit eu porta lacinia. Vestibulum augue nunc, facilisis vitae finibus ac, gravida at odio.
120 en nog veel meer!
121 is flexbox veilig om te gebruiken?
122 ja*
123 drie specificaties display: box; display: flexbox; display: flex;
124 prefixes display: -webkit-box; display: -moz-box; display: box; display: -ms-flexbox; display: -webkit-flex; display: flex;
125 browser support * laatste specificatie, unprefixed
126 browser support * laatste specificatie, inclusief prefixes
127 browser support * eerdere specificaties, inclusief prefixes
128 progressive enhancement
129 form { padding-right: 60px; } input { width: 100%; } button { position: absolute; right: 0; } Zoeken naar artikelen Zoek Zoeken naar artikelen Zoek Zoeken naar Zoek
130 form { padding-right: 60px; } input { width: 100%; } button { position: absolute; right: 0; flex) { form { display: flex; padding-right: 0; } input { width: 0%; flex: 1 1 auto; } button { position: static; } }
131 browser support laatste specificatie, unprefixed, in combinatie
132 en mijn grid systeem dan?
133 grids zijn perfect voor pagina opmaak
134 grids zijn perfect voor pagina opmaak flexbox is ideaal voor componenten
135 bootstrap 4 <div class="d-flex justify-content-start"> <div class="p-2">a</div> <div class="p-2">b</div> <div class="p-2 ml-auto">c</div> </div>
136
137
Stijlboek. jacquelinevanzetten.nl
Stijlboek jacquelinevanzetten.nl Kleurgebruik zoals het logo nu. Paars als krachtige kleur voor de koppen en social media iconen. Groen wordt spaarzaam gebruikt, oa in de referenties. Grijs met een zweempje
Nadere informatieVoor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com
Welkom bij mijn website tutorial (Deel 4) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.
Nadere informatieLICENTIEOVEREENKOMST SOFTWARE
LICENTIEOVEREENKOMST SOFTWARE De ondergetekenden: 1. De te Amsterdam gevestigde besloten vennootschap met beperkte aansprakelijkheid BasicSoftware, kantoorhoudende te Amsterdam (1017HD) aan de Condensatorweg
Nadere informatieLatex Cursus. Eigen Naam
Latex Cursus Eigen Naam 11 januari 2012 Eigen Naam 2 Latex cursus Inhoudsopgave 1 Basis 5 1.1 Secties................................. 5 1.1.1 Voorpagina.......................... 5 1.1.2 Inhoudsopgave........................
Nadere informatieNPS score: -77 Lorem Ipsum Donec sodales lorem in libero rhoncus, ac egestas augue rhoncus.
Pakkende titel van de infographic Subtitel of introtekst: Praesent id congue lorem, eget ultricies sapien. Quisque vel nunc id quam porttitor feugiat non et quam. Donec vulputate mauris at consectetur
Nadere informatiestyleguide POWERNATION
styleguide Inleiding De branding van Powernation word uitgebereid beschreven in deze styleguide. Powernation is het nieuwe bedrijf dat producten verkoopt in alle populaire categorieën van sport. Hiermee
Nadere informatieHuisstijl-Boek -- Cards 4 Free
Huisstijl-Boek -- Cards 4 Free Door: Peter van der Meulen Mr Iniawei 1 9219 VR De Tike petervdmeulen.rfdgra.nl Inhoud Pagina 4 Pagina 5 pagina 6 pagina 7 2 HuisstijlBoek -- Cards4Free Dezign Samenvatting
Nadere informatieGegevens burgers niet veilig bij politie
Datum: October 23, 2018 Gegevens burgers niet veilig bij politie Onderzoek naar de audits Wet politiegegevens bij de politie Introductie Inhoud 1. Section One 2. Section Two De politie heeft ingrijpende
Nadere informatieZAGIS - Inkopen voor ziekenhuisapotheken
ZAGIS - Inkopen voor ziekenhuisapotheken 6 oktober 2015 -Robert van der Linde Meer tijd om in te kopen 1 De inhoud raakt ondergeschikt aan de administratie Brieven maken, offertes ontvangen en verwerken,
Nadere informatieCOMPANY NAME. Onderwerpregel 2. Opdrachtgever. Inschrijving / Offerte. Onderwerpregel 1. Onderwerpregel 3. ten behoeve van
Inschrijving / Offerte COMPANY NAME Onderwerpregel 1 Onderwerpregel 2 Onderwerpregel 3 ten behoeve van Opdrachtgever Opdrachtgever naamsvermelding Pagina 1 Opdrachtgever naamsvermelding Pagina 2 USB-stick
Nadere informatieMijn gezondheid Uitslagen Onderzoek axtion
Mijn gezondheid Uitslagen Onderzoek axtion Naam cliënt 31-05-2018 Inhoud Samenvatting en adviezen Lichaamsscan Audiometrie Urinetest Visus Spirometrie Bloedtest 3 4 6 8 9 12 14 Inleiding Beste klant, Hierbij
Nadere informatieHUISSTIJL HANDLEIDING. Algemene richtlijnen & instructies voor het gebruik van de huisstijl van De Oude Veiling.
HUISSTIJL HANDLEIDING Algemene richtlijnen & instructies voor het gebruik van de huisstijl van De Oude Veiling. Versie 1.4-2018 De huisstijl bestaat uit de identiteit, pay-off, beelden- en vormentaal,
Nadere informatieTITEL SUBTITEL OF PROJECTNUMMER
Verslag/nota - template cover zonder contactgegevens vaste positie corporate logo cover (100%) Arial Bold 30/40pt Arial Regular 20/30pt (caps) TITEL SUB Arial Regular 12/16pt Ruimte voor aanvullende tekst
Nadere informatieNieuws. Familieleden of naaste van een cliënt in de GGZ. Nummer juni 2017 Informatiebulletin voor Familievertrouwenspersonen
Nummer 17 30 juni 2017 Informatiebulletin voor Familievertrouwenspersonen Nieuws Familieleden of naaste van een cliënt in de GGZ De familievertrouwenspersoon kan u informeren De FVP steunt u bij het leggen
Nadere informatieZoning. Header. Header biedt identiteit en vaste links, los van schermen.
Header Zoning Header biedt identiteit en vaste links, los van schermen. De pijltjes aan de zijkanten van het scherm kunnen gebruikt worden om te navigeren tussen de hoofdpagina s Inhoudsopgave Sociaal
Nadere informatieFunctioneel Ontwerp. Mousegestures
Functioneel Ontwerp Mousegestures Mogelijke single mousegestures Tijdens het laden van de applicatie kan de gebruiker verschillende gestures proberen. De handelingen hebben effect op de bal. Als de handeling
Nadere informatieL AVION Huisstijlhandboek
Huisstijlhandboek Bastian Schilderink Inhoudsopgave Logo Typografie Kleurgebruik Huisstijlelementen Toepassingen huisstijl pagina 3 pagina 4 pagina 5 pagina 6 pagina 7 briefpapier volgvel envelop visitekaartje
Nadere informatieBrandpepper. Navigatiestructuur.
Navigatiestructuur Inhoud 1 Navigatie 2 Wireframes 21 22 23 Diensten 24 Portfolio 25 Contact sitemap Vacatures Diensten Portfolio Cases Onze klanten Contact Lay out Header Navigatie Pagina content Footer
Nadere informatieINHOUDS KEUKENS EN RECEPTEN 13-259 BORIS & YVONNE 5
INHOUDS OPGAVE introductie 9 mijn voorraadkast 11 KEUKENS EN RECEPTEN 13-259 bronnen 260 recepten index 263 ingredienten register 264 dankwoord 271 4 BORIS & YVONNE 5 KEUKENS EN recepten boris & YVONNE
Nadere informatiemeergrevelingen huisstijlhandboek
meergrevelingen huisstijlhandboek Versie 1.0 juni 2013 2 meergrevelingen inhoud meergrevelingen inhoud 3 Inhoud Inleiding 4 Kleur gebruik 5 Toepassen van logo 6 Toepassen vormgeving 11 Typografie 12 Style
Nadere informatieInleiding: Huisstijl. Wat is een Huisstijl? Waarom een Huisstijl?
Inleiding: Huisstijl Wat is een Huisstijl? Van Dale omschrijft een huisstijl als de manier waarop een bedrijf zichzelf presenteert door aankleding, kleuren, materiaal e.d. Kortom, een huisstijl is het
Nadere informatieIDENTITEIT LANDELIJK PLATFORM COMMUNICATION & MULTIMEDIA DESIGN
IDENTITEIT LANDELIJK PLATFORM COMMUNICATION & MULTIMEDIA DESIGN Mischa Piepers & Martijn Hoenderop Hogeschool van Arnhem & Nijmegen Voorwoord Het logo is ontstaan door te beginnen met een reflectie van
Nadere informatieAlgemene richtlijnen & instructies voor gebruik van de huisstijl Fnac bij profilerende toepassingen.
Algemene richtlijnen & instructies voor gebruik van de huisstijl Fnac bij profilerende toepassingen. Inhoud Inleiding...1 De huisstijl...2 - Het Logo - De Huisstijlkleuren Typografie...3 - Broodletter
Nadere informatiekunstpunt CARÉ... een vrij zinnige kunstkring
kunstpunt CARÉ... een vrij zinnige kunstkring Vrijzinnigheid is meer dan louter een levensbeschouwelijk gegeven. Het is ook een cultuurbeweging. Verdienstelijke kunstenaars, cineasten, wetenschappers,
Nadere informatieOnze melk is niet houdbaar!
Onze melk is niet houdbaar! TENMINSTE HOUDBAAR TOT: ZIE MELKPAK Het probleem: dit is er mis met onze melk Er is veel meer mis met onze melk dan je op het eerste gezicht zou denken. Wist je bijvoorbeeld
Nadere informatieBeste masterproef ooit al geschreven
Beste masterproef ooit al geschreven Een Auteur Tweede Auteur Thesis voorgedragen tot het behalen van de graad van Master of Science in de ingenieurswetenschappen: elektrotechniek, optie Elektronica en
Nadere informatieHUISSTIJLHANDBOEK DRUKWERK
HUISSTIJLHANDBOEK DRUKWERK HUISSTIJLHANDBOEK DRUKWERK Het belang van een huisstijl kan niet onderschat worden. Het consequente gebruik ervan is een eenvoudige doch uiterst efficiënte manier om herkenbaarheid
Nadere informatieWazzup Real Estate TE KOOP 725.000,- K.K. JACOB CREMERSTRAAT 59 6821 DC ARNHEM. Wazzup Real Estate. Utrechtseweg 310 H02 6812AR Arnhem
TE KOOP JACOB CREMERSTRAAT 59 6821 DC ARNHEM Wazzup Real Estate Wazzup Real Estate Utrechtseweg 310 H02 6812AR Arnhem 026 20 20 116 info@wazzuprealestate.nl www.wazzuprealestate.nl 725.000, K.K. In 1 van
Nadere informatieCPNB Logo. kleur. zwart. wit
CPNB stijlgids CPNB Logo kleur zwart wit CPNB Pay off CPNB Logo lockup CPNB Logo lockup voor brochure 260 mm 12mm 11mm 64mm 210 mm Posters CPNB Logo lockup Posters CPNB (Diverse voorbeelden logo combinatie
Nadere informatiehet extra dikke nazomernummer
TWEËentwintigste jaargang nummer 5 augustus 2013 prijs 5,50 Informatie en reserveringen, neem dan contact op met de afdeling sales en bel naar 023-553 55 00 of mail naar sales@dezaak.nl het extra dikke
Nadere informatieSTRIKT VERTROUWELIJK
Referentierapport STRIKT VERTROUWELIJK KANDIDAAT TESTKANDIDAAT FINANCIEEL DIRECTEUR -TESTORGANISATIE 29 oktober 2014 Inhoudsopgave INTRODUCTIE 3 OVER REFQ 4 BASISGEGEVENS 5 PROFIEL 6 REFERENT1 TESTREFERENT1
Nadere informatieTexel 600 jaar Stad DE NAAM. De naam Texel 600 jaar Stad dient altijd geschreven te worden als: Texel 600 jaar Stad
HUISSTIJLHANDBOEK INTRODUCTIE Om het 600-jarig bestaan van Texel te vieren, is onlangs een identiteit met huisstijl ontwikkeld voor de gebeurtenis en alle evenementen die daarmee gepaard gaan. In dit huisstijlhandboek
Nadere informatieOpdracht Analyse en ontwerp van je website
Door: Dirk van der Sar Informatica 4a1 Opdracht Analyse en ontwerp van je website Opdracht 1 www.ah.nl => tot hoe laat is de Albert Heijn in Nesselande op zaterdag open. De informatie: tot 20.00 uur. Ik
Nadere informatieDUURZAME ECONOMIE. 25 kansen op concurrentievoordeel [DUMMIE] [DUMMIE]
DUURZAME ECONOMIE 2050 25 kansen op concurrentievoordeel [DUMMIE] [DUMMIE] DEZE PUBLICATIE IS SAMENGESTELD DOOR: Teun Morselt - Harald Blonk - Natasja Brands - Maartje Baede - Jorick Boddeke In 4 STAD
Nadere informatieVAARDIGHEDEN GRAMMATICA UITSPRAAK VOORTGANG BERICHTEN
acky van Heist AAN HET WERK VOORTGANG BERICHTEN acky van Heist AAN HET WERK VOORTGANG BERICHTEN acky van Heist NAAR SCHOOL KENNIS MAKEN BELLEN EN MAILEN WONEN ETEN VERLIEFD ZIN FILM RUZIE TECHNOLOGIE UITERLIK
Nadere informatiedigital art 2d - over posters - opdracht drugs poster en website
digital art 2d - over posters - opdracht drugs poster en website medium is the message The medium is the message is a phrase coined by Marshall McLuhan meaning that the form of a medium embeds itself in
Nadere informatieSTRIKT VERTROUWELIJK
Referentierapport STRIKT VERTROUWELIJK KANDIDAAT TESTKANDIDAAT FINANCIEEL DIRECTEUR -TESTORGANISATIE 29 oktober 2014 Inhoudsopgave INTRODUCTIE 3 OVER REFQ 4 BASISGEGEVENS 5 PROFIEL 6 REFERENT1 TESTREFERENT1
Nadere informatieCampagnehandboek. Algemene richtlijnen & instructies voor gebruik van de campagne
Campagnehandboek Algemene richtlijnen & instructies voor gebruik van de campagne Inleiding Dit campagnehandboek geeft een korte introductie van de campagne die door de gemeente Overbetuwe naast de huisstijl
Nadere informatieOntwerpen van drukwerk
5 Ontwerpen van drukwerk 5.1 Werken met sjablonen 5.2 Poster 5.3 Brochure 5.4 Nieuwsbrief 5.5 Rapport A4 5.6 Werken in series en reeksen 64 65 5.1 Werken met sjablonen stap 1 Open in InDesign het sjabloon
Nadere informatieLes Voorbereiding. 2. Field Group
Les 9 1. Voorbereiding 1. Download en installeer de module Field group 2. Download en installeer de module @font-your-face. Zet hier de hoofdmodule aan en de Google Fonts. Je mag meteen ook alle Google
Nadere informatieJongeren op de digitale brug, Link in de Kabel geeft ze een duwtje in de rug.
Jongeren op de digitale brug, Link in de Kabel geeft ze een duwtje in de rug. Link in de Kabel digitale brug architecten Riddersstraat 147, 3000 Leuven 016 62 34 45 www.lidk.be Visie 2014 De digitale brug
Nadere informatieHoud medewerkers gemotiveerd en betrokken
1 Another designfreebies.org exclusive Volume 1 Number 1 2014 Houd medewerkers gemotiveerd en betrokken In toporganisaties staan er negen engaged werknemers t.o.v. één disengaged medewerker. Gallup 2011
Nadere informatieStrategie //// Concept //// Ontwerp //////////////////////////////////////// Mark Moget & Taco Sipma
Strategie //// Concept //// Ontwerp //////////////////////////////////////// Mark Moget & Taco Sipma Beeld Dit is geen spoedcursus Wat maakt beeld zo moeilijk te verzinnen, vinden en/of maken? Wat maakt
Nadere informatieOntwerpen van drukwerk
5 Ontwerpen van drukwerk 5.1 Werken met sjablonen 5.2 Poster 5.3 Brochure 5.4 Nieuwsbrief 5.5 Word-sjablonen 5.6 Werken in series en reeksen 5.1 5.1 Werken met sjablonen stap 1 Open in InDesign het sjabloon
Nadere informatie10 TIPS VOOR BETERE WEBSITES (EN REDACTEUREN) DIALOGUE IS KING CONTENT IS QUEEN
10 TIPS VOOR BETERE WEBSITES (EN REDACTEUREN) DIALOGUE IS KING CONTENT IS QUEEN 1 STOP MET BENOEMEN GA VERKOPEN! ING reisverzekering Een heerlijk vooruitzicht: u gaat er even tussenuit. Met de Kortlopende
Nadere informatieHet ontwikkelen van een online advies op maat voor cyberpest slachtoffers
Het ontwikkelen van een online advies op maat voor cyberpest slachtoffers Video Casey Heynes Personen Niels Jacobs (Promovendus) Dr. Trijntje Völlink (co-promotor/dagelijkse begeleider) Dr. Francine Dehue
Nadere informatieLes 10. Voorbereiding. Denk aan de update van de kern!
Les 10 Denk aan de update van de kern! Voorbereiding 1. DOE DIT EERST: Download de plugin voor Image Field Zoom en plaats deze in de map libraries op de server. (Inloggegevens krijg je in de les) 2. Download
Nadere informatieHome. Home. Openingsuren
Lorem ipsum onsectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
Nadere informatieWIJ ZIJN PAUL. jaaroverzicht 2017 grafisch ontwerp web-apps illustraties
WIJ ZIJN PAUL jaaroverzicht 2017 grafisch ontwerp web-apps illustraties JANUARI 2017 GEMAK DIENT DE MENS INTERIEURWERK WWW.IBOMA.COM iboma interieurwerk v. roosendaal - technisch uitzendburau tender amsterdamconnection
Nadere informatieDe stijl van het huis
De stijl van het huis Richtlijnen voor gebruik van de Portaal huisstijl versie 1.0 november 2017 Logo toepassing 2 Logo toepassing Bij gebruik in communicatiemiddelen altijd in witte balk bovenaan de uiting
Nadere informatieGROEP 14. Huisstijl handboek
GROEP 14 Huisstijl handboek Groep 14 Groepsleden: Merve Celikkaya, Nick van Tienderen, Janga den Ouden, Darrian Brammerloo, Betul Cengiz. Grafisch Lyceum Rotterdam Inhoudsopgave Inleiding 3 De huisstijl
Nadere informatieDe Wordpress Workshop
Bekijk voordat je begint de Wordpress instructievideo (4 minuten) op www.dewordpresstraining.nl en je weet met welk Wordpress thema en welke Wordpress plugin je nodig hebt bij deze instructie. Inhoud 1.
Nadere informatieFactotum. Ons complete aanbod gebundeld in een handig Actueel Magazine. Aanbod van de maand september 2012
Ons complete aanbod gebundeld in een handig Actueel Magazine. Aanbod van de maand september 2012 WTC Schiphol Boulevard 383 1118 BJ Luchthaven Schiphol Tel: +31 (0)20 30 80 150 info@factotumdemomakelaar.nl
Nadere informatieEen effectiëve WordPress website
Een effectiëve WordPress website Rosanne van Staalduinen Sinds 2011 een eigen bureau in Webdesign & Online marketing Doelgroep: ZZP & MKB Bouwt sinds 2012 alle websites met WordPress Voorstellen Wie ben
Nadere informatiemuttersmakelaardij.nl ,- K.K. Wonen in een prachtig huis gelegen op een mooie locatie? Hoogeind LZ Leerdam
muttersmakelaardij.nl 1.100.000,- K.K. Wonen in een prachtig huis gelegen op een mooie locatie? Hoogeind 40 4143 LZ Leerdam 2 Welkom in een woning van Mutters Makelaardij Mutters Makelaardij heet u namens
Nadere informatiede kennismaking de eerste schets bouwen plaatsen resultaat
U bent hier: home de kennismaking de eerste schets bouwen plaatsen resultaat Konijn Meubelmakers bedient een gevarieerde klantenkring, vanuit een geheel gerenoveerde werkplaats te midden van een perenboomgaard
Nadere informatieOnline vindbaarheid. Hoe kom je hogerop in de zoekresultaten?
Online vindbaarheid Hoe kom je hogerop in de zoekresultaten? Joris Lange, Smart Joomla Websites Ondernemersevent Utrechtse Heuvelrug, 4 oktober 2016 Welkom Van harte welkom op deze stek. Lorem ipsum dolor
Nadere informatieVOORSTEL VOOR WWW.AFV-EPE.NL
VOORSTEL VOOR WWW.AFV-EPE.NL Home Fotobond Nieuw Venster of Tab Actueel Galerie FotoNieuws Links Historie Contact Fshow Fshow Fshow Fshow Nieuw Venster of Tab Niet te veel tekst. Visueel houd en! Databank
Nadere informatieErfgoed Gelderland. Workshop Persbenadering en Persberichten schrijven
Erfgoed Gelderland Workshop en Persberichten schrijven Welkom Wat gaan we doen? Zes stappen: 1. Perslijst aanmaken 2. Persbericht opzetten 3. Beeldgebruik 4. Mailopzet 5. Perscontacten opbouwen 6. Persvermeldingen
Nadere informatieHUISSTIJL GUIDELINES. Versie 0.1 / april 2017
HUISSTIJL GUIDELINES Versie 0.1 / april 2017 BASIS KLEURPALET HAS BLAUW CMYK 100-34 - 0-2 RGB 0-123 - 191 HEX #007BBF PANTONE 3005 C HAS LICHTBLAUW CMYK 83-0 - 21-0 RGB 1-171 - 196 HEX #01ABC4 PANTONE
Nadere informatieHuisstijl handboek. Algemene richtlijnen & instructies voor het gebruik van de huisstijl.
Huisstijl handboek Algemene richtlijnen & instructies voor het gebruik van de huisstijl. 1 Colofon Redactie: B2Design, Groningen Vormgeving en opmaak: B2Design, Groningen Fotografie: BPZ Huisstijl ontwikkeling
Nadere informatieOntwikkelen Projecten: detailweergave
Ontwikkelen Projecten: detailweergave Model Waarderingskader VO 2017 Voortgezet onderwijs The Lorem Ipsum Company Van Diemenstraat 410 1013CR Amsterdam Printdatum 02-03-2017 Portfolio('s) en periode(s)
Nadere informatieRESPONSIVE DRUPAL THEMING MET SASS, COMPASS, SUSY EN AURORA DRUPAL TECH TALK 25 APRIL 2013 MARC VAN GEND TRIQUANTA
RESPONSIVE DRUPAL THEMING MET SASS, COMPASS, SUSY EN AURORA DRUPAL TECH TALK 25 APRIL 2013 MARC VAN GEND TRIQUANTA AGENDA Het Doel #responsivemobilefirsthtml5buzzwordcompliant CSS preprocessing SASS Werken
Nadere informatieEindverslag IAD Herkansing Maarten Meij CMD1b
Eindverslag IAD Herkansing 2.0 2012.03.14 Maarten Meij 0848912 CMD1b Inhoud Pagina 1: Interview met Richard Engelhardt Pagina 2: Evaluatie van alle interviews uit de klas Pagina 3: persona op basis van
Nadere informatieINHOUDSOPGAVE. Over EHBO. Logo. Kleuren. Typografie. Elementen. Praktijkvoorbeelden
HUISSTIJL HANDBOEK INHOUDSOPGAVE Over EHBO Logo Kleuren Typografie Elementen Praktijkvoorbeelden 2 OVER DE EHBO Informatie over KNV EHBO De EHBO er Het werkterrein van de moderne eerste hulpverlener is
Nadere informatieWeekthema: Afscheid nemen. Belangrijke data Belangrijke data. Rhondcus dolor. De leerlingen werken deze dag aan het project.
Weekthema: Mei 2015 week Beroemd 21 Nr. 6 25 september 2015 Belangrijke data Belangrijke data Hieronder vindt u een overzicht van belangrijke data: Hieronder vindt u een overzicht van belangrijke data
Nadere informatieHuisstijl handboek. Algemene richtlijnen & instructies voor het gebruik van de huisstijl.
Huisstijl handboek Algemene richtlijnen & instructies voor het gebruik van de huisstijl. 1 Colofon Redactie: B2Design, Groningen Vormgeving en opmaak: B2Design, Groningen Fotografie: Ruud Krispijn Huisstijl
Nadere informatieABCD systematiek Deze systematiek levert een gestructureerde beoordeling van je patiënt op.
KLEURENSCHEMA Voor het kleurenschema is zoveel mogelijk gebruik gemaakt van de ETZ huisstijl. Zo vormt alles een mooi geheel met elkaar. Wel is natuurlijk gelet op leesbaarheid en gebruik van kleuren in
Nadere informatiebasisrichtlijnen visuele stijl
basisrichtlijnen visuele stijl Uitgangspunt IBZ De rijkshuisstijl en daarbij horende richtlijnen vormen de basis voor de deelidentiteit van de Informatieberaad Zorg (IBZ). In deze beknopte manual worden
Nadere informatieOffertes die overtuigen.
Solar Monkey RE: OFFERTE OFFERTE AKKOORD Offertes die overtuigen. Stuur strakke offertes in jouw huisstijl. Ook zorgeloos de zon verkopen? Ga naar www.solarmonkey.nl Stuur strakke offertes in jouw huisstijl
Nadere informatieStijlgids. richtlijnen bouwblokken Rijksoverheid
Stijlgids richtlijnen bouwblokken Rijksoverheid 01 Launchscreen Rijkshuisstijl Bouwstenen - Launchscreen 40 dp 80dp Ministerie van Veiligheid en Justitie 24dp Het Launchscreen is het eerste scherm dat
Nadere informatie- pagina 2 van 27 - paragrafen
- - pagina 2 van 27 - algemeen hoofdlijnen inhoud 1. inleiding 2. bestuurlijke hoofdlijn 3. financiële hoofdlijn beleid programma s 1. wonen in Assen 2. werken in Assen 3. meedoen in Assen 4. aantrekkelijk
Nadere informatieTALENT IS NOT ENOUGH
TALENT IS NOT ENOUGH Het niveau van de internationale autosport is hoog en de competitie sterk. Daarom is het voor Nederlands talent een grote steun dat de KNAF en MP Motorsport de handen ineen hebben
Nadere informatieEen introductie in het vormgeven van je eigen website... 2 Over CSS... 2 Id s en classes... 3 Eigenschappen... 4 Color:... 4
BASIS CSS Inhoudsopgave Een introductie in het vormgeven van je eigen website... 2 Over CSS... 2 Id s en classes... 3 Eigenschappen... 4 Color:... 4 Background-color:... 4 Height:... 5 Width:... 5 Position:...
Nadere informatieOntwikkelen Prioriteren: Verbeterpunten - behandellijst
Ontwikkelen Prioriteren: Verbeterpunten - behandellijst Model Waarderingskader VO 2017 Voortgezet onderwijs The Lorem Ipsum Company Van Diemenstraat 410 1013CR Amsterdam Printdatum 02-03-2017 Portfolio('s)
Nadere informatieUpdaten van de (klas) webpagina
Updaten van de (klas) webpagina Bij het aanpassen van een webpagina moet je altijd denken in 4 stappen. 1.) Wat moet er op de webpagina komen? (verzamelen van de tekst, foto s, bestanden ) 2.) Plaats de
Nadere informatielocalphotoprof.com (werktitel) WIREFRAME / FUNCTIONELE BESCHRIJVING
BIJLAGE 2: localphotoprof.com (werktitel) WIREFRAME / FUNCTIONELE BESCHRIJVING 2014-11-20 pagina titel omschrijving 1 Home Zoekscherm Afwisselende foto op de achtergrond Directe toegang tot belangrijkste
Nadere informatieB. Smit. People improve performance. Reflector 360. inleiding. November details competenties. overzicht competenties. persoonlijke ontwikkeling
inleiding overzicht competenties details competenties persoonlijke ontwikkeling B. Smit 1 inleiding Reflector 360 November 2016 overzicht competenties People improve performance details competenties persoonlijke
Nadere informatieAanlevering algemene foto s ter opvulling Geandewei apart aanleveren via mail of via WeTransfer.
Geandewei AANLEVERREGELS GEANDEWEI Algemene richtlijnen bij het insturen van kopij: Lever uw kopij in, het weekeinde voor verschijning. Dekker Creatieve Media moet uiterlijk maandagochtend 08.00 uur in
Nadere informatieSamenvatting: dit document vind je op Toledo en moet hier ingevoegd worden.
Titel van de stage opdracht Samenvatting: dit document vind je op Toledo en moet hier ingevoegd worden. Titel van de stage opdracht Woord vooraf IPv6 biedt de industrie een enorme uitdaging. Het was dan
Nadere informatieWeekthema: Afscheid nemen. Belangrijke data Belangrijke data. Rhondcus dolor. Weekthema: Griezelig
Nr. 9 16 oktober 2015 Belangrijke data Belangrijke data Hieronder vindt u een overzicht van belangrijke data: vindt u een overzicht van Hieronder belangrijke data ma voor 11 t/m de komende 26 mei weken
Nadere informatieNota 0 Advies. Lorem ipsum dolor. E T
Nota 0 Advies Lorem ipsum dolor E info@energieinspectiefriesland.nl www.energieinspectiefriesland.nl ALGEMENE GEGEVENS Gebouw Geïnspecteerd op 14 december 2018 Bouwjaar 1607 Eigendomssituatie Eigenaar
Nadere informatieSJABLOON WETENSCHAPPELIJK RAPPORT OPMAAK COVER DOOR DIENST EXTERNE COMMUNICATIE
\\\\\\ SJABLOON WETENSCHAPPELIJK RAPPORT OPMAAK COVER DOOR DIENST EXTERNE COMMUNICATIE Mail titel en coverfoto (indien beschikbaar) door naar Olivier Van Impe (o.vanimpe@vmm.be). Titel rapport hier invullen
Nadere informatieGEO-ICT Postgraduaat. hogent.be/fnt
GEO-ICT Postgraduaat hogent.be/fnt 2016 2017 01 Inleiding 02 Programma 04 Toelatingsvoorwaarden 04 Intakegesprek 05 Organisatie lessen 05 Diploma 06 Infomomenten 06 Kostprijs 06 Modaliteiten 06 Inschrijven
Nadere informatieSAMEN GROEIEN MET DE IT-OPLEIDER MET DE BESTE SERVICE VAN NEDERLAND
SAMEN GROEIEN MET DE IT-OPLEIDER MET DE BESTE SERVICE VAN NEDERLAND Huisstijlhandboek maart 2017 - Versie 1.4 INHOUD 3. Inleiding 4. Het logo 6. Kleuren 9. Typografie 15. Pay-off 16. Fotografie 17. Fotografie
Nadere informatieKlantrapport. Fixie. Quickscan
Klantrapport Fixie Quickscan Inhoud Klanten zijn kostbaar Inleiding en opdracht Dataverantwoording Herkomst klanten Samenvatting klantprofiel Conclusies & aanbevelingen Notities Pagina 4 Pagina 5 Pagina
Nadere informatieBelangrijke data Belangrijke data. Weekthema: Leerling zijn Rhondcus dolor. De leerlingen werken deze dag aan het project.
Nr. 7 2 oktober 2015 Belangrijke data Belangrijke data Hieronder vindt u een overzicht van belangrijke data: Hieronder vindt u een overzicht van belangrijke data ma voor 11 t/m de komende 26 mei weken
Nadere informatieWeekthema: Afscheid nemen. Belangrijke data Belangrijke data. Rhondcus dolor. Weekthema: Dank je! 20 + 21 november
Weekthema: Mei 2015 week Dank 21 je! Nr. 10 30 oktober 2015 Belangrijke data Belangrijke data Hieronder vindt u een overzicht van belangrijke data: vindt u een overzicht van Hieronder belangrijke data
Nadere informatiev.1.5-01/2012 - p. 2 Inleiding
Logowijzer Natuurmonumenten v.1.5-01/2012 v.1.5-01/2012 - p. 2 Inleiding Deze logowijzer hoort bij de logomap van Natuurmonumenten en geeft beknopte informatie over het toepassing van het logo en de technische
Nadere informatieZonnepanelen Offerte
Zonnepanelen Offerte Verduurzamen met een goed rendement Datum: 01-01-2019 Geldigheid: 2 weken UW SITUATIE, Gouda Wij hebben met de grootste zorg een passend legplan gemaakt voor uw dak. Op uw verzoek
Nadere informatie2019 IRO NETHERLANDS SUPPLIERS CATALOGUE In 2019 zal in samenwerking met IRO opnieuw de Netherlands Suppliers Catalogue worden gepubliceerd. In deze catalo gus hebben IRO leden die diensten en producten
Nadere informatieGEO-ICT. Postgraduaat
GEO-ICT Postgraduaat 2017 2018 01 Inleiding 02 Programma 04 Toelatingsvoorwaarden 04 Intakegesprek 05 Organisatie lessen 05 Diploma 06 Infomomenten 06 Kostprijs 06 Modaliteiten 06 Inschrijven geo-ict postgraduaat
Nadere informatie2018 IRO NETHERLANDS SUPPLIERS CATALOGUE IRO heeft in 2017 haar activiteiten, naast olie en gas, uitgebreid naar offshore wind en andere vormen van hernieuwbare energie op zee. Deze verandering komt tot
Nadere informatieLogo & kleuren. PMS Rhodamine Red C 5. M 100 R 240. G 0. B 140 RAL 4010 WEB colour #F0008C
Logo Guide Logo & kleuren Het logo is een origineel ontwerp dat een sterk herkenbaar beeld van het product biedt. Het moet worden gebruikt zoals het hier wordt voorgesteld, en mag in GEEN GEVAL gewijzigd
Nadere informatieVersie: Merkidentiteit richtlijnen
Versie: 30-06-2017 Merkidentiteit richtlijnen Inhoudsopgave 1. Huisstijl Logo Achtergrond Illustratie Kleur Typografie 2. Drukwerk Logobalk Flyer A5 en Poster A3 Backdrop Klapper E-ticket Programmaboekje
Nadere informatie2017 IRO NETHERLANDS SUPPLIERS CATALOGUE Met ingang van 2017 zal IRO haar activiteiten, naast olie en gas, uitbreiden naar offshore wind en andere vormen van hernieuwbare energie op zee. Deze verandering
Nadere informatieWat gaan we behandelen?
Wat gaan we behandelen? Module 1: Introductie tot Joomla! CMS Module 2: Joomla! Templates Module 3: Elementen van het web Module 4: Basis van een template Module 5: Begin constructie Module 6: Positionering
Nadere informatieThe proof of the pudding
The proof of the pudding service van visie naar praktijk. Regie Podium Verzint het recept voor de pudding Publiek Maakt de pudding proeft de pudding The proof of the pudding 1 Blablabla toonaangevend blablabla
Nadere informatie1) aangepast logo 2) nieuw ontwerp briefpapier. 3) nieuw ontwerp brochure
gemeente VOORSCHOTEN RAADSTUKKEN Informatiebrief Zaaknummer: Z - 23066 Documentnummer: Datum: Onderwerp: Bijlage(n): INTERN-16266 11 oktober Aanpassing huisstijl 1) aangepast logo 2) nieuw ontwerp briefpapier
Nadere informatie