De Voorhoede (@voorhoede)

Top repositories

1

riotjs-style-guide

Opinionated RiotJS Style Guide for teams.
288
star
2

lighthouse-security

Runs the default Google Lighthouse tests with additional security tests
JavaScript
198
star
3

front-end-tooling-recipes

Collection of pre-configured front-end tooling setups for common uses.
JavaScript
177
star
4

progressive-enhancement-resources

Resources on Progressive Enhancement. From concept and strategies to feature detection & testing methods. Complete with a list of (code) examples.
122
star
5

npm-style-guide

Opinionated npm Style Guide​ for teams.
89
star
6

nuxt-twa-module

πŸ“±Nuxt module to transform your PWA into an Android app, using Trusted Web Activities (TWA)
JavaScript
52
star
7

playbook

JavaScript
32
star
8

jquery-style-guide

Opinionated jQuery Style Guide for teams.
30
star
9

fastatic

Speed up your static site with one command
JavaScript
21
star
10

manifiesta

[POC] Configure and preview your Progressive Web App Manifest.
JavaScript
19
star
11

front-end-guide

Manage your front-end project in unique views and reusable components.
JavaScript
16
star
12

plek

Make continuous deployment delightful. Deploy and preview your apps for each pull request with Plek. πŸ‡³πŸ‡±
JavaScript
15
star
13

demo-navigate-with-gamepad

HTML
13
star
14

email-template-guide

Manage, compile and test your nightmarish email newsletter templates.
JavaScript
13
star
15

vue-lazy-load

Vue component to lazy load content using the Intersection Observer API
JavaScript
12
star
16

bluetooth-poc

Proof-of-Concept: Connect a web app on iOS to something over bluetooth
12
star
17

lean-web-kit

Lean Web Kit to kick-start your web project.
JavaScript
11
star
18

riotjs-demos

Companion to the RiotJS Style Guide.
HTML
10
star
19

demo-viewer

Preview components in isolation with documentation, annotations and breakpoint controls.
CSS
10
star
20

dotnetcore-front-end-guide

An example of module based development for front-end using .NET Core with a living guide
C#
8
star
21

heads-up

Visualise everything in your <head> with the Heads Up Devtools
Vue
7
star
22

componentizer

Application to split up screenshots into components and export them
TypeScript
7
star
23

a11y-viewer

Develop more accessible websites by simulating several forms of visual imparity and color blindness
CSS
7
star
24

tiny-shields

A fast & lightweight global badges service.
JavaScript
6
star
25

hike-one

Website for Hike One
JavaScript
6
star
26

render-environments-for-javascript-frameworks

Support table for rendering popular JavaScript frameworks in different environments.
6
star
27

datocms-plugin-translate-fields

A DatoCMS plugin that gives you the ability to translate structured-text, string and text fields in DatoCMS
TypeScript
6
star
28

vue-dato-image

Fully optimized Vue component for images from DatoCMS
JavaScript
5
star
29

how-front-end-works

When everybody involved in a project understands front-end concepts, the better the chance of a project becoming a success.
Vue
4
star
30

experiment-dark-mode

CSS
4
star
31

performance-masterclass-2017-10

HTML
4
star
32

datocms-plugin-computed-fields

This DatoCMS plugin allows to compute and define a field value based on other fields.
TypeScript
4
star
33

voorhoede-ocelot-formatter

Format plain content as Voorhoede pages
JavaScript
4
star
34

lighthouse-boilerplate

This boilerplate helps you extend Lighthouse with your own audits and reports.
JavaScript
4
star
35

trigger-dnd

App to trigger DnD all over the place
JavaScript
3
star
36

demo-metalsmith-nunjucks

Static site demo using Metalsmith + Nunjucks
HTML
3
star
37

pwa-masterclass-24-01-2019

Progressive Web App Masterclass
JavaScript
3
star
38

vue-accordion

Behavioural and accessible accordion component
Vue
3
star
39

demo-linker

Annotate UI components and link them to wherever you want.
JavaScript
3
star
40

nuxt-preview-mode-module

Nuxt module enabling persistant preview mode
JavaScript
3
star
41

get-netlify-url

JavaScript
3
star
42

nuxt-datocms-module

Nuxt module for querying and subscribing to DatoCMS through its GraphQL API
JavaScript
3
star
43

code-class-async-await

JavaScript
3
star
44

vue-dato-video

Fully optimized video component for videos from Dato CMS
JavaScript
2
star
45

preact-web-components-demo

JavaScript
2
star
46

demo-server-express

Demo setup of ExpressJS server with module structure and demo viewer
CSS
2
star
47

datocms-plugin-extended-seo

This DatoCMS plugin extends the DatoCMS SEO meta field. It allows you to see a preview of different sources generated from Heads Up.
JavaScript
2
star
48

performance-masterclass-2017-01

HTML
2
star
49

cross-framework-components

JavaScript
2
star
50

fastatic-app

Make your static website even faster
JavaScript
2
star
51

pretty-static-poc

Lightweight serverless web app setup in Nuxt/Next/Sapper-style, sans single page app framework.
JavaScript
2
star
52

wasmer-template-renderer

Rust
2
star
53

head-start

Base setup on top of headless services to help you quickly start a new website
TypeScript
2
star
54

datocms-plugin-custom-page

A DatoCMS plugin that adds the ability to have a custom page in your DatoCMS instance.
TypeScript
1
star
55

webstats-google-analytics-reporter

TypeScript
1
star
56

logo-using-font

Voorhoede logo created using only an icon font
JavaScript
1
star
57

code-class-drag-and-drop

HTML
1
star
58

.github

1
star
59

vue-masterclass-day-2

Vue
1
star
60

dato-to-s3

JavaScript
1
star
61

code-class-font-loading

HTML
1
star
62

interview-exercise

Build a simple web site / web app with data from our REST or GraphQL API.
1
star
63

datocms-plugin-json-table

This DatoCMS plugin makes it possible to add/insert a key and value to output a simple JSON table.
TypeScript
1
star
64

vuepress-paper

JavaScript
1
star
65

code-class-flexbox

Code class about flexbox
CSS
1
star
66

experiment-web-components

Experiments compiling to and utilising Web Components
JavaScript
1
star
67

experiment-web-speech

JavaScript
1
star
68

vue-masterclass

Masterclass about Vue
CSS
1
star
69

pg-graph

Create json responses directly in the database. Including one-to-many and one-to-one relations.
TypeScript
1
star
70

demo-server-silex

Demo setup of Silex PHP server with module structure and demo viewer
PHP
1
star
71

car-ui

Website for car UI reviews
JavaScript
1
star
72

code-class-text-shapes

HTML
1
star
73

code-class-koa

JavaScript
1
star
74

nuxt-dato-cms-module

Nuxt module for getting data and subscribing to changes in preview mode
TypeScript
1
star
75

airhooks

Collection of JavaScript helpers using a wrapper around native and fallback methods rather than using polyfills.
JavaScript
1
star
76

demo-netlify-cron-deploy-workflow

Schedule Netlify deploys by triggering a build hook from a GitHub workflow.
JavaScript
1
star
77

code-class-text-effects

HTML
1
star
78

voorhoede-website

Website for De Voorhoede
Vue
1
star
79

vue-fixed-ratio

Force content inside an element to have a fixed ratio. This technique prevents reflow when loading images and other lazy content.
JavaScript
1
star
80

datocms-plugin-word-counter

This DatoCMS plugin gives you information for text and string fields about word count, character count, sentences, paragraphs and common words.
TypeScript
1
star
81

demo-actions-on-netlify

Demo running GitHub actions on Netlify deploy previews
JavaScript
1
star
82

code-class-indexeddb

CSS
1
star