Mozilla Demo Studio presenteert

Dev Derby

Dev Derby is beëindigd

Van 2011 tot 2013 hebben webontwikkelaars meer dan 450 demo’s voor de Dev Derby gemaakt! Vind ze hieronder, of bezoek de Demo Studio voor veel meer demo’s.

Vorige Dev Derby-uitdagingen

  • juni 2013 WebGL II

    WebGL brengt de kracht van OpenGL voor het maken van interactieve 3D-graphics naar het internet, zonder benodigde plug-ins.

  • mei 2013 getUserMedia

    Via de getUserMedia-functie kunt u (met toestemming) toegang tot de camera’s en microfoons van uw gebruikers verkrijgen. Geen plug-ins benodigd! Wat kunt u doen zodra u deze media kunt gebruiken? De mogelijkheden zijn onbeperkt.

  • april 2013 Web Workers

    Met Web Workers kunt u eenvoudig scripts op de achtergrond uitvoeren. Door Web Workers te gebruiken kunt u oogverblindende gebruikersinterfaces maken die zelfs niet door de meest computationeel-intensieve taken worden gehinderd.

  • maart 2013 Mobiel

    Het mobiele internet wordt met de dag belangrijker. Dit keer is uw creativiteit de enige beperking. Welke geweldige ervaringen kunt u voor gebruikers onderweg bouwen?

  • februari 2013 Multitouch

    Met de Touch Events-API kunt u meerdere aanrakingen tegelijk volgen op apparaten die dit ondersteunen. Bouw complexe spellen, bied ondersteuning voor knijpen-voor-zoomen, en meer. Door multitouch te gebruiken kan uw app aan alle interacties die gebruikers gewend zijn voldoen.

  • januari 2013 Slepen en neerzetten

    De Drag and Drop-API voorziet in een eeuwenoude wisselwerking met het Web, waardoor rijke, natuurlijke en vertrouwde webervaringen mogelijk worden.

  • december 2012 Offline

    Met de groeiende offlinemogelijkheden van het open web kunt u apps bouwen die zowel met als zonder internetverbinding werken. Met offlinetechnologieën kunt u reizigers en mobiele gebruikers beter ondersteunen, prestaties verbeteren, en meer.

  • november 2012 Fullscreen-API

    Met de Fullscreen-API kunt u de beperkingen van het browservenster ontvluchten. U kunt zelfs statuswijzigingen van een volledig scherm detecteren en volledigschermpagina’s speciaal stileren. Over meeslepend gesproken!

  • oktober 2012 CSS-mediaverzoeken II

    CSS-mediaverzoeken zijn nu een gebruikelijk hulpmiddel voor responsief webontwerp met mobiele apparaten in gedachten. Ze worden nu zelfs aanbevolen door het W3C! Ze kunnen u veel meer over een scherm vertellen dan alleen maar de breedte ervan. Wat kunt u met mediaverzoeken doen?

  • september 2012 Geolocatie II

    Via Geolocatie kunt u de fysieke locatie van de gebruiker achterhalen (met toestemming) en deze gebruiken om de browserbeleving te verbeteren of geavanceerde functies voor locatiebewust navigeren inschakelen.

  • augustus 2012 Camera-API

    Met de camera-API kunt u (met toestemming) de camera’s van mobiele apparaten benaderen. Met de camera-API kunnen gebruikers eenvoudig foto’s nemen en naar uw webpagina uploaden.

  • juli 2012 Geen JavaScript

    Het maken van rijke gebruikerservaringen voor het web is nog nooit zo eenvoudig geweest. De hedendaagse open webstandaarden brengen de krachtigste functies binnen handbereik. Animeer pagina’s met CSS, valideer gebruikersinvoer met HTML, en nog meer. Wat kunt u nog meer doen met JavaScript?

  • juni 2012 WebGL

    WebGL brengt de kracht van OpenGL voor het maken van interactieve 3D-graphics naar het internet, zonder benodigde plug-ins.

  • mei 2012 WebSockets-API

    Met de Websocket-API en -protocol kunt u een tweewegkanaal tussen de browser en de server openen, voor schaalbare en realtime gegevensstromen. Geen servers meer pollen!

  • april 2012 Audio

    Met het HTML5-audio-element kunt u geluid in webpagina’s inbedden zonder dat uw gebruikers afhankelijk zijn van plug-ins.

  • maart 2012 CSS-3D-transformaties

    Met CSS-3D-transformaties worden CSS-transformaties zodanig uitgebreid dat door CSS gerenderde elementen in een driedimensionale ruimte kunnen overgaan.

  • februari 2012 Aanraakgebeurtenissen

    Aanraakgebeurtenissen helpen u websites en toepassingen leuker te maken door op de juiste manier te reageren als gebruikers met aanraakschermen werken.

  • januari 2012 Oriëntatie

    Oriëntatiefuncties in HTML5 gebruiken de bewegings- en oriëntatiegegevens van apparaten met versnellingsmeters.

  • december 2011 IndexedDB

    IndexedDB laat webtoepassingen grote hoeveelheden gestructureerde gegevens lokaal opslaan voor snellere toegang, online of offline.

  • november 2011 Canvas

    Canvas lets you paint the Web using JavaScript to render 2D shapes, bitmapped images, and advanced graphical effects. Each <canvas> element provides a graphics context with its own state and methods that make it easy to control and draw in.

  • oktober 2011 CSS-mediaverzoeken

    Met CSS-mediaverzoeken kunnen webontwikkelaars responsievere webontwerpen maken, wat de gebruikerservaring voor een variëteit aan schermgroottes aanpast, waaronder die van desktops, tablets en mobiele telefoons.

  • september 2011 Geolocatie

    Via Geolocatie kunt u de fysieke locatie van de gebruiker achterhalen (met toestemming) en deze gebruiken om de browserbeleving te verbeteren of geavanceerde functies voor locatiebewust navigeren inschakelen.

  • augustus 2011 Geschiedenis-API

    Met de Geschiedenis-API in moderne browsers kunt u live wijzigingen aan een document aanbrengen zonder de terugknop te breken, en er kunnen bladwijzers voor apps worden gemaakt.

  • juli 2011 HTML5 <video>

    Met het HTML5 <video>-element kunt u videomedia in webpagina’s inbedden en direct bedienen, zonder uw toevlucht tot plug-ins te nemen.

  • juni 2011 CSS3-animaties

    Met CSS3-animaties kunt u property-waarden in de tijd laten veranderen en daarmee de verschijning of positie van elementen animeren, zonder of met een minimum aan JavaScript, en met betere controle dan bij overgangen.

Bronnen