Skip to content

Instantly share code, notes, and snippets.

View frequent's full-sized avatar

Sven Franck frequent

38 followers · 6 following
View GitHub Profile
@frequent
frequent / gist:2d54478d01649ba4706c
Last active August 29, 2015 14:22
css
/* --------------------------- gadget_core.css -------------------------- */
/*
=========================================================================
================================ fonts =================================
=========================================================================
*/
/* global reference font-size (.9em = 14.4px) */
html.ui-mobile body div p,
html.ui-mobile body div a,
html.ui-mobile body div button,
@frequent
frequent / index.html
Created August 12, 2015 08:26
rtc-brainstorming
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<!--
<script type="text/javascript" src="sockjs-client.js"></script>
<script type="text/javascript" src="webtcp_client.js"></script>
@frequent
frequent / gist:0e9ca7ae840a2a8b3882
Created August 21, 2015 09:56
template for Xiaowu
<!-- field-search with tags and filter button -->
<script id="field-search-template" type="text/x-handlebars-template">
<div class="field_container">
<div class="ui-field-contain">
<div class="css-compatability-helper">
<div class="ui-input-text ui-body-{{theme}} ui-input-has-icon ui-corner-all ui-shadow-inset ui-input-has-clear {{status_class}} {{css_class}}">
<form class="save_form document_form">
<input type="text" data-enhanced="true" value="{{value}}" name="search" {{status_attribute}} />
<div class="ui-btn ui-input-clear ui-input-btn ui-corner-all ui-icon-search ui-btn-icon-notext" data-i18n="[node]{{search_i18n}}">
{{search_i18n}}<input tabindex="-1" data-role="button" data-enhanced="true" type="submit" data-i18n="[value]{{search_i18n}}" value=" " {{status_attribute}} />
@frequent
frequent / upgrade JQM actionsheet
Created September 11, 2011 08:26
how to fire actionsheet from within a list element
<!-- not perfect yet, but going in the right direction ... -->
<!-- list element from within actionsheet should be triggered -->
<ul data-role="listview" data-inset="true" class="socialize">
<li><a data-trigger="actionsheet" id="as1" href="#"><img src="iconSprite" class="ui-li-icon" alt="" />Favorite</a></li>
<li><a data-trigger="actionsheet" id="as2" href="#"><img src="iconSprite" class="ui-li-icon" alt="" />Hide</a></li>
</ul>
<!-- action sheets -->
<!-- need to be place outside list element, otherwise CSS is not working properly once activated-->
@frequent
frequent / imgtag.html
Created November 28, 2011 22:18 — forked from ike/imgtag.html
The New Img Tag
<img src="large-default-file.jpg">
<source src="smaller.jpg" media="max-width:600px">
<source src="tiny.jpg" media="max-width:320px">
</img>
@frequent
frequent / mobile-meta-links.html
Created December 14, 2011 23:33
iOS Web App Configuration
@frequent
frequent / jqm-self-init-a-widget.js
Created January 4, 2012 12:44 — forked from scottjehl/jqm-self-init-a-widget.js
Self-init a jQuery Mobile plugin
// First, let's define a widget/plugin called "foo"
// Either using jQuery's $.fn plugin namespace, for simple stateless plugins...
$.fn.foo = function(){
// In this scope, this refers to the element on which the plugin foo() was called
// manipulate it and return this at the end, so it can be chainable
};
@frequent
frequent / multiview_getting_started
Created November 25, 2012 10:00
basic setup of a jQuery Multiview page
<div data-role="page" id="your_wrapper_id" data-wrapper="true">
<!-- global header -->
<div data-role="panel" data-id="your_menu_panel_id" data-panel="menu">
<div data-role="page" id="your_menu_page_id" data-show="first">
<!-- local header -->
<!-- page content -->
<!-- local footer -->
</div>
</div>
<div data-role="panel" data-id="your_main_panel_id" data-panel="main">
@frequent
frequent / panel transitions
Created November 25, 2012 10:35
jQuery Mobile Multiview - basic panel transitions
<!-- panel transitions on HTML links -->
<a href="somePage.html" data-transition="fade" data-panel="your_panel_id">
<!-- programmatic -->
$.mobile.changePage('somePage.html', {
transition: 'fade',
pageContainer: $('div:jqmData(id="your_panel_id")')
});
@frequent
frequent / gist:6583140
Last active December 23, 2015 04:49
generates a jQuery Mobile pre-enhanced popup (empty)
// this is from a larger file, fit as you need:
var priv = {};
priv.generator = {
/**
* Generates elements based on supplied configuration
* @method: makeElement
* @param: {type} string Type of element to generate