This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.
To capture the video (filesize: 19MB), using the free "QuickTime Player" application:
| // Original code from http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/ | |
| var metas = document.getElementsByTagName('meta'); | |
| var i; | |
| if (navigator.userAgent.match(/iPhone/i)) { | |
| for (i=0; i<metas.length; i++) { | |
| if (metas[i].name == "viewport") { | |
| metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0"; | |
| } | |
| } |
| jQuery(function () { | |
| var $feed = $(".feed"), | |
| $trigger = $(".next_page"), | |
| $spinner = $(".spinner"), | |
| spinner = "<div class=\"spinner\"></div>"; | |
| var isotopeSettings = { | |
| itemSelector: ".box" | |
| } |
| /* Flatten das boostrap */ | |
| .well, .navbar-inner, .popover, .btn, .tooltip, input, select, textarea, pre, .progress, .modal, .add-on, .alert, .table-bordered, .nav>.active>a, .dropdown-menu, .tooltip-inner, .badge, .label, .img-polaroid { | |
| -moz-box-shadow: none !important; | |
| -webkit-box-shadow: none !important; | |
| box-shadow: none !important; | |
| -webkit-border-radius: 0px !important; | |
| -moz-border-radius: 0px !important; | |
| border-radius: 0px !important; | |
| border-collapse: collapse !important; | |
| background-image: none !important; |
| 'use strict'; | |
| // Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication | |
| // http://creativecommons.org/publicdomain/zero/1.0/ | |
| (function() { | |
| // Update 'version' if you need to refresh the cache | |
| var staticCacheName = 'static'; | |
| var version = 'v1::'; |
With all the plugins, boilerplate projects, SAAS and PAAS offerings plus great community support, what can be created in a weekend?
I will take you through the ups downs and highlights of using react at a Startup Weekend event, showing what can be achieved and how.
This will be a story of a wild weekend full of tips, framework and plugin summaries plus pictures from the weekend as the startup team attempt to validate an idea.
The talk will be a great insight into how react can help you rapidly prototype a business idea, with what went well and what went badly.