Wat is de beste front-end development stack voor het ontwikkelen van websites gezien de nieuwste ontwikkelingen op dit gebied?
Gebruikersverwachtingen ten aanzien van de gebruikerservaring van websites is de afgelopen jaren enorm gestegen
using MongoDB.Bson; | |
using MongoDB.Driver; | |
using MongoDB.Driver.Builders; | |
using System; | |
using System.Collections.Generic; | |
using System.Configuration; | |
using System.Data.Entity; | |
using System.Linq; | |
using System.Web; |
# -*- mode: ruby -*- | |
# vi: set ft=ruby : | |
# Vagrantfile API/syntax version. Don't touch unless you know what you're doing! | |
VAGRANTFILE_API_VERSION = "2" | |
Vagrant.configure(VAGRANTFILE_API_VERSION) do |config| | |
# All Vagrant configuration is done here. The most common configuration | |
# options are documented and commented below. For a complete reference, | |
# please see the online documentation at vagrantup.com. |
# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm | |
*.iml | |
## Directory-based project format: | |
.idea/ | |
# if you remove the above rule, at least ignore the following: | |
# User-specific stuff: | |
# .idea/workspace.xml |
angular.module('ui.bootstrap.collapse', []) | |
.directive('collapse', ['$animate', '$animateCss', '$timeout', function ($animate, $animateCss, $timeout) { | |
return { | |
link: function (scope, element, attrs) { | |
function expand() { | |
element.removeClass('collapse').addClass('collapsing'); | |
// Old code that doesn't work anymore with ngAnimate 1.4 |
Wat is de beste front-end development stack voor het ontwikkelen van websites gezien de nieuwste ontwikkelingen op dit gebied?
Gebruikersverwachtingen ten aanzien van de gebruikerservaring van websites is de afgelopen jaren enorm gestegen
sketch = Framer.Importer.load("imported/onboarding-tour") | |
artboards = [sketch.Step_one, sketch.Step_two, sketch.Step_three] | |
page = new PageComponent | |
width: Screen.width | |
height: Screen.height | |
scrollVertical: false | |
# Kopieer de done knop uit de eerste artboard |
sketch = Framer.Importer.load("imported/onboarding-tour") | |
# Layers op visible zetten, anders zijn ze verborgen | |
sketch.Step_one.visible = true | |
sketch.Step_two.visible = true | |
page = new PageComponent | |
width: Screen.width | |
height: Screen.height | |
scrollVertical: false |
amount = 7 | |
allIndicators = [] | |
indicatorsContainer = new Layer | |
backgroundColor: "transparent" | |
width: page.width | |
height: 14 | |
x: 0 | |
y: 1291 | |
index: 5 |
# De index van de huidige pagina | |
current = page.horizontalPageIndex(page.currentPage) | |
# Maak de eerste indicator actief | |
allIndicators[current].states.switch("active") | |
page.on "change:currentPage", -> | |
# Maak alle indicators inactief | |
indicator.states.switch("default") for indicator in allIndicators | |
current = page.horizontalPageIndex(page.currentPage) | |
# Maak de indicator van de huidige pagina actief |
bg = new BackgroundLayer | |
heart = new Layer | |
width: bg.width | |
height: bg.height | |
backgroundColor: "white" | |
heartLeft = new Layer | |
superLayer: heart | |
midX: heart.midX - 15 |