I tried to do 90's profile card. I really love 90's design.
A Pen by mike lange on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="search-panel open"> | |
| <div class="left"> | |
| <div class="question"> | |
| <span class="text">Whats My Return with a</span> | |
| <span class="select"> | |
| <select name="forum$ctl01$FirstDropDown" id="forum_ctl01_FirstDropDown"> | |
| <option value="diagnosis">$200</option> | |
| <option value="treatment">$1000</option> |
mikewlange
/ index.html
Last active
June 1, 2019 07:07
Styled "select" options using CSS3 and Flexbox
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="select" tabindex="1"> | |
| <input class="selectopt" name="test" type="radio" id="opt1" checked> | |
| <label for="opt1" class="option">Oranges</label> | |
| <input class="selectopt" name="test" type="radio" id="opt2"> | |
| <label for="opt2" class="option">Apples</label> | |
| <input class="selectopt" name="test" type="radio" id="opt3"> | |
| <label for="opt3" class="option">Grapefruit</label> | |
| <input class="selectopt" name="test" type="radio" id="opt4"> | |
| <label for="opt4" class="option">Bananas</label> | |
| <input class="selectopt" name="test" type="radio" id="opt5"> |
Wanted to work with some masking so made a payment form so, using vanilla JS and the imask.js library, made a fairly simply payment form that uses regex patterns to detect the credit card type as the user is inputting values and properly applies the relevant spacing associated with that brand. Also wanted to do a smidge of style flair so made a simple SVG card that changes as the user fills out the form.
A Pen by mike lange on CodePen.
A Pen by mike lange on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .pixelart-to-css |
mikewlange
/ gundd.js
Created
June 28, 2019 02:28
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "use strict"; | |
| function _typeof(obj) { | |
| if (typeof Symbol === "function" && _typeof(Symbol.iterator) === "symbol") { | |
| _typeof = (function(_typeof2) { | |
| function _typeof(_x) { | |
| return _typeof2.apply(this, arguments); | |
| } | |
| _typeof.toString = function() { | |
| return _typeof2.toString(); |
mikewlange
/ gist:5f2477f7b7dfb772304f11b4ce9eecf4
Created
August 2, 2019 07:13
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| pragma solidity 0.5.7; | |
| contract Ownable { | |
| address public owner; | |
| event OwnershipTransferred(address indexed previousOwner, address indexed newOwner); | |
| constructor() public { | |
| owner = msg.sender; | |
| } |
A Pen by mike lange on CodePen.
mikewlange
/ jest globals
Created
August 15, 2019 17:35
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "globals": { | |
| "jest": true, | |
| "expect": true, | |
| "mockFn": true, | |
| "config": true, | |
| "afterEach": true, | |
| "beforeEach": true, | |
| "describe": true, | |
| "it": true, |