Skip to content

Instantly share code, notes, and snippets.

View lheredia's full-sized avatar

Luis Heredia lheredia

View GitHub Profile
One bugfix
http://www.sencha.com/forum/showthread.php?23615-Grid-Search-Plugin&p=799141&viewfull=1#post799141
For datecolumns like:
,{
text:'date',
dataIndex:'datecreated',
xtype:'datecolumn',
format:'d.m.Y H:i'
}

3D Paper button effects

I made this demo to try out and illustrate some of the subtle button effects you can create just using box-shadow and borders on pseudo–elements.

Inspired by the work I saw a while back over on Beemuse (http://beemuse.com/paper) and so this is a heavily tweaked more dynamic version of those effects.

Also see Nicolas Gallaghers previous post on effects like this: http://nicolasgallagher.com/css-drop-shadows-without-images/

Tested in latest Chrome and Firefox, but no reason it shouldn't work in all latest browsers.

2D and 3D Block Loaders

A selection of loaders all based around a line of 6 blocks.

Uses CSS3 animation and transforms to create a variety of subtle loading effects.

Inspired by the loading animation on the PSN mobile site (which uses the Flip Delay Up example for their loader).

For more info, see: http://ashleynolan.co.uk/blog/a-collection-of-animated-loaders

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
/**
* CodeIgniter Better Form Validation
*
* @package CodeIgniter
* @author Sepehr Lajevardi <me@sepehr.ws>
* @copyright Copyright (c) 2012 Sepehr Lajevardi.
* @license http://codeigniter.com/user_guide/license.html
* @link https://github.com/sepehr/ci-form-validation
* @version Version 1.0
// The default TextAreaField in Sencha touch 2 is difficult to use
// on a mobile device.
//
// This when tapped to edit, this displays the text full screen, and allows
// for better reading and editing.
//
// Modified from 'BetterTextArea'
// http://colinramsay.co.uk/diary/2012/05/18/a-better-textareafield-for-sencha-touch-2/
Ext.define('Ext.ux.field.FullScreenTextArea', {
// The default TextAreaField in Sencha touch 2 is difficult to use
// on a mobile device.
//
// This when tapped to edit, this displays the text full screen, and allows
// for better reading and editing.
//
// Modified from 'BetterTextArea'
// http://colinramsay.co.uk/diary/2012/05/18/a-better-textareafield-for-sencha-touch-2/
Ext.define('Ext.ux.field.FullScreenTextArea', {