Skip to content

Instantly share code, notes, and snippets.

View padcom's full-sized avatar

Matthias Hryniszak padcom

View GitHub Profile
@padcom
padcom / index.html
Last active May 22, 2020 20:00
Coding with Padcom - dialogs with Vue.js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dialogs</title>
<script src="https://unpkg.com/vue"></script>
</head>
<body>
<div id="app">
@padcom
padcom / index.html
Last active May 15, 2020 12:20
CWP Episode 2 - Creating a DynamicTable component with Vue.js - https://youtu.be/LNRKVo6vhxk
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Editor component</title>
<script src="https://unpkg.com/vue"></script>
</head>
<body>
<div id="app">
@padcom
padcom / index.html
Created May 8, 2020 11:44
Coding with Padcom - DynamicTable component
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dynamic table</title>
<script src="https://unpkg.com/vue"></script>
<style>
td.name {
font-weight: bold;
@padcom
padcom / index.html
Created May 1, 2020 10:46
Vue.js editor components
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Editor component</title>
<script src="https://unpkg.com/vue"></script>
</head>
<body>
<div id="app">
@padcom
padcom / index.html
Last active May 1, 2020 08:11
Vue.js example showing the use of default slot and named slots
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Application layout</title>
<script src="https://unpkg.com/vue"></script>
<style>
html, body {
margin: 0;
@padcom
padcom / index.html
Last active May 2, 2020 21:06
DynamicTable - Vue.js example of using dynamic scoped slots
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dynamic table</title>
<script src="https://unpkg.com/vue"></script>
<style>
td.name {
font-weight: bold;
@padcom
padcom / README.md
Last active April 27, 2020 16:15
Simplest todo application in Vue.js

Start live-server:

$ live-server --ignore=todos.json .

Start json-server:

$ json-server -p 8081 todos.json
@padcom
padcom / cube-gcode.js
Last active March 28, 2019 01:03
A GCode generator for cube that can be glued together after folding
#!/usr/bin/env node
class GCodeGenerator {
constructor(modes, offsetX, offsetY) {
this.modes = modes
this.offsetX = offsetX
this.offsetY = offsetY
this.currentX = -1
this.currentY = -1
this.currentSpeed = 0
@padcom
padcom / Readme.md
Last active October 31, 2018 02:05
Procedure for preparation of PCB using light-sensitive foil.
  1. Prepare the layout
  2. Plot it in KiCAD to PDF inverted and mirrored. Print it on Canson calque. What is black on the printout will be removed from the copper layer.
  3. Cut out the layout to the size of the PCB
  4. Cut a piece of light-sensitive foil about 5mm wider and 10mm longer than the size of the PCB
  5. Clean the PCB
  6. Peal of the cover foil by sticking a piece of tape to the side that is folding (the inner side)
  7. Place the foil on the PCB - the side that had the outer foil removed
  8. Make sure there are no air bubbles or dust bubbles between the foil and PCB
  9. Put the PCB between a folded sheet of paper (PCB towards the fold!) to form a sandwitch
  10. Run the sandwitch through laminator at least 3 times
@padcom
padcom / insanity.js
Created July 6, 2018 16:33
Insane code in a polyfill
/*
Details Element Polyfill 1.1.0
Copyright © 2017 Javan Makhmali
*/
(function() {}).call(this),
function() {
if (document.querySelector('body').getAttribute('class').indexOf('on-page-editor') > -1) {
return;
}