- What Are Web Components Really
- Survey of Available Resources.
- Considerations to take into account.
- Writing Web Components Plainly
- Writing Web Components With Libraries
- Writing Web Components With Frameworks
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
function underToCamel(underName) { | |
var camelCaseOutput = ""; | |
var foundunder = false; | |
for( var i = 0; i < undername.length; i++) { | |
// undername[i]; | |
if (undername[i] === "_") { | |
foundunder = true; | |
} else { | |
if (foundunder) { | |
camelcaseoutput += undername[i].toUpperCase(); |
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
function parseText(text) { | |
return text.split(' ').map(function(currentValue, index, array) { | |
return currentValue.toLowerCase().replace(/[.,']/g,""); | |
}); | |
} | |
function generateWordPairs(text) { | |
var parsedText = parseText(text); | |
var wordPairs = {}; | |
I hereby claim:
- I am roneesh on github.
- I am roneesh (https://keybase.io/roneesh) on keybase.
- I have a public key whose fingerprint is 0436 6BBB BE9B F757 01D5 59EE DD53 4D11 3B5E 8261
To claim this, I am signing this object:
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
// an uncommon implementation that creates a 100 character string, and replaces each character with either it's index or the crackle/pop/cracklepop | |
var s = (new Array(102).join('x')).replace(/x/g, function(match, index) { | |
return (index % 15 === 0 ? 'CracklePop\n' : (index % 5 === 0 ? 'Pop\n' : (index % 3 === 0 ? 'Crackle\n' : (index + '\n')))); | |
}); | |
console.log(s); | |
// an uncommon implementation that uses an array and it's shifting to traverse the array | |
var numbers = Object.keys(new String(new Array(102))); | |
numbers.shift(); | |
while (numbers.length) { |
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
; first try | |
; broke because the macro ended up evaluating the condition and just being an instruciton to do the pass or fail | |
;(defmacro multi-if [test pass fail] (list 'if test (do pass) (do fail))) | |
; second try including arity and notice the returning of a construction | |
;(defmacro multi-if [test & {then :then else :else}] (list 'if test (cons 'do then) (cons 'do else))) | |
; third try, seems to have proper way of supplying map to macro as argument | |
;(defmacro multi-if [test & {:keys [then else]}] (list 'if test (cons 'do then) (cons 'do else))) |
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
var person = { | |
name: 'Dude!', | |
age: '100', | |
profession :'Welder' | |
}, | |
hook = document.getElementById('hookOne'); | |
function render(location, object) { | |
location.innerHTML = ''; | |
var newBio = document.createElement('div'); |
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
<html> | |
<head> | |
<style> | |
.hook { | |
width: 200px; | |
height: 200px; | |
background-color: rgba(0,0,0, 0.5); | |
border-radius: 15px; | |
color: white; |
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
<html> | |
<head> | |
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> | |
<link rel="stylesheet" href="http://brick.a.ssl.fastly.net/Latin+Modern+Roman:400"> | |
<style> | |
p { font-size: 22px; font-family: 'Latin Modern Roman'; width: 100%;} | |
div { margin: 0; margin-left: 100px;} | |
.text-box { | |
width: 415px; |
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
require 'typhoeus' | |
require 'uri' | |
class SocialData | |
attr_accessor :url | |
def initialize(url) | |
self.url = url | |
end |
NewerOlder