This script for Google Spreadsheets allows you to generate slugs for your data such as might be used for creating unique urls.
Use it like this!
# | A | B | C |
---|---|---|---|
1 | a | b | slug |
2 | foo | baz bing | =slugify(A2:B4) |
3 | bar | BAZ | |
4 | FOO | baz-bing |
var lines = { | |
B: 'Bakerloo', | |
C: 'Central', | |
D: 'District', | |
H: 'Hammersmith & Circle', | |
J: 'Jubilee', | |
M: 'Metropolitan', | |
N: 'Northern', | |
P: 'Piccadilly', |
@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ } | |
@media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ } | |
@media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ } | |
@media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ } | |
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ } | |
@media (min-width:1281px) { /* hi-res laptops and desktops */ } |
// Add Rules to Stylesheets with JavaScript | |
// http://davidwalsh.name/add-rules-stylesheets | |
/* Getting the Stylesheet | |
Which stylesheet you add the rules to is up to you. If you have a specific stylesheet in mind, you can add an ID to the LINK or STYLE element within your page HTML and get the CSSStyleSheet object by referencing the element's sheet property. The stylesheets can be found in the document.styleSheets object:*/ | |
var sheets = document.styleSheets; // returns an Array-like StyleSheetList | |
/* | |
Returns: |
This script for Google Spreadsheets allows you to generate slugs for your data such as might be used for creating unique urls.
Use it like this!
# | A | B | C |
---|---|---|---|
1 | a | b | slug |
2 | foo | baz bing | =slugify(A2:B4) |
3 | bar | BAZ | |
4 | FOO | baz-bing |
# Add the following line to your project in Framer Studio. | |
# `frameless = require "frameless"` | |
frameless = {} | |
# Directly opens the prototype in Frameless | |
frameless.open = -> | |
intent = "frameless://" | |
url = intent + window.location.host + window.location.pathname + "/" | |
window.location.replace url |
# Import layers | |
Imports = Framer.Importer.load "imported/Nordea Markets Master" | |
# Import settings and model | |
config = require("nmSettings").config; | |
model = require("nmModel").model; | |
# Import page changing behavior | |
slideIn = require("nmSlidein"); | |
# Import instances of pages | |
TradeInstance = require("nmTrade"); |
{ | |
"Bakerloo": "#B36305", | |
"Central": "#E32017", | |
"Circle": "#FFD300", | |
"District": "#00782A", | |
"DLR": "#00A4A7", | |
"Hammersmith and City": "#F3A9BB", | |
"Jubilee": "#A0A5A9", | |
"Metropolitan": "#9B0056", | |
"Northern": "#000000", |
spiner = new Layer | |
borderRadius: "50%" | |
backgroundColor: false | |
spiner.style["border"] = "5px solid" | |
spiner.style["border-color"] = "white white transparent transparent" | |
spiner.center() | |
spiner.animate |
React Component Lifecycle
// 1. Define a state variable for showing/hiding the action-button | |
state = { | |
isActionButtonVisible: true | |
} | |
// 2. Define a variable that will keep track of the current scroll position | |
_listViewOffset = 0 | |
// 3. Add an onScroll listener to your listview/scrollview | |
<ListView |