タグ Libs
人気順 10 users 50 users 100 users 500 users 1000 users[JS]実装が簡単！要素にclassを加えるだけでCSS3アニメーションを自在に使えるスクリプト -CSS3 Animate It | コリス
2019/01/28
149 users
コリス
class
stylesheet
スクリプト
Ajax
アニメーションの一覧 CSS3 Animate Itの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプトとjquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="css/animations.css" type="text/css"> </head> <body> ... <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jque... 続きを読む
gem install で C拡張をビルドする流れを追ってみた - sonots:blog
2014/10/22
25 users
sonots
gems
gem install
MySQL
2014年10月22日11:17 カテゴリ gem install で C拡張をビルドする流れを追ってみた bin/gems に pry も仕込んでステップ実行。コマンドは以下のように実行してみた。LDFLAGS="`mysql_config --libs` -lstdc++" bin/gem install mysql2 -- --with-mysql-lib=/usr/lib64/mysql ... 続きを読む
[JS]指定した要素を抽出して、自動でページ内アンカーのナビゲーションを設置するスクリプト -MagicNav.js | コリス
2012/09/07
30 users
コリス
Ajax
スクリプト
ナビゲーション
script
ナビゲーションを抽出 ページ内の移動は、アニメーションを伴ってスクロールします。 MagicNav.jsの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script sr... 続きを読む
[JS]エレメントをグリッド状にランダムに配置したり、Pinterest風に配置するスクリプト – BlocksIt.js | コリス
2012/08/21
111 users
コリス
エレメント
Ajax
スクリプト
Pinterest風
BlocksIt.jsの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトをhead内に記述します。 ※jQueryは1.7.1で開発。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> <script type... 続きを読む
[JS]レスポンシブデザインもOK、水平タイプのナビゲーションをいい感じにするスクリプト -HorizontalNav | コリス
2012/06/20
215 users
コリス
Ajax
スクリプト
ナビゲーション
成り行き
デモ：480pxで表示 上：未適用はが成り行きで二段になってしまう幅になっても、下：適用の見た目は損なわれません。 HorizontalNavの使い方 実装は4ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery... 続きを読む
[JS]実装も簡単！ページ内の次にどこを見るかアニメーションでガイドするスクリプト -Pageguide | コリス
2012/06/07
100 users
コリス
stylesheet
スクリプト
Ajax
実装
Pageguideの使い方 実装は4ステップです。 Step 1: 外部ファイル スクリプトとスタイルシートを外部ファイルとして記述します。 <link rel="stylesheet" href="stylesheets/pageguide.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.m... 続きを読む
[JS]Responsiveデザインでサイズ可変の画像でもクリッカブルマップ対応にするスクリプト -RWD Image Maps | コリス
2012/05/22
129 users
コリス
Responsiveデザイン
Ajax
スクリプト
RWD Image Mapsの使い方 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="jquery.rwdImageMaps.min.js"></script> ... 続きを読む
[JS]シンプルからかっこいいエフェクト付きまで、ページネーションなら何でも任せろのスクリプト -jPages | コリス
2012/04/12
270 users
コリス
stylesheet
スクリプト
Ajax
CSS
Table テーブルのコンテンツをページネーションにすることもできます。 jPagesの使い方 外部ファイル スタイルシートとスクリプトを外部ファイルとして記述します。 <link rel="stylesheet" href="css/jPages.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.... 続きを読む
[JS]高さの異なる要素をレンガ状に隙間なく並べるだけのシンプルなスクリプト -Wookmark | コリス
2012/03/26
476 users
コリス
Ajax
スクリプト
src
script
Wookmarkの使い方 実装はいたってシンプルです。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.wook... 続きを読む
[JS]a要素を内包するdiv要素全体をクリッカブルにするスクリプト -Div Linker | コリス
2011/10/05
67 users
クリッカブル
Ajax
jQuery
コリス
div要素
テキストリンクなどのa要素を内包するdiv要素の全部をクリック可能にするjQueryのプラグインを紹介します。 Div Linkerの実装 実装は非常にシンプルです。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min... 続きを読む
[JS]追従するフロートパネルを一行のスクリプトで設置できる -Portamento | コリス
2011/09/26
94 users
コリス
Ajax
一行
スクリプト
jQuery
スクロール操作に追従して定位置に表示されるフロートパネルを簡単な記述で設置できるjQueryのプラグインを紹介します。 Portamentoの実装 実装は非常に簡単です。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.m... 続きを読む
perlbrew.elとProject::Libsを使ったflymakeの設定 - antipop
2011/04/13
24 users
antipop
flymake
elisp
kentaro
同僚が、perlbrewを使っている時に、MacのCocoa Emacsで意図したperlのバージョンが動かなくて困ってたので、flymakeの設定を見直してみた。 perlbrew.elまず、Cocoa Emacsから利用するperlのバージョンをあらかじめ指定できるよう、以下のような簡単なelispをでっち上げた。https://github.com/kentaro/perlbrew.elこん... 続きを読む