| /* | |
| Copy this into the console of any web page that is interactive and doesn't | |
| do hard reloads. You will hear your DOM changes as different pitches of | |
| audio. | |
| I have found this interesting for debugging, but also fun to hear web pages | |
| render like UIs do in movies. | |
| */ | |
| const audioCtx = new (window.AudioContext || window.webkitAudioContext)() |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> | |
| <script type="text/javascript"> | |
| $(function() { | |
| window.WebSocket = window.WebSocket || window.MozWebSocket; | |
| var websocket = new WebSocket('ws://127.0.0.1:9000', |
| var http = require("http"), | |
| url = require("url"), | |
| path = require("path"), | |
| fs = require("fs") | |
| port = process.argv[2] || 8888; | |
| http.createServer(function(request, response) { | |
| var uri = url.parse(request.url).pathname | |
| , filename = path.join(process.cwd(), uri); |
| curl -X POST \ | |
| -H "X-Parse-Application-Id: LL9oIdzIkmwl5xyowQQu0fTmXyUWfet9RuAzwHfj" \ | |
| -H "X-Parse-REST-API-Key: R3S8PYQKuzeV4c8MUeO5ved46C50MEp56boDHW1O" \ | |
| -H "Content-Type: application/json" \ | |
| -d @data.json \ | |
| https://parseapi.back4app.com/functions/import |
| var gulp = require('gulp'); | |
| var clean = require('gulp-clean'); | |
| var jshint = require('gulp-jshint'); | |
| var concat = require('gulp-concat'); | |
| var uglify = require('gulp-uglify'); | |
| var imagemin = require('gulp-imagemin'); | |
| var bases = { | |
| app: 'app/', |
| #!/bin/bash | |
| # | |
| # Creates a signed and zipaligned APK from your Ionic project | |
| # | |
| # Place your keystore in the root of your project and name it <company>.keystore | |
| # Use this script as following : | |
| # $ ./release.sh [company] [version] | |
| # | |
| # Don't forget to gitignore your key and your compiled apks. | |
| # |
| echo 'export PATH=$HOME/local/bin:$PATH' >> ~/.bashrc | |
| . ~/.bashrc | |
| mkdir ~/local | |
| mkdir ~/node-latest-install | |
| cd ~/node-latest-install | |
| curl http://nodejs.org/dist/node-latest.tar.gz | tar xz --strip-components=1 | |
| ./configure --prefix=~/local | |
| make install # ok, fine, this step probably takes more than 30 seconds... | |
| curl https://www.npmjs.org/install.sh | sh |
This is a quick example of how to create a fading actionbar effect like this in Appcelerator Titanium
This is actually very simple. The trick is putting the Actionbar in overlay mode by configuring the theme with windowActionBarOverlay:true. Then all you need to do is updating the color of the Actionbar, in this case by scrolling a ScrollView.
| exports.show = function() { | |
| var win = Ti.UI.createWindow({ | |
| title: 'Developer Tools', | |
| layout: 'vertical' | |
| }); | |
| win.leftNavButton = Ti.UI.createButton({ title: 'Chiudi' }); | |
| win.leftNavButton.addEventListener('click', function() { | |
| (nav || win).close(); |
Quick Example of registering a scheme in TiApp.xml, implementing the code in app.js / alloy.js
