jenstornell

class Inside {
	set(selector, strStart, strEnd) {
		this.selector = selector;
		this.strStart = strStart;
		this.strEnd = strEnd;

		this.position = null;
		this.counter = null;
		this.parts = null;

jenstornell

License

Disclaimer

This plugin is provided "as is" with no guarantee. Use it at your own risk and always test it yourself before using it in a production environment.

Try it out first

Try it out on a development environment before you buy. You don't need to pay before you are happy with the plugin.

jenstornell

<?php
/*
1. Place the file as /site/plugins/panel-bar-loading-time/panel-bar-loading-time.php
2. Add it to the items array of the panel-bar like this:
   'time' => panelbar__loadingTime(),
*/
function panelbar__loadingTime() {
	$time = number_format( ( microtime( true ) - $_SERVER['REQUEST_TIME_FLOAT'] ), 2 );
	$time_item = panelbar::link(array(
		'id'     => 'time',

jenstornell

<?php
class TransparentField extends BaseField{
	private $fields = null;
	private $hidden = 0;
	private $hidden_empty = 0;

	public function __construct() {
		$this->type = 'transparent';
	}

jenstornell

<?php
class TransparentField extends BaseField{
	private $fields = null;
	private $hidden = 0;
	private $hidden_empty = 0;

	public function __construct() {
		$this->type = 'transparent';
	}

jenstornell

<?php
/*
Put this file in Kirby plugins/thumbc/thumbc.php
Find cacert.pem on the web and put it in the same folder
Add c::set('tinypngKey', 'your_API_key'); to your config with your TinyPNG API key
Add echo nail( $page->image( 'screenshot-1.png' ), array( 'width' => 300 ) ); to your header.php to see if it works
*/

function nail( $image, $args ) {
	$class = new Foo( $image, $args );

jenstornell

Libraries

• 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
• Compass - Open source CSS Authoring Framework.
• Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
• Font Awesome - The iconic font designed for Bootstrap.
• Zurb Foundation - Framework for writing responsive web sites.
• SASS - CSS extension language which allows variables, mixins and rules nesting.
• Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides

jenstornell

Libraries

• jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
• Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
• AngularJS - Conventions based MVC framework for HTML5 apps.
• Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
• lawnchair - Key/value store adapter for indexdb, localStorage

jenstornell

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

jenstornell

/**
 * Set box-sizing
 *
 * @applied grid parent
*/
[data-grid],
[data-grid*='pad-'] > *, {
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;