| /** | |
| * VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units | |
| * | |
| * To overcome this, create media queries that target the width, height, and orientation of iOS devices. | |
| * It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing | |
| * the height of element `.foo` —which is a full width and height cover image. | |
| * | |
| * iOS Resolution Quick Reference: http://www.iosres.com/ | |
| */ | |
| // Bootstrap wants jQuery global =( | |
| window.jQuery = $ = require('jquery') | |
| // Bootstrap doesn't have a "main" field / export anything =( | |
| var bootstrap = require('bootstrap/dist/js/bootstrap') | |
| // Get Bootstrap styles with cssify | |
| var style = require('./node_modules/bootstrap/dist/css/bootstrap.css') | |
| var popover = document.createElement('span') | |
| popover.innerHTML = 'I have a popover' |
This collection of files serves as a simple static demonstration of how to post to a google spreadsheet from an external html <form> following the example by Martin Hawksey
Depreciation Warning: This code is not maintained, and should be seen as reference implementation only. If you're looking to add features or update, fork the code and update as needed.
You should be able to just open index.html in your browser and test locally.
| /** | |
| * The width and height to which our graphic assets are designed for | |
| * Keep in mind retina resolutions and remember to provide 2xWidth 2xHeight assets for them | |
| */ | |
| var targetWidth = 1024; | |
| var targetHeight = 768; | |
| /** | |
| * The main (root) container on the stage | |
| * You should always have a master container on your stage |
(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
| <?php | |
| /** | |
| * Instructions: | |
| * | |
| * 1. Put this into the document root of your Kirby site | |
| * 2. Make sure to setup the base url for your site correctly | |
| * 3. Run this script with `php statify.php` or open it in your browser | |
| * 4. Upload all files and folders from static to your server | |
| * 5. Test your site |
| <?php | |
| // original source: http://kuwamoto.org/2007/12/17/improved-pluralizing-in-php-actionscript-and-ror/ | |
| /* | |
| The MIT License (MIT) | |
| Copyright (c) 2015 | |
| Permission is hereby granted, free of charge, to any person obtaining a copy |
| ############################# | |
| # START: THUMBNAIL HANDLING # | |
| ############################# | |
| # Since handling thumbnails in Nette is painfully slow (loading the whole framework | |
| # just to find out that the thumbnail has already existed), there is a workaround | |
| # that finds all the generated thumbnails using mod_rewrite and only redirects to the | |
| # script if generating a thumbnail is really needed. | |
| # Even for generating thumbs the standard Nette usage is slow, so there is another workaround. |
Keystone's createItems function is a simple but powerful way to populate your database with data.
It can be used to create test fixtures or initialise your database with default content / users / etc.
There's also a shorthand syntax that can be used within update files; if you are using the auto updates feature, any file that exports a create object will automatically be wrapped and the data will be created.
createItems takes two passes at the data it is passed, first creating the items and retaining references by key (if provided) that can be used to populate relationships in the second pass. This makes it easy to create related data without asynchronous nesting (which for data creation sometimes ends up in knots).
