⌘T | go to file |
⌘⌃P | go to project |
⌘R | go to methods |
⌃G | go to line |
⌘KB | toggle side bar |
⌘⇧P | command prompt |
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
/* | |
* jQuery selectbox plugin | |
* | |
* Copyright (c) 2007 Sadri Sahraoui (brainfault.com) | |
* Licensed under the GPL license and MIT: | |
* http://www.opensource.org/licenses/GPL-license.php | |
* http://www.opensource.org/licenses/mit-license.php | |
* | |
* The code is inspired from Autocomplete plugin (http://www.dyve.net/jquery/?autocomplete) | |
* |
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
Tested on: jquery-ui-1.8.16 | |
To set up, need: | |
1) an HTML div enclosing the tabs (as a ul) and pages, | |
2) Javascript initialization function $("..").tabs({options}) | |
HTML: | |
- consists of enclosing div, a %ul which has links to pages, and tab pages as divs | |
- link hrefs correspond to tab page ids |
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
.bended-shadow {position:relative} | |
.bended-shadow::before, .bended-shadow::after { | |
content: ''; | |
position: absolute; | |
width: 60%; | |
height: 20px; | |
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5); | |
-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5); | |
-ms-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5); |
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
@mixin ribbon($color, $ribbon-thickness, $notch-color, $notch-side) { | |
@include background-image(linear-gradient(lighten($color, 20%), darken($color, 10%))); | |
@include inline-block; | |
position: absolute; | |
padding-#{$notch-side}: $ribbon-thickness; | |
@if $notch-side == left { | |
height: $ribbon-thickness; | |
line-height: $ribbon-thickness; | |
right: -2px; | |
padding-right: 10px; |
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
.shadow-stuff { | |
-moz-border-radius: 0% 0% 100% 100% / 0% 0% 8px 8px; | |
-webkit-border-radius: 0% 0% 100% 100% / 0% 0% 8px 8px; | |
border-radius: 0% 0% 100% 100% / 0% 0% 8px 8px; | |
-moz-box-shadow: rgba(0,0,0,.30) 0 2px 3px; | |
-webkit-box-shadow: rgba(0,0,0,.30) 0 2px 3px; | |
box-shadow: rgba(0,0,0,.30) 0 2px 3px; | |
} | |
.container { |
Not this is rocket sience :)
Fill the water heater with a finger more than 1 liter of water. Set it on its power-base, hit the button that’s all the way out on the handle. This starts the heating process. Now hit the “minus” (“-”) button so you see a red light on the 90° marker. Let it heat up. In the meantime:
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 gpio = require("gpio") | |
var gpio22, intervalTimer | |
// Flashing lights if LED connected to GPIO22 | |
gpio22 = gpio.export(22, { | |
ready: blinkLED | |
}) | |
function blinkLED() { | |
intervalTimer = setInterval(function() { |
Node.js is just JavaScript running on the server side. That's it. That's all there is to it.
- Express Docs, if you want to get started and already know JavaScript this is the place to be
This is purposefully ambitious and aspirational. Some concepts that are worth understanding in addition to the principles outlined here include:
Here’s a CodePen I’ll periodically update with the compiled CSS to use as a testing playground.
OlderNewer