YoutubeやVimeoの動画を背景に指定できるjQueryプラグイン・OKFocus video - かちびと.net

2014/07/31 55 users YouTube jQuery Vimeo script 備忘録

YoutubeやVimeoの動画を手軽に背景指定できる、というスクリプトのご紹介。jQueryに依存しています。既に同等のものが存在しますが、使いやすそうだったので備忘録。 動画を手軽に背景指定出来る、というもの。 OKFocus video 動作サンプルです。 背景なので重ねたレイヤーの背景を透過すればマスクっぽく出来ますね。 <script src='jquery.js'></script> ... 続きを読む

jQueryでレスポンシブ対応した1行ごとに要素の高さを揃える方法 | BlackFlag

2014/06/10 78 users jQuery BlackFlag ウインドウサイズ 要素 方法

Webページ内に並べられた要素の高さを揃えるスクリプトサンプルや jQueryプラグインを今までもいくつか紹介してきましたが、 並べられた要素をレスポンシブ対応かつ1行ごとに高さを揃える形での スクリプトサンプルを試しに作ってみたので紹介してみます。 jQueryでレスポンシブ対応した1行ごとに要素の高さを揃える方法 まずは動作サンプルから。 サンプル画面でウィンドウサイズを伸縮させてみてください... 続きを読む

初心者がモチベーション上げながらプログラミングをしてシューティング（っぽい）ゲームを1本作る！ - Λlisue's blog

2013/12/25 164 users GitHub lisue シューティング モチベーション 1本

2013-12-25 初心者がモチベーション上げながらプログラミングをしてシューティング（っぽい）ゲームを1本作る！ KawazAdventCalendar - Github 紹介ページ（動作サンプルあり） はじめに この記事はKawaz Advent Calendar 2014 のクリスマスの記事として書かれました。 この記事は「初心者がモチベーション上げながらプログラミングをしてシューティング... 続きを読む

長いテキストを「…」で省略するjQueryプラグイン・Smarttruncation - かちびと.net

2012/11/17 189 users net 長いテキスト 語尾 CSS ライブラリ

長いテキストを省略して表示 する、というjQueryプラグイン 、Smarttruncationのご紹介。 CSSのみでも一応は可能ですけど、 こちらはある程度応用が利くの で覚えておこうかと思います。 この手のライブラリはいくつか見かけましたけど、これは日本語でもそのまま利用出来るので一応メモ。 動作サンプル 長いテキストが省略されています。上は語尾を、下は真ん中あたりで省略。なかなか便利なので... 続きを読む

jQueryによるフォームデータ取得方法のまとめ: 小粋空間

2011/07/05 71 users jQuery 小粋空間 ターゲット まとめ 本エントリー

jQueryによるフォームデータ取得方法のまとめです。 フォームデータの取得で分かりにくいのは、セレクトボックス・ラジオボタン・チェックボックスの3種類ではないかと思われます。本エントリーではこの3種類にターゲットを絞り、動作サンプルを用いて解説します。「$」は「jQuery」で記述しています。 ネットで検索したところ、まとまった記事がなかったので自作しました。なお、本エントリーに掲載している方法... 続きを読む

少しのjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする - かちびと.net

2011/06/09 351 users jQueryコード HTMLテーブル net クリッカブル

シンプルでいいアイデアだったのでメモ。 HTMLテーブルの列そのものにリンクを 指定できるようにする、というもの。jQuery でサクッと出来るようですね。ちょっと思 いつきませんでしたけど・・テーブルまわり は使いやすさを向上したいところです。 HTMLのテーブルの列をjQueryでクリッカブルにする事で、ユーザーの利便性を上げられそうです。 動作サンプル 地名 読み方 En 詳細 その他 東京... 続きを読む

jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル - かちびと.net

2011/02/24 335 users net リスト マークアップ 備忘録 本家

自分用に備忘録。そろそろチートシート が出てくる頃じゃないかと思うので、そう 焦ることも無い情報だと思いますが、近々 使いそうなのでその時に面倒な事になら ないようによく使いそうなマークアップを リストとしてメモしておきます。 ちゃんとしたデモは本家で確認して下さい。ここにあるサンプルは僕のいい加減なサンプルです。尚、マークアップが見やすい様にするだけの為にコメントアウト入れていますが気にしないで... 続きを読む

テキストエリアとかリサイズ可能にする JavaScript

2006/08/25 211 users リサイズ textarea テキストエリア マウスカーソル

■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサ... 続きを読む