
<!DOCTYPE html>
<!--[if lte IE 8]><html class="no-js ie8" lang="en"><![endif]-->
<!--[if IE 9]><html class="no-js ie9" lang="en"><![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
<!--<![endif]-->
<head>
    <meta charset="utf-8">

    <!-- −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

                                                                                                             `−.
                                                                                                         .`  +hy  `.
                                                                                                        .yho:ohy:ohy:
   .ooooo/                             −ooooo−                     −/+oo`                                `:ohhhhho:`
   `./hhho                             `.ohhh/                       `yy`                                ./syhhhhs/.`
     .hhho    .://+/:.  −::::: `::::::   +hhh/ :::::::.  `−:///:.     yy`   `−::::−` .::::`   ::::.     .sy+−+hy−+sy:
     .hhho  .oyhs:−+hyo.−+hhhy``:+hhhs   +hhh/ :+hhy+/.`+yhs:−+yyo−   yy`  /y/.``./s/`.−yh.   ..oh/      ``  +hy  `.
     .hhho `shhh/−−:yhhy. hhhy`  `hhhs   +hhh/−+yho`   +hhh+−−−yhhy`  yy` −hy−−−−−−sh: `yh.     /h/          `.`
     .hhho `hhhho+++++++. hhhy`  `hhhs   +hhhysshhy+`  shhho+++++++.  yy` :hy......−−. `yh.     /h/
     −hhhs  ohhh+   `+oo` hhhy.  :hhhy   +hhh+``/hhhs. /hhho   .oo+   yy` `yh.     .s.  yh.    `sh/
   .syyyyys+`/shhsooyy+.  /yhhyso:yyyysssyyyyy+.yyyyyys.:oyhyosys+`.:/yy+:−`/s+:::+o:   :ys/::/:+ys::
    ```````    `.−−−``     `...`  ````````````  ```````   ``...`    ``````    ``.``       `..`   ````


   Juist, jij snapt het... degene die wij zoeken kijkt natuurlijk hier! :)

   Lijkt het je leuk om samen met ons gave dingen te maken?
   Neem dan contact met ons op via vacatures @ leukeleu.nl of 088 - 4 500 200.
   Laat ergens in dat gesprek of in je mail de uitspraak "The source is strong with this one" vallen,
   en je bent al half binnen! :)


                :++o/`                             ``                                                                                      `:::.                            `o/+++s/                              `                                                                                        .s/o/+//
               :syhddo`                          .//:−`                       −o+o:                          .oyhy+`                      /hhhhyy.                          .+/+/+:.                           :yhhyo.                      `−::−−`                           :oooo−                       `++++//.
               s///ohy:                          /+//−−                      /s+++yo`                        ysoo+++                      ho/++/y+                          `/+++/−                           :y+//+ss                      y+///:o                          :+////+`                      `:osso−
               s//++od+                         `/+//.−                      oso+o+so`                      `o/+/+:/                      //+/++/−                           /oo++`                           :+o/+/++                     `s+o+o/+.                         −/+/+//`                    .:sy+///:
               o+/+oydo                          −+/:−`                      :s+o+/:s                        −:+++:.                      `−++/+−`                           /+o++:.`                         :++/+::`                      ./+++:−                           :///:.                  `/ssyhhyosyyso:.
           `..:/s/+hhhs+:.                    ``.:/+:−−:..                    :+o+:/:`                        /+o//−                      −+/++/++/.`                    .:/osoosyso++/−                 `.−:s+++//o`                       ./++//:                           :/+:−                   −syyyhhhhyyyyhhs/
           +ossoyo+yhhhyyo:                 .+ssyy+++oyyyo+.                −:o++/+oso:.`                 `.−:o+++o/:−.`                .:yhs+osyhyyyo:`                +ssosyyyysoosyso.              .oyhhddy+++shyo:.                  `.+s//+o+//−`                  .−/+so///so/:−`              −ssyyhyyyssssyhys/
          −ossossyshhhhyyss/.              `syyyyyyyhhyhys+:              :oyyys:−:sssso+:              `::::/++o+o+///:−             .syhhhhhhhhhyhhhys/`             −ssoosyyyyssssyys/             .yhhhhhhhhhhhhhyyso.               −oosso+oooooo+/`              −syhhhhhyyyhhhhyy/`            .ossy−niels−ysyhys.
          +sso−pien−yhhssyyy/:`            /yyh−nick−yhhso+−             :yyyyyy+:ssoooooo:             −//:::///////:///`           :yhhhhhhhhhhhyyyhdho+             /yysy−bart−yyyhhs+`           `ydhhhhhhhhhhhyhhhhyo:             `oosso/oooooooo+:             +hhhhhhhhhhhhhhhhhyo`            /sssyhhyysyyyyhhyo.
         −ssyossoddyyyhs:.:yss/−          `syyhyyyhhyhhys+/`            `syyy−dennis−sssyyo−            /+/−chi−shang−/o:.          −hhhhh−ramon−hyyyhddsy−            ohysyyyyyyyyyydhso`          `sdddhhhh−marko−yhhhhys:            :soo−bram−oooss+/.           /hddhhh−marco−yyhhdhyo`           .osyyyssssssysssss+
         +syhsossmyyhys+   `/ys+−         −yyyyyyyyyyyhys+−             :yhhyyyyysssssooyhyo.          `/+o//////////:oo:−          shhdhhhhhhhhhhyyyyddhh+`          `yhhssyyyyysssymhys.          odddoyhdhhhhhhhhyhddhhhy+`          ososssssssooohso+−         `+hhh/yhhhhhhhhhyyyyyyhyo`           +syhyyyyhhhhyysss+
        .sshssssyhyysso.    −ss/.         :yyyyhhhhhhyyys+`            `syhhyyyyyysssso+.yhyo`         −/+s/////////::s+/−         −dhdddhhhhhhhhhyyyydddhs:          −yhhosyyyyssoshmhhs−         :ddds`hhhhdhhhhhhhhho−sddho`        .sysssssssssosdys+:         −hdh. ohhhhhhhhyyyyy−`yhy/           sshhhyyyyyhho−:::`
        /oysssssyys+s++  `−+so:`          .osyhhhhhhhysso/             .yhhhyyyyyssssso: −dhs.         −+os////+////::ho/−         .hdddhhhhhhhhhhyyysdddhy:          /hhhssyyyyyssshyhhy/         +ddd− hhdddhhhhhhyhy+  odhy:        /sysosssssoooshsso/         .hdh  +hhhhhhhyyyyy/  hhy/           syyhhhhhyyss+
       ./osossysosssss+−:so/.`               ohhhhhyyssoo:             :yhhhyyyyyysssss:  hys.         /+so///++/+/::+ho/:          +dddhhhhhhhhhhyyyyddhhs.          shdhsyyyhyyyyyhsyhy+         −ddd.`hhddddhhhhhhyy−  :dhy−        oyysosssssoosyh/so/`         +hh− :hhhhhhyyyyyy` /dhs`           oyhhhhhhyyss+
       −+sssyyyysossss+/−−.                  yhhhhhhyssso:             /yhhyyyyyyyyssso: −hyo          :+oo++++++//::os+/−          .hddhhhdddhhhhhhhyhdhyo          `yhdyyyhhhhhhyhddhhy:         `hdd//hhhdhdhhhhhhhy− .yhh+        `syyssssssssssyh/o+:          `yhy−.hdhdhhhyyyh+.ohhy−            oyyhhyyyyyss+
       −+ysyysyydssyyo+/                    −yhhhhhhhysso:             +yhhhhhhhhyyyyss: ohy:          −++s++++o++///oo+/.          .ydddddhhhhhhhhhhhddho.          :hddhhhhhhhhhhhddhys`          /ddhodddddhhdhhhhhh:.yhho`        −yhsssssyssssyhhso+−           −syo+yhdddhhhyyo:ohho−             shyysoooo++o+
       :ohsysyyymssyyoo+.                   :yhhhhhhhhyss:             ohhyyhhddhhhyyys/:hh+            /+s+++s++++/+s+/:           .yyshddddhhhhddhhhyy+`           :hddhhhhhhhhhhddhhy:            ossydddddddhhhhhhh/oyy/`         +yhosssssyyyyyysso/`             ./oyhdddhhhhh+:−:−              `hhhhhhyssssys.
       +ohossyydmysyss+o−                   :syyhhdhyysoo:             oyhhhhdddddhhyyssoo+.            .ooooooo++//oso:`            .+oydddddddddddh+:−             :yddddddddddmmmhhy/             `++oyhhdddddddhyso//:.           +syhyyyyyyyyyysoo+.               `yhdddhhhyyhy/                 .ddddhhhddddhy−
       +ohsyyyhmmhssysoo−                   /osyhddhyo+/++             +oshhhddddddhyyys/−               /hhysoy++oyyyo               `odhddddddddhhhs+`             −++hmmmmmmmmmmyos+               −/osssyyyyyyyoooo:−             /oohhddddddddyo+/.                :hhhhddhhysss/                 /ddddhhdddmdhh−
       +yhyysydmddsyysso/                   +syhhddhys+///             ++yhhhdddhddhyyso`                +ddddddhdmdddh`               .hhddddddddhyyy+              /s+dmmmmmmmmmdo+/.                /ossyyhhyyssoo++`              /:/hdddddddddyoo:                 :hhhhhhhhysso:                 :ddddhhhmmdddy.
        +ysyyhmmy/yyyys++                   oyyhhdhhyys++:              .hhhddds.dddhyy−                 +dddddy+ddddhh.                ohdddmdddhhyyy:              .++dmmmmmhmmmdys+`               `ssssyhdyyhyys++−               `./hddddddddhys−                  /hhhhhddhhyso/                 :ddddhoommmddy`
         −/shdmms`yyyyso:                   syhhdd+syyyo+−              −hhhddy` yddhys                  oddddd− odddhh−                −hdddmddddhhys`                 smmmmm+hmmmdh                 −sssyyhh.ohyys++                  +hdddddddhhys                   :hhyyhdshhhs++                 +dddhh`/mmmdhy
           /mmmm+ oddddd                    +syhdh./yyyo+`              :hhhdd.  oddhhy                  odddds  `dddhh:                 ydddmddddhhys                  .dmmmm+ommmmy                 :sysyyh: /yyys//                  /dddddsddhhy+                   .hhhyhy/hhhs+−                 ydddho .mmddhs
           .mmmd− .dmddd                    −syhds .yyyo+               :hhhds   +ddhho                  /dddd−   sdddh:                 +dddddddhhhy+                   smmmm:/mmmdd`                +yssyho  `yyyo/.                  :ddddd.ydhhh`                    +yhyh+/hhho:                  ddhhh− .mmddh−
           `mmmd.  /dmdd:                   .yyhh−  yyo+o`              /hhhd:   :dhys−                  :dddh    :ddhh`                 −hddddddhhyo`                   +mmmm−`dmmdh                 ssyyyy−   oyy+/                   .ddddh sdhyh`                    `yhyh−−hhy+.                 `dddys  .mmddy
            hmmd−   ommdd−                  ohhdh`  oyo+o.              +hhdh    .ddyy−                  /ddd/     ydhh:                  .hdddddhhy:                    .mmmm: hmmmd−               .yyyyy/    oyo//                   `hddds /dhhy`                    `hhhs  shy/`                 .dddh:  −mmmds
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− -->


    <title>Highlight - Leukeleu</title>

    

    <link rel="shortcut icon" href="/static/img/favicon.ico" />

    <link rel="stylesheet" href="/static/CACHE/css/79596a1f7ca3.css" type="text/css" media="screen, projection" />

    <script type="text/javascript" src="/static/CACHE/js/00aae25ba12e.js"></script>

    
        <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-4864740-1']);
    _gaq.push(['_trackPageview']);

    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
</script>

    
</head>

<body class="allow-media-queries highlight ">
    <header class="header fixed-header">
        <div class="header-inner container">
            <div class="logo">
                <a href="/">Leukeleu</a>
            </div>
            <div class="payoff">
                <p>partner in webtechniek</p>
            </div>
            <nav class="mainmenu">
                


<ul>

    

        <li class="
            home
            
            first
            
        ">
            <a href="/">Home</a>

            

        </li>

    

        <li class="
            highlight
            current
            
            
        ">
            <a href="/highlight/">Highlight</a>

            

        </li>

    

        <li class="
            filosofie
            
            
            
        ">
            <a href="/filosofie/">Filosofie</a>

            

        </li>

    

        <li class="
            werk
            
            
            
        ">
            <a href="/werk/">Werk</a>

            

        </li>

    

        <li class="
            meer
            
            
            
        ">
            <a href="/meer/">Meer</a>

            

        </li>

    

        <li class="
            vacatures
            
            
            
        ">
            <a href="/vacatures/">Vacatures</a>

            

        </li>

    

        <li class="
            contact
            
            
            last
        ">
            <a href="/contact/">Contact</a>

            

        </li>

    

</ul>



            </nav>
        </div>
    </header>
    <section class="main">
        
            <section class="page tpl-pixel-perfect">
                <div class="page-inner container">
                    
    
                        <article class="column span-4 span-first span-last">
                            <h1><i class="icon-heading icon-chevron-right"></i>
                                <a href="/highlight/">
                                    
                                        Pixel-perfection
                                    
                                </a>
                            </h1>
                        </article>
                    

    <article class="column span-2 span-last span-right">
        <p>
            <img class="visual" src="/static/img/bg-pixel-perfect-visual.png" alt="" />
        </p>
    </article>
    <article class="column span-2 span-first">
        


<div>



    
        

    

<div class="content">

    

    
        <h2 class="quote">&ldquo;Elke pixel precies daar waar &rsquo;ie hoort&rdquo;</h2>
    

</div>



    

</div>

    </article>
    <article class="column span-1 span-clear span-first">
        


<div>



    
        

    

<div class="content">

    

    
        <h3>Mobiel - Tablet - Desktop</h3>

<p>Websites en web apps moeten tegenwoordig goed omgaan met een grote variatie aan&nbsp;devices.</p>

<p><span style="line-height: 1.6em;">Al die devices verschillen onder andere qua&nbsp;</span><span style="line-height: 1.6em;">fysieke afmetingen,&nbsp;</span><span style="line-height: 1.6em;">resolutie en&nbsp;</span><span style="line-height: 1.6em;">pixeldichtheid.</span></p>

<p>Wij zorgen ervoor dat jouw website of web app op alle devices er goed uitziet, en - niet minder belangrijk - goed werkt!</p>

    

</div>



    

</div>

    </article>
    <article class="column span-1">
        


<div>



    
        

    

<div class="content">

    

    
        <h3>Techniek to the rescue</h3>

<p>Tegelijkertijd met de explosie aan devices zijn ook de beschikbare technieken om websites of web apps te bouwen verbeterd.</p>

<p>Zo bouwen wij nu onze sites&nbsp;responsive (waarbij&nbsp;de site reageert op de beschikbare ruimte), verkiezen we&nbsp;vector-graphics boven bitmaps, werken we met&nbsp;<span style="line-height: 1.6em;">CSS3 technieken voor onder andere gradients, </span><span style="line-height: 1.6em;">shadows en animaties, en implementeren we graag&nbsp;</span><span style="line-height: 1.6em;">web fonts.</span></p>

<p><span style="line-height: 1.6em;">​Daarnaast gebruiken we JavaScript voor animaties en navigatie.&nbsp;Zo leveren we voor ieder&nbsp;</span>device een passende oplossing.</p>

    

</div>



    

</div>

    </article>

                </div>
                
            </section>
        

    </section>
    <footer class="footer container">
        <div class="btn-disable-media-queries">
            <a href="#" >Naar de volledige site</a>
        </div>
        <div class="logo">
            <a href="/">Leukeleu</a>
            <div class="payoff">
                <p>partner in webtechniek</p>
            </div>
        </div>
        <p class="copy">&copy; 2014 Leukeleu B.V.</p>
        <nav class="footermenu">
            


<ul>

    

        <li class="
            algemene-voorwaarden
            
            first
            last
        ">
            <a href="/media/uploads/files/ICT-Office_Voorwaarden.pdf">Algemene voorwaarden</a>

            

        </li>

    

</ul>



        </nav>
    </footer>

    <script id="all-fiber-pages" type="text/fiber_page">
        
            <section class="page tpl-home" data-doc-title="Home - Leukeleu" data-slug="/">
    
        <div class="page-inner container">
            
    <div class="person-container">
        <div class="person-list">
            <div class="person ramon">
                <div class="tooltip">
                    <div class="icons">
                        <a href="https://github.com/ramonakira" title="github"><i class="icon-github-alt"></i></a>
                        <a href="http://www.linkedin.com/pub/ramon-de-jezus/14/660/b7b" title="LinkedIn"><i class="icon-linkedin"></i></a>
                    </div>
                    <h3>Ramon</h3>
                    <p>
                        <a href="&#109;&#97;&#105;&#108;&#x74;&#x6f;&#58;&#x72;&#x64;&#x65;&#x6a;&#x65;&#x7a;&#x75;&#x73;&#64;&#108;&#x65;&#117;&#x6b;&#x65;&#x6c;&#x65;&#x75;&#x2e;&#110;&#108;">&#114;&#100;&#101;&#x6a;&#x65;&#122;&#x75;&#115;&#64;&#x6c;&#x65;&#117;&#107;&#101;&#x6c;&#101;&#x75;&#46;&#110;&#x6c;</a>
                    </p>
                </div>
            </div>
            <div class="person bart">
                <div class="tooltip">
                    <div class="icons">
                        <a href="https://github.com/bheesink" title="github"><i class="icon-github-alt"></i></a>
                        <a href="http://www.linkedin.com/in/bheesink" title="Twitter"><i class="icon-twitter"></i></a>
                        <a href="https://twitter.com/bheesink" title="LinkedIn"><i class="icon-linkedin"></i></a>
                    </div>
                    <h3>Bart</h3>
                    <p>
                        <a href="&#109;&#97;&#x69;&#108;&#116;&#x6f;&#x3a;&#98;&#104;&#x65;&#x65;&#x73;&#x69;&#x6e;&#107;&#x40;&#108;&#101;&#x75;&#x6b;&#101;&#x6c;&#101;&#x75;&#46;&#x6e;&#108;">&#x62;&#x68;&#x65;&#101;&#115;&#x69;&#110;&#x6b;&#x40;&#x6c;&#101;&#117;&#107;&#x65;&#108;&#101;&#117;&#46;&#x6e;&#x6c;</a>
                    </p>
                </div>
            </div>
            <div class="person vacature">
                <a href="/vacatures/">Bekijk onze vacatures »</a>
                <div class="tooltip">
                    <div class="icons">
                        <a href="https://github.com/leukeleu" title="github"><i class="icon-github-alt"></i></a>
                        <a href="https://twitter.com/leukeleu" title="Twitter"><i class="icon-twitter"></i></a>
                        <a href="http://www.linkedin.com/company/leukeleu-b.v." title="LinkedIn"><i class="icon-linkedin"></i></a>
                    </div>
                    <h3>Jij?</h3>
                    <p>
                        Bekijk onze <a href="/vacatures/">vacatures</a> of mail<br>
                        naar <a href="&#x6d;&#97;&#105;&#108;&#116;&#x6f;&#58;&#x76;&#x61;&#99;&#97;&#x74;&#x75;&#114;&#101;&#115;&#64;&#x6c;&#x65;&#117;&#107;&#101;&#108;&#x65;&#117;&#x2e;&#x6e;&#x6c;">&#118;&#x61;&#99;&#97;&#116;&#117;&#114;&#x65;&#115;&#64;&#108;&#x65;&#x75;&#107;&#x65;&#x6c;&#x65;&#117;&#x2e;&#x6e;&#x6c;</a>
                    </p>
                </div>
            </div>
            <div class="person bram">
                <div class="tooltip">
                    <div class="icons">
                        <a href="https://github.com/bsimons" title="github"><i class="icon-github-alt"></i></a>
                        <a href="http://twitter.com/bramsimons " title="Twitter"><i class="icon-twitter"></i></a>
                        <a href="http://www.linkedin.com/in/bramsimons" title="LinkedIn"><i class="icon-linkedin"></i></a>
                    </div>
                    <h3>Bram</h3>
                    <p>
                        <a href="&#x6d;&#97;&#x69;&#x6c;&#x74;&#111;&#x3a;&#x62;&#x73;&#105;&#x6d;&#x6f;&#110;&#x73;&#x40;&#x6c;&#101;&#117;&#x6b;&#101;&#x6c;&#x65;&#117;&#46;&#x6e;&#x6c;">&#98;&#115;&#x69;&#x6d;&#x6f;&#110;&#x73;&#64;&#108;&#x65;&#x75;&#x6b;&#101;&#x6c;&#101;&#117;&#46;&#110;&#x6c;</a>
                    </p>
                </div>
            </div>
            <div class="person marco">
                <div class="tooltip">
                    <div class="icons">
                        <a href="https://github.com/mbraak" title="github"><i class="icon-github-alt"></i></a>
                    </div>
                    <h3>Marco</h3>
                    <p>
                        <a href="&#109;&#x61;&#105;&#108;&#x74;&#x6f;&#58;&#x6d;&#x62;&#x72;&#97;&#x61;&#107;&#64;&#108;&#x65;&#x75;&#x6b;&#101;&#x6c;&#x65;&#x75;&#x2e;&#110;&#x6c;">&#109;&#x62;&#114;&#97;&#97;&#107;&#x40;&#x6c;&#101;&#x75;&#x6b;&#101;&#108;&#101;&#x75;&#46;&#110;&#x6c;</a>
                    </p>
                </div>
            </div>
            <div class="person niels">
                <div class="tooltip">
                    <div class="icons">
                        <a href="https://github.com/nvandijk" title="github"><i class="icon-github-alt"></i></a>
                        <a href="https://twitter.com/nielsvandijk" title="Twitter"><i class="icon-twitter"></i></a>
                        <a href="http://www.linkedin.com/pub/niels-van-dijk/14/317/52a" title="LinkedIn"><i class="icon-linkedin"></i></a>
                    </div>
                    <h3>Niels</h3>
                    <p>
                        <a href="&#x6d;&#97;&#x69;&#108;&#x74;&#x6f;&#x3a;&#x6e;&#x76;&#97;&#x6e;&#100;&#105;&#x6a;&#107;&#64;&#x6c;&#101;&#x75;&#x6b;&#101;&#108;&#x65;&#117;&#x2e;&#110;&#x6c;">&#x6e;&#118;&#x61;&#110;&#x64;&#x69;&#x6a;&#x6b;&#x40;&#108;&#x65;&#x75;&#x6b;&#x65;&#x6c;&#101;&#117;&#46;&#110;&#x6c;</a>
                    </p>
                </div>
            </div>
            <div class="person jaco">
                <div class="tooltip">
                    <div class="icons">
                        <a href="http://www.linkedin.com/pub/jaco-bovenschen/74/b58/2b1" title="LinkedIn"><i class="icon-linkedin"></i></a>
                    </div>
                    <h3>Jaco</h3>
                    <p>
                        <a href="&#109;&#x61;&#105;&#108;&#116;&#x6f;&#x3a;&#x6a;&#x62;&#111;&#118;&#101;&#110;&#115;&#x63;&#104;&#x65;&#110;&#x40;&#108;&#x65;&#117;&#x6b;&#101;&#x6c;&#101;&#117;&#x2e;&#110;&#x6c;">&#x6a;&#98;&#x6f;&#x76;&#x65;&#x6e;&#x73;&#x63;&#104;&#101;&#x6e;&#64;&#108;&#x65;&#x75;&#107;&#x65;&#x6c;&#x65;&#117;&#x2e;&#x6e;&#108;</a>
                    </p>
                </div>
            </div>
            <div class="person bertine">
                <div class="tooltip">
                    <div class="icons">
                        <a href="http://www.linkedin.com/in/bertinevanpolen" title="LinkedIn"><i class="icon-linkedin"></i></a>
                    </div>
                    <h3>Bertine</h3>
                    <p>
                        <a href="&#x6d;&#97;&#105;&#x6c;&#116;&#x6f;&#x3a;&#x62;&#118;&#x61;&#110;&#x70;&#111;&#108;&#101;&#x6e;&#x40;&#108;&#x65;&#117;&#x6b;&#x65;&#x6c;&#101;&#x75;&#46;&#110;&#x6c;">&#98;&#x76;&#x61;&#110;&#x70;&#111;&#x6c;&#101;&#110;&#64;&#x6c;&#101;&#117;&#107;&#x65;&#x6c;&#x65;&#x75;&#x2e;&#x6e;&#x6c;</a>
                    </p>
                </div>
            </div>
            <div class="person nick">
                <div class="tooltip">
                    <div class="icons">
                        <a href="http://www.linkedin.com/in/nickbadoux" title="LinkedIn"><i class="icon-linkedin"></i></a>
                    </div>
                    <h3>Nick</h3>
                    <p>
                        <a href="&#109;&#x61;&#x69;&#108;&#116;&#111;&#x3a;&#110;&#x62;&#97;&#100;&#111;&#117;&#120;&#x40;&#x6c;&#x65;&#x75;&#x6b;&#101;&#x6c;&#101;&#x75;&#46;&#110;&#108;">&#x6e;&#98;&#x61;&#x64;&#111;&#x75;&#120;&#x40;&#x6c;&#101;&#x75;&#107;&#101;&#x6c;&#101;&#117;&#x2e;&#x6e;&#108;</a>
                    </p>
                </div>
            </div>
            <div class="person vacature">
                <a href="/vacatures/">Bekijk onze vacatures »</a>
                <div class="tooltip">
                    <div class="icons">
                        <a href="https://github.com/leukeleu" title="github"><i class="icon-github-alt"></i></a>
                        <a href="https://twitter.com/leukeleu" title="Twitter"><i class="icon-twitter"></i></a>
                        <a href="http://www.linkedin.com/company/leukeleu-b.v." title="LinkedIn"><i class="icon-linkedin"></i></a>
                    </div>
                    <h3>Jij?</h3>
                    <p>
                        Bekijk onze <a href="/vacatures/">vacatures</a> of mail<br>
                        naar <a href="&#109;&#97;&#x69;&#108;&#116;&#111;&#x3a;&#118;&#97;&#99;&#x61;&#x74;&#117;&#x72;&#101;&#x73;&#x40;&#x6c;&#x65;&#x75;&#x6b;&#x65;&#x6c;&#x65;&#117;&#x2e;&#110;&#x6c;">&#x76;&#x61;&#x63;&#x61;&#x74;&#x75;&#x72;&#101;&#x73;&#x40;&#x6c;&#x65;&#x75;&#107;&#101;&#x6c;&#101;&#x75;&#x2e;&#x6e;&#x6c;</a>
                    </p>
                </div>
            </div>
            <div class="person dennis">
                <div class="tooltip">
                    <div class="icons">
                        <a href="https://github.com/dbunskoek" title="github"><i class="icon-github-alt"></i></a>
                        <a href="https://twitter.com/dbunskoek" title="Twitter"><i class="icon-twitter"></i></a>
                        <a href="http://www.linkedin.com/in/dbunskoek" title="LinkedIn"><i class="icon-linkedin"></i></a>
                    </div>
                    <h3>Dennis</h3>
                    <p>
                        <a href="&#109;&#97;&#105;&#108;&#x74;&#x6f;&#58;&#100;&#x62;&#117;&#x6e;&#115;&#107;&#111;&#101;&#x6b;&#x40;&#x6c;&#101;&#x75;&#x6b;&#101;&#x6c;&#101;&#x75;&#46;&#x6e;&#x6c;">&#100;&#x62;&#117;&#x6e;&#x73;&#107;&#111;&#101;&#x6b;&#64;&#108;&#x65;&#117;&#x6b;&#101;&#108;&#x65;&#x75;&#46;&#x6e;&#x6c;</a>
                    </p>
                </div>
            </div>
            <div class="person chi_shang">
                <div class="tooltip">
                    <div class="icons">
                        <a href="https://github.com/cscheng" title="github"><i class="icon-github-alt"></i></a>
                    </div>
                    <h3>Chi Shang</h3>
                    <p>
                        <a href="&#x6d;&#x61;&#105;&#x6c;&#116;&#111;&#x3a;&#x63;&#115;&#99;&#x68;&#101;&#110;&#103;&#x40;&#x6c;&#x65;&#117;&#107;&#101;&#108;&#101;&#117;&#x2e;&#x6e;&#x6c;">&#x63;&#115;&#99;&#104;&#x65;&#110;&#103;&#x40;&#108;&#x65;&#117;&#x6b;&#x65;&#108;&#x65;&#117;&#46;&#110;&#x6c;</a>
                    </p>
                </div>
            </div>
        </div>
    </div>

        </div>
    
    
    <section class="logos">
        <div class="container">
            <article>
                <h1><i class="icon-heading icon-chevron-right"></i>Wij werken met veel plezier voor</h1>
            </article>
            


<div>



    
        

    

<div class="content">

    

    
        <p><img class="grayscale" src="/static/img/logos/abvakabo.svg" /> <img class="grayscale" src="/static/img/logos/accare.svg" /> <img class="grayscale" src="/static/img/logos/bankgiroloterij.svg" /> <img class="grayscale" src="/static/img/logos/beddenspecialist.svg" /> <img class="grayscale" src="/static/img/logos/de_ruimte_ontwerpers.svg" /> <img class="grayscale" src="/static/img/logos/e-hulp.svg" /> <img class="grayscale" src="/static/img/logos/fabrique.svg" /> <img class="grayscale" src="/static/img/logos/ggd_nederland.svg" /> <img class="grayscale" src="/static/img/logos/humanitas.svg" /> <img class="grayscale" src="/static/img/logos/kpn.png" /> <img class="grayscale" src="/static/img/logos/mijn_kind_online.svg" /> <img class="grayscale" src="/static/img/logos/nederlandse_museumvereniging.svg" /> <img class="grayscale" src="/static/img/logos/nisb.svg" /> <img class="grayscale" src="/static/img/logos/pixelpillow.svg" /> <img class="grayscale" src="/static/img/logos/studio_incognito.svg" /> <img class="grayscale" src="/static/img/logos/thonik.svg" /> <img class="grayscale" src="/static/img/logos/triodos_bank.svg" /> <img class="grayscale" src="/static/img/logos/umc_st_radboud.svg" /> <img class="grayscale" src="/static/img/logos/vastenaktie.svg" /> <img class="grayscale" src="/static/img/logos/voedingscentrum.svg" /> <img class="grayscale" src="/static/img/logos/vrije_universiteit_amsterdam.svg" /> <img class="grayscale" src="/static/img/logos/wnf.svg" /> <img class="grayscale" src="/static/img/logos/yarden.svg" /></p>

    

</div>



    

</div>

        </div>
    </section>

</section>

        
            <section class="page tpl-pixel-perfect" data-doc-title="Highlight - Leukeleu" data-slug="/highlight/">
    
        <div class="page-inner container">
            
    
                <article class="column span-4 span-first span-last">
                    <h1><i class="icon-heading icon-chevron-right"></i>
                        <a href="/highlight/">
                            
                                Pixel-perfection
                            
                        </a>
                    </h1>
                </article>
            

    <article class="column span-2 span-last span-right">
        <p>
            <img class="visual" src="/static/img/bg-pixel-perfect-visual.png" alt="" />
        </p>
    </article>
    <article class="column span-2 span-first">
        


<div>



    
        

    

<div class="content">

    

    
        <h2 class="quote">&ldquo;Elke pixel precies daar waar &rsquo;ie hoort&rdquo;</h2>
    

</div>



    

</div>

    </article>
    <article class="column span-1 span-clear span-first">
        


<div>



    
        

    

<div class="content">

    

    
        <h3>Mobiel - Tablet - Desktop</h3>

<p>Websites en web apps moeten tegenwoordig goed omgaan met een grote variatie aan&nbsp;devices.</p>

<p><span style="line-height: 1.6em;">Al die devices verschillen onder andere qua&nbsp;</span><span style="line-height: 1.6em;">fysieke afmetingen,&nbsp;</span><span style="line-height: 1.6em;">resolutie en&nbsp;</span><span style="line-height: 1.6em;">pixeldichtheid.</span></p>

<p>Wij zorgen ervoor dat jouw website of web app op alle devices er goed uitziet, en - niet minder belangrijk - goed werkt!</p>

    

</div>



    

</div>

    </article>
    <article class="column span-1">
        


<div>



    
        

    

<div class="content">

    

    
        <h3>Techniek to the rescue</h3>

<p>Tegelijkertijd met de explosie aan devices zijn ook de beschikbare technieken om websites of web apps te bouwen verbeterd.</p>

<p>Zo bouwen wij nu onze sites&nbsp;responsive (waarbij&nbsp;de site reageert op de beschikbare ruimte), verkiezen we&nbsp;vector-graphics boven bitmaps, werken we met&nbsp;<span style="line-height: 1.6em;">CSS3 technieken voor onder andere gradients, </span><span style="line-height: 1.6em;">shadows en animaties, en implementeren we graag&nbsp;</span><span style="line-height: 1.6em;">web fonts.</span></p>

<p><span style="line-height: 1.6em;">​Daarnaast gebruiken we JavaScript voor animaties en navigatie.&nbsp;Zo leveren we voor ieder&nbsp;</span>device een passende oplossing.</p>

    

</div>



    

</div>

    </article>

        </div>
    
    
</section>

        
            <section class="page tpl-philosophy" data-doc-title="Filosofie - Leukeleu" data-slug="/filosofie/">
    
        <div class="page-inner container">
            
    
                <article class="column span-4 span-first span-last">
                    <h1><i class="icon-heading icon-chevron-right"></i>
                        <a href="/filosofie/">
                            
                                Filosofie
                            
                        </a>
                    </h1>
                </article>
            

    <article class="column span-1 span-first">
        <div class="lkl-icon-blue">
            <i class="icon-group"></i>
        </div>
        


<div>



    
        

    

<div class="content">

    

    
        <h3><span class="small">We werken</span><br />
samen</h3>
<p>Iedereen moet doen waar hij goed in is. We werken daarom intensief samen met ontwerpers, communicatie-adviseurs en tekstschrijvers.</p>

    

</div>



    

</div>

    </article>
    <article class="column span-1">
        <div class="lkl-icon-blue">
            <i class="icon-screenshot"></i>
        </div>
        


<div>



    
        

    

<div class="content">

    

    
        <h3><span class="small">We werken</span><br />
pixel-perfect</h3>

<p>Samen met onze ontwerp-partners zorgen we voor een pixel-perfecte vertaling van ontwerp naar technisch perfect werkende site.</p>

    

</div>



    

</div>

    </article>
    <article class="column span-1">
        <div class="lkl-icon-blue">
            <i class="icon-random"></i>
        </div>
        


<div>



    
        

    

<div class="content">

    

    
        <h3><span class="small">We werken</span><br />
flexibel</h3>

<p>We hebben genoeg&nbsp;projecten gedaan om te weten dat je vooraf nooit precies weet wat de beste oplossing is. Daarom gebruiken wij een flexibele werkmethode (agile) die nieuwe inzichten omarmt om stapsgewijs tot een effectief eindresultaat te komen.</p>

    

</div>



    

</div>

    </article>
    <article class="column span-1 span-last">
        <div class="lkl-icon-blue">
            <i class="icon-cogs"></i>
        </div>
        


<div>



    
        

    

<div class="content">

    

    
        <h3><span class="small">We werken</span><br />
Open Source</h3>

<p>Omdat wij geloven in het delen van kennis&nbsp;en omdat we nooit willen stoppen met innoveren. Door Open Source software te gebruiken&nbsp;en mee te ontwikkelen aan Open Source projecten ontwikkelen we onszelf, en dragen we ons steentje bij aan een betere <nobr>(software-)wereld</nobr>.</p>

    

</div>



    

</div>

    </article>
    <article class="column span-2 span-first">
        


<div>



    
        

    

<div class="content">

    

    
        <h2 class="quote">&ldquo;Kwaliteit, professioneel, gebruiksvriendelijk&rdquo;</h2>

    

</div>



    

</div>

    </article>

        </div>
    
    
</section>

        
            <section class="page tpl-cases slug-werk" data-doc-title="Werk - Leukeleu" data-slug="/werk/">
    
        <section class="subpages">
            <div class="subpages-inner">
                
                    <section class="page tpl-cases slug-vrijfijn" data-doc-title="Vrijfijn - Leukeleu" data-slug="/werk/vrijfijn/">
    <div class="page-inner container">
        
    <article class="column span-2 span-first">
        <div class="visual vimeo-video">
            


<div>



    
        

    

<div class="content">

    

    
        <iframe src="http://player.vimeo.com/video/62250627" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
    

</div>



    

</div>

        </div>
    </article>
    <article class="column span-2 span-last">
        


<div>



    
        

    

<div class="content">

    

    
        <h2>Vrijfijn</h2>

<p>Opdrachtgever:&nbsp;Sense<br />
Ontwerp: de Ruimte ontwerpers</p>

<p><a href="https://www.vrijfijn.nl/">Vrijfijn.nl</a> biedt online hulp aan jongeren met seksproblemen door middel van informatie, testen en een intake waarop een behandeltraject volgt.</p>

<p>Vrijfijn.nl is onderdeel van Sense, het centrum voor seksuele gezondheid in Nederland. De organisatie wordt gefinancierd door het ministerie van Volksgezondheid, Welzijn en Sport (VWS).</p>

<p><a class="button" href="http://www.vrijfijn.nl">Naar de site</a></p>

    

</div>



    

</div>

    </article>

    </div>
</section>

                
                    <section class="page tpl-cases slug-99gram" data-doc-title="99gram.nl - Leukeleu" data-slug="/werk/99gram/">
    <div class="page-inner container">
        
    <article class="column span-2 span-first">
        <div class="visual vimeo-video">
            


<div>



    
        

    

<div class="content">

    

    
        <p><iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" src="http://player.vimeo.com/video/62160889" webkitallowfullscreen=""></iframe></p>

    

</div>



    

</div>

        </div>
    </article>
    <article class="column span-2 span-last">
        


<div>



    
        

    

<div class="content">

    

    
        <h2>99gram.nl</h2>

<p>Opdrachtgever: Accare<br />
Ontwerp: de Ruimte Ontwerpers</p>

<p>Alles wat je wil weten over eten, gewicht en uiterlijk kan je vinden op <a href="https://www.99gram.nl/">99gram.nl</a>. Jongeren met een eetprobleem kunnen hier een online behandeling volgen.</p>

<p>Een klikbare versie van het lichaam en interactieve BMI-meter maken de informatie laagdrempelig &amp; aantrekkelijk</p>

<p>Aan de hand van een test, waarin je binnen een paar minuten een idee hebt of je mogelijk een eetprobleem hebt, kan je je met een formulier aanmelden voor een online behandeling. De test is laagdrempelig, alleen bezoekers met een &eacute;cht probleem worden naar de online behandeling doorverwezen. Er wordt met verschillende factoren rekening gehouden (leeftijd, geslacht, anoniem / geregistreerd, enz.) waardoor er tientallen routes zijn die in het formulier doorlopen kunnen worden.</p>

<p><a class="pink button" href="http://www.99gram.nl">Naar de site</a></p>

    

</div>



    

</div>

    </article>

    </div>
</section>

                
                    <section class="page tpl-cases slug-triodos-bank" data-doc-title="Triodos Bank - Leukeleu" data-slug="/werk/triodos-bank/">
    <div class="page-inner container">
        
    <article class="column span-2 span-first">
        <div class="visual vimeo-video">
            


<div>



    
        

    

<div class="content">

    

    
        <p><iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" src="http://player.vimeo.com/video/61806424" webkitallowfullscreen=""></iframe></p>

    

</div>



    

</div>

        </div>
    </article>
    <article class="column span-2 span-last">
        


<div>



    
        

    

<div class="content">

    

    
        <h2>Triodos Bank</h2>

<p>Opdrachtgever: Triodos Bank<br />
Bureau: Dawn<br />
Ontwerp: Fabrique</p>

<p>Triodos Bank lanceert de campagne &ldquo;<strong>Wat wil je veranderen?</strong>&rdquo;. Reclamebureau Dawn is verantwoordelijk voor het concept en de strategie, Fabrique voor het ontwerp en Leukeleu voor de technische realisatie van de campagnesite.</p>

<p>Op <a href="http://www.watwiljeveranderen.nl/">watwiljeveranderen.nl</a> en middels het filmpje, dat te zien en te horen is op TV en radio, worden mensen gevraagd aan te geven wat zij willen veranderen. Op deze manier gaat Triodos Bank in dialoog met het publiek. Gebruikers stellen hun vragen op de site en bankmedewerkers geven vervolgens antwoord hoe de gebruikers het beste kunnen investeren in hun idealen. De vragen en antwoorden kunnen via social media worden gedeeld.</p>

<p><a class="button" href="http://www.watwiljeveranderen.nl">Naar de site</a></p>

    

</div>



    

</div>

    </article>

    </div>
</section>

                
                    <section class="page tpl-cases slug-beddenspecialist" data-doc-title="Beddenspecialist - Leukeleu" data-slug="/werk/beddenspecialist/">
    <div class="page-inner container">
        
    <article class="column span-2 span-first">
        <div class="visual vimeo-video">
            


<div>



    
        

    

<div class="content">

    

    
        <p><iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" src="http://player.vimeo.com/video/62431066" webkitallowfullscreen=""></iframe></p>

    

</div>



    

</div>

        </div>
    </article>
    <article class="column span-2 span-last">
        


<div>



    
        

    

<div class="content">

    

    
        <h2>Beddenspecialist</h2>

<p>Opdrachtgever: Sleeptrade<br />
​<span style="line-height: 1.6em;">Ontwerp: Studio Incognito</span></p>

<p>Open je ogen en&nbsp;rek je uit&nbsp;om de nieuwe site van&nbsp;<a href="http://www.beddenspecialist.nl">beddenspecialist.nl</a> te bekijken. Of liever - de 21 nieuwe sites, want elke&nbsp;Beddenspecialist heeft zijn eigen site gekregen. Of je nou op de hoofdsite bent, of op de site van een van de Beddenspecialisten, de look &amp; feel blijft hetzelfde.</p>

<p>Met behulp van de dealer-locator vind je makkelijk en snel een Beddenspecialist bij jou in de buurt.&nbsp;<span style="line-height: 1.6em;">Wanneer je eenmaal een Beddenspecialist bij jou in de buurt gevonden hebt, maak dan een afspraak met de afspraakplanner.</span><br />
<span style="line-height: 1.6em;">In de outlet vind je showroommodellen en restpartijen die gereserveerd kunnen worden door middel van het ingebouwde reserveringssysteem.</span><br />
<span style="line-height: 1.6em;">Bepaal welk type matras het best bij jou past met de matraswijzer. Laat het resultaat naar je toesturen of sla het op in een account.</span></p>

<p><a class="button" href="http://www.beddenspecialist.nl">Naar de site</a></p>

    

</div>



    

</div>

    </article>

    </div>
</section>

                
                    <section class="page tpl-cases slug-de-ruimte-ontwerpers" data-doc-title="de Ruimte ontwerpers - Leukeleu" data-slug="/werk/de-ruimte-ontwerpers/">
    <div class="page-inner container">
        
    <article class="column span-2 span-first">
        <div class="visual vimeo-video">
            


<div>



    
        

    

<div class="content">

    

    
        <p><iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" src="http://player.vimeo.com/video/61803273" webkitallowfullscreen=""></iframe></p>

    

</div>



    

</div>

        </div>
    </article>
    <article class="column span-2 span-last">
        


<div>



    
        

    

<div class="content">

    

    
        <h2>de Ruimte ontwerpers</h2>

<p>Opdrachtgever &amp; Ontwerp: de Ruimte ontwerpers</p>

<p>De Ruimte ontwerpers ontwerpen al vijftien jaar drukwerk en websites en maken zo ruimte voor de verhalen van mensen en organisaties: sociaal, cultureel, spiritueel, politiek. Ze cre&euml;ren ruimte op papier en op het scherm. Het resultaat: ontmoetingsruimte, publieke ruimte, verbeeldingsruimte.</p>

<p>Wij werken al vele jaren met ze samen, en verzorgden onlangs de technische realisatie van hun nieuwe site <a href="http://www.de-ruimte-ontwerpers.nl/">de-ruimte-ontwerpers.nl</a>.</p>

<p><a class="button" href="http://www.de-ruimte-ontwerpers.nl">Naar de site</a></p>

    

</div>



    

</div>

    </article>

    </div>
</section>

                
                    <section class="page tpl-cases slug-goudappel-coffeng" data-doc-title="Goudappel Coffeng - Leukeleu" data-slug="/werk/goudappel-coffeng/">
    <div class="page-inner container">
        
    <article class="column span-2 span-first">
        <div class="visual vimeo-video">
            


<div>



    
        

    

<div class="content">

    

    
        <p><iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" src="http://player.vimeo.com/video/61881077" webkitallowfullscreen=""></iframe></p>

    

</div>



    

</div>

        </div>
    </article>
    <article class="column span-2 span-last">
        


<div>



    
        

    

<div class="content">

    

    
        <h2>Goudappel Coffeng</h2>

<p>Opdrachtgever: Goudappel Coffeng<br />
Ontwerp: Fabrique</p>

<p>Goudappel Coffeng is een brede specialist op het gebied van mobiliteit. Zij koppelen data, modellen, kennis en innovatie aan advies op alle terreinen die een rol spelen bij mobiliteit: verkeer, milieu, economie, ruimte en gedrag.</p>

<p>Wij verzorgden, samen met Fabrique, hun nieuwe site <a href="http://www.goudappel.nl/">goudappel.nl</a>.</p>

<p><a class="button" href="http://www.goudappel.nl">Naar de site</a></p>

    

</div>



    

</div>

    </article>

    </div>
</section>

                
                    <section class="page tpl-cases slug-manifesta-9" data-doc-title="Manifesta 9 - Leukeleu" data-slug="/werk/manifesta-9/">
    <div class="page-inner container">
        
    <article class="column span-2 span-first">
        <div class="visual vimeo-video">
            


<div>



    
        

    

<div class="content">

    

    
        <p><iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" src="http://player.vimeo.com/video/61880928" webkitallowfullscreen=""></iframe></p>

    

</div>



    

</div>

        </div>
    </article>
    <article class="column span-2 span-last">
        


<div>



    
        

    

<div class="content">

    

    
        <h2><nobr>Manifesta 9</nobr></h2>

<p>Opdrachtgever:&nbsp;Manifesta Foundation<br />
Ontwerp: Thonik</p>

<p>Manifesta is d&eacute; reizende Europese bi&euml;nnale voor hedendaagse beeldende kunst. Samen met evenementen zoals de bi&euml;nnale van Veneti&euml; en de Documenta in Kassel is Manifesta &eacute;&eacute;n van de meest vooraanstaande kunst evenementen van Europa.</p>

<p>Wij realiseerden samen met Thonik een meertalige, algemene site <a href="http://manifesta9.org/">manifesta9.org</a> en hun digitale catalogus <a href="http://catalog.manifesta9.org/">catalog.manifesta9.org</a>.</p>

<p><a class="pink button" href="http://www.manifesta9.org">Naar de site</a></p>

    

</div>



    

</div>

    </article>

    </div>
</section>

                
            </div>
        </section>
    
    
    <section class="submenu">
        <nav class="submenu-inner container">
            <div class="submenu-pages">
                <div class="submenu-pages-inner">
                    


<ul>

    

        <li class="
            vrijfijn
            
            first
            
        ">
            <a href="/werk/vrijfijn/">Vrijfijn</a>

            

        </li>

    

        <li class="
            99gramnl
            
            
            
        ">
            <a href="/werk/99gram/">99gram.nl</a>

            

        </li>

    

        <li class="
            triodos-bank
            
            
            
        ">
            <a href="/werk/triodos-bank/">Triodos Bank</a>

            

        </li>

    

        <li class="
            beddenspecialist
            
            
            
        ">
            <a href="/werk/beddenspecialist/">Beddenspecialist</a>

            

        </li>

    

        <li class="
            de-ruimte-ontwerpers
            
            
            
        ">
            <a href="/werk/de-ruimte-ontwerpers/">de Ruimte ontwerpers</a>

            

        </li>

    

        <li class="
            goudappel-coffeng
            
            
            
        ">
            <a href="/werk/goudappel-coffeng/">Goudappel Coffeng</a>

            

        </li>

    

        <li class="
            manifesta-9
            
            
            last
        ">
            <a href="/werk/manifesta-9/">Manifesta 9</a>

            

        </li>

    

</ul>



                </div>
            </div>
        </nav>
    </section>

</section>

        
            <section class="page tpl-products" data-doc-title="Meer - Leukeleu" data-slug="/meer/">
    
        <div class="page-inner container">
            
    
                <article class="column span-4 span-first span-last">
                    <h1><i class="icon-heading icon-chevron-right"></i>
                        <a href="/meer/">
                            
                                Wat doen we nog meer
                            
                        </a>
                    </h1>
                </article>
            

    <article class="column span-1 span-first">
        <div class="lkl-icon-black">
            <img src="/static/img/logo-jo.svg" alt="Jouw Omgeving" />
        </div>
        


<div>



    
        

    

<div class="content">

    

    
        <h3>Jouw omgeving</h3>

<p>Een online behandelplatform, waarin cli&euml;nten de regie kunnen nemen in hun eigen hulpverlening. Samenwerking tussen De Ruimte Ontwerpers, Leukeleu en verschillende zorginstellingen.</p>

<p><a class="button" href="http://jouwomgeving.nl/">jouwomgeving.nl</a></p>

    

</div>



    

</div>

    </article>
    <article class="column span-1">
        <div class="lkl-icon-black">
            <img src="/static/img/logo-rtp.svg" alt="Ride the Pony" />
        </div>
        


<div>



    
        

    

<div class="content">

    

    
        <h3>Ride the Pony</h3>

<p>Ride the Pony maakt&nbsp;Open Source kick-ass web apps. Een joint venture van b.lay en Leukeleu.</p>

<p><a class="button" href="http://ridethepony.org/">ridethepony.org</a></p>

    

</div>



    

</div>

    </article>
    <article class="column span-1">
        <div class="lkl-icon-black">
            F
        </div>
        


<div>



    
        

    

<div class="content">

    

    
        <h3>Django Fiber</h3>

<p>Het door ons ontwikkelde&nbsp;Open Source CMS&nbsp;dat de nadruk legt op eenvoud en gebruiksvriendelijkheid, zodat&nbsp;je eenvoudig&nbsp;&nbsp;je eigen website kunt onderhouden.</p>

<p>Django Fiber is met <a href="https://www.djangopackages.com/packages/p/django-fiber/">meer dan 75.000 downloads</a> een speler van formaat in de Django CMS arena.</p>

<p><a class="button" href="https://github.com/ridethepony/django-fiber">github</a></p>

    

</div>



    

</div>

    </article>
    <article class="column span-1 span-last">
        <div class="lkl-icon-black">
            ?
        </div>
        


<div>



    
        

    

<div class="content">

    

    
        <h3>In de snelkookpan</h3>

<p>We zijn nog bezig met iets heel erg gaafs waar we nu nog niet verder over uit kunnen wijden. Maar w<span style="line-height: 1.6em;">e kunnen wel alvast verklappen dat het te maken heeft met mobieltjes en Arnold Schwarzenegger.</span></p>

<p><span style="line-height: 1.6em;">Later meer!</span></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

    

</div>



    

</div>

    </article>
    <article class="column span-2 span-first">
        


<div>



    
        

    

<div class="content">

    

    
        <h2 class="quote">&ldquo;Wij geloven in het delen van kennis&rdquo;</h2>
    

</div>



    

</div>

    </article>

        </div>
    
    
</section>

        
            <section class="page tpl-vacancies" data-doc-title="Vacatures - Leukeleu" data-slug="/vacatures/">
    
        <div class="page-inner container">
            
    
                <article class="column span-4 span-first span-last">
                    <h1><i class="icon-heading icon-chevron-right"></i>
                        <a href="/vacatures/">
                            
                                Vacatures
                            
                        </a>
                    </h1>
                </article>
            

    <article class="column span-1 span-first">
        <div class="lkl-icon-blue">
            <i class="icon-bullhorn"></i>
        </div>
        


<div>



    
        

    

<div class="content">

    

    
        <h3><span class="small">We zoeken</span><br />
web developers</h3>

<p>In een team van 10 techneuten maken we geavanceerde, mooie, goed werkende web apps en (mobiele) websites. Hiervoor werken we samen met verschillende ontwerpbureaus.</p>

<h3 style="margin-bottom: 0.2em;"><span class="small">Meer weten? </span></h3>

<p>Check onze <a href="/werken-bij/">werken bij</a> pagina.</p>

<h3 style="margin-bottom: 0.2em;"><span class="small">Lijkt dit je leuk?</span></h3>

<p>Neem dan contact met ons op via <a href="&#x6d;&#x61;&#x69;&#108;&#x74;&#x6f;&#58;&#118;&#97;&#x63;&#x61;&#116;&#117;&#114;&#101;&#115;&#64;&#108;&#101;&#x75;&#x6b;&#x65;&#108;&#x65;&#117;&#46;&#x6e;&#108;">&#x76;&#97;&#x63;&#x61;&#x74;&#117;&#114;&#x65;&#x73;&#64;&#x6c;&#x65;&#117;&#x6b;&#x65;&#108;&#101;&#x75;&#46;&#110;&#108;</a> of 088 - 4 500 200.</p>

<p><span style="line-height: 1.6em;">Recruiters kennen we genoeg, dus acquisitie wordt niet op prijs gesteld.</span></p>

    

</div>



    

</div>

    </article>
    <article class="column span-1">
        <div class="lkl-icon-blue">
            <i class="icon-wrench"></i>
        </div>
        


<div>



    
        

    

<div class="content">

    

    
        <h3><span class="small">Werken met</span><br />
gave techniek</h3>

<p>Python / Django / PHP / Node.js<br />
HTML5 / CSS3 / Sass / jQuery / CoffeeScript<br />
Mac OS X / Linux<br />
git / Agile</p>

<h2 class="quote" style="white-space: nowrap;">&ldquo;Mooi werk,<br />
gave techniek,<br />
en een leuk team&rdquo;</h2>

    

</div>



    

</div>

    </article>
    <article class="column span-1">
        <div class="lkl-icon-blue">
            <i class="icon-signal"></i>
        </div>
        


<div>



    
        

    

<div class="content">

    

    
        <h3><span class="small">Jouw en onze</span><br />
eigen ontwikkeling</h3>

<p>We gebruiken Open Source frameworks, en ontwikkelen (mee) aan Open Source projecten. Er is dus voldoende ruimte om je verder te ontwikkelen.</p>

    

</div>



    

</div>

    </article>
    <article class="column span-1 span-last">
        <div class="lkl-icon-blue">
            <i class="icon-time"></i>
        </div>
        


<div>



    
        

    

<div class="content">

    

    
        <h3><span class="small">Stage, parttime of</span><br />
fulltime</h3>

<p>Ben je student? Wij zoeken ook studenten die op parttime basis willen werken aan leuke webprojecten. We zoeken frontenders en backenders, maar alleskunners zijn uiteraard ook zeer welkom.</p>

<p>Wil je graag stage bij ons lopen? Dat kan! Wij zijn een erkend stagebedrijf. Bel of mail ons, en laat ons weten wat je graag bij ons zou willen doen.</p>

    

</div>



    

</div>

    </article>

        </div>
    
    
</section>

        
            <section class="page tpl-contact" data-doc-title="Contact - Leukeleu" data-slug="/contact/">
    
        <div class="page-inner container">
            
    <article class="column span-2 span-first">
        <h1><i class="icon-heading icon-chevron-right"></i>
            <a href="/contact/">
                
                    Contact
                
            </a>
        </h1>
        <div class="photo">
            


<div>



    
        

    

<div class="content">

    

    
        <p><img src="/media/uploads/images/office.jpg" title="" /></p>

    

</div>



    

</div>

        </div>
    </article>

    <article class="column span-2 span-last">
        


<div>



    
        

    

<div class="content">

    

    
        <h2>Je vindt ons hier</h2>

<p><strong>Leukeleu B.V.</strong><br />
Goeman Borgesiuslaan 77<br />
3515 ET Utrecht<br />
088 - 4 500 200<br />
<a href="&#109;&#x61;&#105;&#108;&#x74;&#111;&#58;&#105;&#110;&#x66;&#x6f;&#x40;&#x6c;&#x65;&#x75;&#x6b;&#101;&#108;&#101;&#x75;&#x2e;&#110;&#108;">&#105;&#x6e;&#x66;&#111;&#x40;&#108;&#x65;&#117;&#107;&#101;&#x6c;&#101;&#x75;&#46;&#110;&#x6c;<br />
​</a><span style="line-height: 1.6em;">KVK 30214198</span><br />
BTW nummer&nbsp;NL815938755B01</p>

<h3>Met de auto</h3>

<p>De parkeerplaats is niet bereikbaar via de Goeman Borgesiuslaan, maar via de Oudlaan. Vul &lsquo;Utrecht, Oudlaan&rsquo; in op je navigatiesysteem als eindbestemming. Wij zitten in het grote rode gebouw aan het einde van de Oudlaan. Voor parkeren kun je je melden bij de slagboom.</p>

<h3>Vanaf Utrecht CS, ca. 15 minuten</h3>

<p>Neem stadsbus Lijn 9 richting Overvecht (rijdt elke 15 minuten) en stap uit bij halte &lsquo;Draaiweg&rsquo;. Loop een klein stukje door. Wij zitten aan de linkerhand aan de overkant in het grote rode gebouw aan het grasveld. De ingang zit aan de andere kant.</p>

    

</div>



    

</div>

        <div class="social-media">
            <ul>
                <li>
                    <a href="http://maps.google.nl/maps?q=leukeleu&amp;hl=en&amp;ll=52.103711,5.113707&amp;spn=0.02325,0.043302&amp;sll=52.080982,5.106036&sspn=0.17934,0.364265&hq=Leukeleu&t=m&z=15"><i class="icon-map-marker"></i> <span class="text">Google maps</span></a>
                </li>
                <li>
                    <a href="https://github.com/leukeleu"><i class="icon-github"></i> <span class="text">Github</span></a>
                </li>
                <li>
                    <a href="https://twitter.com/leukeleu"><i class="icon-twitter"></i> <span class="text">Twitter</span></a>
                </li>
                <li>
                    <a href="https://www.facebook.com/leukeleu"><i class="icon-facebook"></i> <span class="text">Facebook</span></a>
                </li>
            </ul>
        </div>
    </article>

        </div>
    
    
</section>

        
    </script>


    <script type="text/javascript" src="/static/CACHE/js/2d0c486f9949.js"></script>
</body>
</html>
