Fronteers — vakvereniging voor front-end developers

Stijlgids

Koppen

Sectie titel

Met wat tekst.

Kop 1

Met wat tekst.

Kop 2

Met wat tekst.

Kop 3

Met wat tekst.

Standaard alinea's

Deze professionalisering moet ertoe leiden dat buitenstaanders sneller het verschil kunnen zien tussen een goede en een slechte front-ender. Daarnaast biedt het duidelijkheid voor de front-enders zelf: zij kunnen nu sneller en beter zien wat ze eigenlijk moeten weten en kunnen om een goede front-ender te zijn.

Hoewel Fronteers op dit moment voor het merendeel uit professionele, full-time front-end programmeurs bestaat, kan iedereen lid worden, mits hij of zij de doelstelling en de voornaamste middelen van Fronteers onderschrijft.

Lijsten

Ongesorteerde lijst

  • Eerste item
  • Tweede item
  • Derde item met een iets langer stukje tekst zodat je kunt zien wat er gebeurt als 'ie de regel moet afbreken
  • Vierde item
    • En met een extra niveau
    • Ja, waarom niet
  • Vijfde item

Gesorteerde lijst

  1. Eerste item
  2. Tweede item
  3. Derde item met een iets langer stukje tekst zodat je kunt zien wat er gebeurt als 'ie de regel moet afbreken
  4. Vierde item
    1. En met een extra niveau
    2. Ja, waarom niet hier ook een extra niveau?
  5. Vijfde item

Definitie lijst

Item 1
En een beschrijving
Item 2
Met een langere beschrijving, zodat ook goed te zien is wat er dan gebeurt. Als er überhaupt iets gebeurt natuurlijk, want dat weet je maar nooit eigenlijk. Blijft toch spannend, tekst schrijven waarvan je weet dat niemand het ooit gaat lezen. Hoewel er een klein kansje is dat iemand, jij nu, dat wel doet.

Inline lijst

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • En een langer item, nummer 5
  • Item 6

Tabellen

Simpele tabellen

Tabel titel
Browser Versie Percentage
Opera 9 2%
Firefox 2 20%
Safari 2 3%
IE 6 40%
IE 7 35%

Tabellen met prijzen

Fronteers 2013 ticket prices (excluding 21% VAT)
Members early bird conference ticket, 2 days Sold out € 200,00
Non members early bird conference ticket, 2 days Sold out € 275,00
Members conference ticket, 2 days Sold out € 275,00
Non members conference ticket, 2 days Sold out € 350,00
Workshop ticket for Fronteers members € 275,00
Normal workshop ticket € 350,00
Workshop + conference ticket for Fronteers members € 550,00
Normal workshop + conference ticket € 700,00

Tabel met programma

Schedule Thursday October 7th
Time Session
08:00 Doors open registration and a good morning coffee, while you took a peek at the contents of your goodiebag
08:45 Welcome speech by Justin
09:00 The Design of HTML5 by Jeremy Keith
10:00 Coffee break
10:30 JavaScript - Like a box of chocolates by Robert Nyman
11:30 Vector Graphics for the Web by Brad Neuberg
12:30 Lunch provided at the venue
13:30 A CSS3 talk by Håkon Wium Lie
14:30 Progressive Downloads and Rendering by Stoyan Stefanov
15:30 Break
16:00 CSS Workflow by Jina Bolton
17:00 Reusable Code, for good or for awesome! by Jake Archibald
18:00 Drinks in the foyer
19:30 Afterparty in the VIP room

Quote

Dan Cederholm, Bulletproof Web Design

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sollicitudin. Donec eleifend posuere ipsum. Nunc laoreet, nibh at varius ultrices, turpis odio pulvinar turpis, et mattis nisl lorem sed nunc. Mauris lorem.

Code

<div id="pane">
 <div>
  <form method="post" action="#">
   <fieldset>
    <legend>Inloggen</legend>
    <input type="text" title="Gebruikersnaam">
    <input type="password" class="text">
    <input type="submit" class="submit" value="Inloggen"> <!-- commentaar -->
   </fieldset>
  </form>
 </div>
</div> <!-- #pane -->

Shell scripts

alias cp='cp -i';
alias mv='mv -i';
alias rm='rm -i';

JSFiddle

Formulier

Voorbeeld

Radio's
Checkboxes Minimaal 1
Ben je lid?

Afbeeldingen

Foto's van sprekers (congres)

Meestal met ernaast ook een beschrijving.
Zodat het niet zo gek staat.
Alleen een hoofd.

Brede foto's

Maps

Video

Transcript

...but since we're in a movie theater, I have this little tradition. [sounds of a movie starting]

This will all make sense, maybe. It's a movie theater. I always think that if I make somebody once feel the same way I felt when I was 15 and a movie was just about to start, then I've lived a happy life, I suppose.

My name is Marcin, I'm a user-experience designer and developer at Google. I am here to talk about a couple of things related to doodles and hopefully it's going to be interesting.

This is the doodle team. There are quite a few people whose only job 24-7 is to actually work on doodles and do all of those illustrations. As you will notice, I'm not part of the team. I actually asked some of the illustrator one day to just, "Hey, can you draw me a cat? Just spend five minutes to draw me a cat." A few of them right here. This is a cat I can draw, and I'm actually pretty good at drawing cats, believe it or not.

I can't really contribute in any way by drawing, but I help with user experience, I help with JavaScript, I help with all sorts of things like that. That's kind of what I wanted to talk about.

Meerdere secties

Met natuurlijk wat tekst.

Ledenlijst

Naam Werkgever
Voornaam Achternaam Werkgever
Maan voor Maan achter Geefwerker
Naam voor Naam achter Verwerker

Meerdere secties

Met natuurlijk wat tekst, of lijsten.

Het inschrijfformulier voor nieuwe leden

Altijd handig om gestyled te hebben.

Inschrijfformulier

Studentenlidmaatschap

Nieuwsbrief
Openbare ledenlijst

Let op: je ontvangt binnen een paar dagen tot een week een handmatige welkomstmail, waar je nog op dient te reageren voordat je echt lid bent. Voeg @fronteers.nl dus straks even toe aan je white-list.

Meerdere secties

Met natuurlijk wat tekst.

Blogposts

Kun je nooit genoeg van krijgen eigenlijk.

Reacties

1 Reageerder op 01-01-2013 om 12:12 uur:
Hier een reactie op iets.
2 Reageerder op 01-01-2013 om 13:13 uur:
Hier een reactie op iets anders.
3 Reageerder op 01-01-2013 om 14:14 uur:
Hier de zoveelste reactie.
Plaats een reactie