Skip to content

Instantly share code, notes, and snippets.

@ksz
ksz / css_resources.md
Created March 20, 2014 18:42 — forked from jookyboi/css_resources.md
CSS libraries and guides to bring some order to the chaos.

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

@ksz
ksz / javascript_resources.md
Created March 20, 2014 18:42 — forked from jookyboi/javascript_resources.md
Here are a set of libraries, plugins and guides which may be useful to your Javascript coding.

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
@ksz
ksz / 0_reuse_code.js
Created March 20, 2014 18:42
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
<?php
App::import('Component', 'Twitter');
class UltrasoulBotShell extends Shell
{
var $uses = array('LastTimeline', 'LastMention');
// Twitter Component
var $twitter = null;
//名前
<?php
App::import('Vendor', 'twitteroauth', array('file' => 'twitteroauth'.DS.'twitteroauth'.DS.'twitteroauth.php'));
class HakatasanShell extends Shell
{
var $uses = array('HakatasanTweet', 'HakatasanResponse', 'HakatasanQuestion', 'LastTimeline', 'LastMention');
//Consumer keyの値
var $consumer_key = "";
<?php
class ExampleController extends AppController
{
var $name = 'Example';
var $uses = array();
var $components = array('Twitter' => array('ComsumerKey',
'ComsumerSecret'));
function index()
{
<?php
App::import('Vendor', 'twitteroauth', array('file' => 'twitteroauth'.DS.'twitteroauth'.DS.'twitteroauth.php'));
class TwitterComponent extends Object
{
// user_id
var $user_id = '';
// screen_name
var $screen_name = '';
<?php
/**
* GoogleChart Helper
*
* The Google Chart API helper of CakePHP.
*
* @version 0.41
* @author ksz
* @copyright 2009 ksz
* @license http://www.opensource.org/licenses/mit-license.php The MIT License