Skip to content

Instantly share code, notes, and snippets.

View wildwest-service's full-sized avatar

wildwest_kazya wildwest-service

View GitHub Profile
@wildwest-service
wildwest-service / BothEndsRoundButton.css
Created April 20, 2015 02:47
両端が丸いボタンを作るCSSのサンプル
.btn {
border-radius(17px 17px / 50% 50%);
}
@wildwest-service
wildwest-service / WebryOne.css
Last active August 29, 2015 14:08
マークアップ構造を簡易にプレビューするためのCSSファイル
/*
The MIT License (MIT)
Copyright (c) 2014 Kazuya Nagao (wildwest-service.com)
Included: [github-markdown-css]
Copyright (c) Sindre Sorhus <sindresorhus@gmail.com> (sindresorhus.com)
以下に定める条件に従い、本ソフトウェアおよび関連文書のファイル(以下「ソフトウェア」)の複製を取得するすべての人に対し、
ソフトウェアを無制限に扱うことを無償で許可します。
@wildwest-service
wildwest-service / PCCS_Illustrator.ai
Last active August 18, 2017 13:43
【テキストデータ以外をGistに入れるのはやっぱ無理があったみたいなので、以後こちらで。 https://bitbucket.org/kazya/_pccs.scss/overview 】 This file is partial file for Compass/Sass by PCCS (Practical Color Coordinate System).You can include and use your sass or scss files what RGB color number variables in this file.ご自分のsassファイルにincludeしてください。PCCSの略記号をRGB色番号の変数名として使用できるようになります。
@wildwest-service
wildwest-service / JqmConfig.js
Created March 26, 2013 02:47
jQueryMobile1.3.0のページ遷移時の設定。jquery.mobile-1.3.0.min.jsと併せて読み込むだけでOK。
$(document).bind("mobileinit", function() {
//ページ遷移アニメーションの標準設定 face/pop/flip/turn/flow/slidefade/slide/slideup/slidedown/none
$.mobile.defaultPageTransition = "none";
//ページローディングメッセージの設定
$.mobile.loader.prototype.options.theme = "a"; //ローディング表示のテーマ a/b/c/d/e
$.mobile.loader.prototype.options.textonly = true; //スピナーを表示させるか、テキストだけ表示にするか true/false
$.mobile.loader.prototype.options.textVisible = true; //ローディング中にテキストを表示させるか true/false
$.mobile.loader.prototype.options.text = "読み込み中"; //ローディング中に表示させるテキスト
@wildwest-service
wildwest-service / LightboxByJqm.html
Last active December 15, 2015 07:39
jQueryMobile1.2以降であればdata-role="popup"が使えます。 data-rel="dialog"と似ていますが、ページ遷移ではなくdata-role="page"にネストして書ける、モーダルウィンドウ(Lightbox)のようなものです。 執筆時点で1.3.0が公開されていたため、CDNは1.3.0を読み込んでいます。
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
<script src="http://code.jquery.com/jquery-1.7.0.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
<title>jQueryMobileによるLightbox</title>
</head>
<body>