| #!/usr/bin/env node | |
| // websocketd --port 8058 ./mocker.js | |
| const querystring = require('querystring'); | |
| const qs = process.env?.QUERY_STRING.replace('QUERY_STRING=', ''); | |
| const qsObj = querystring.parse(qs); | |
| process.stdin.resume(); | |
| process.stdin.setEncoding('utf8'); |
| const readline = require('readline'); | |
| const readLineAsync = () => { | |
| const rl = readline.createInterface({ | |
| input: process.stdin | |
| }); | |
| return new Promise((resolve) => { | |
| rl.prompt(); | |
| rl.on('line', (line) => { |
| Draw.loadPlugin(function (ui) { | |
| const graph = ui.editor.graph; | |
| function mxShapeYFLamp(bounds, fill, stroke, strokewidth) { | |
| mxShape.call(this); | |
| this.bounds = bounds; | |
| this.fill = fill; | |
| this.stroke = stroke; | |
| this.strokewidth = (strokewidth != null) ? strokewidth : 1; | |
| this.shadow = false; | |
| }; |
“In previous tutorials, I’ve shown you how to build a responsive form with flexbox as well as how to style form elements. Today, we’ll continue the journey into the “forms” world and learn to create a responsive handmade SVG form from scratch.”
A Pen by Envato Tuts+ on CodePen.
| function createStore(reducer, enhancer) { | |
| if (enhancer) { | |
| return enhancer(createStore)(reducer); | |
| } | |
| let state = reducer(undefined, { type: "@@INIT" }); | |
| const listeners = []; | |
| return { | |
| dispatch: (action) => { | |
| state = reducer(state, action); | |
| listeners.forEach((listener) => { |
| <div class="menu"> | |
| <button class="menu-toggle" id="menu-toggle" popovertarget="menu-items"> | |
| <div aria-hidden="true">➕</div> | |
| <div class="sr-only">open menu</div> | |
| </button> | |
| <menu class="menu-items" id="menu-items" popover anchor="menu-toggle"> | |
| <li class="item"> | |
| <button> | |
| <div aria-hidden="true">♥️</div> | |
| <div class="sr-only">add to favorites</div> |