2014年10月31日金曜日

javascriptで文字コード変換 - Qiita

javascriptで文字コード変換 - Qiita

Adobe Illustrator CS 3 用のスクリプト置き場

Illustrator CS 3 用のスクリプト置き場です。


AI | PICTRIX BetaBox

Illustratorで作業前にトンボとガイドを追加するスクリプト - saucer

Illustratorで作業前にトンボとガイドを追加するスクリプト - saucer

ページの初期描画を高速化させる - yepnope.js

ページの初期描画を高速化させる、yepnope.jsの使い方 - ふろしき.js




最新の Web サイト構築に便利な開発ツール - modern.IE

https://www.modern.ie/ja-jp


JavaScriptで日付を扱う - moment.js

JavaScriptで日付を扱うならこれ!「moment.js」 : アシアルブログ

2014年10月28日火曜日

jQueryでチェックボックスの全チェック/外しをしようとしてハマッたこと、attr()とprop()の違いは罠レベル

jQueryでチェックボックスの全チェック/外しをしようとしてハマッたこと、attr()とprop()の違いは罠レベル

cssだけでcheckboxやradioのデザインを変更

cssだけでcheckboxやradioのデザインを変更














Firefoxのデフォルトプルダウン(select box)デザインを消す! - Qiita
http://qiita.com/mimoe/items/04d700d4140cd5150d5a



jQuery の load() | Web Design Leaves

jQuery の load() | Web Design Leaves

JavaScriptでCSVデータ(項目行あり)をJSON形式に変換する | Try Lifelog

JavaScriptでCSVデータ(項目行あり)をJSON形式に変換する | Try Lifelog

jQuery: テーブル関連プラグイン1 Columns

JSONデータからテーブルを作成



ソート、検索、ページャーも可能



Columns

2014年10月24日金曜日

pdf.jsを使いブラウザで見られるPDFスライド表示ツールを作った | Web Scratch

pdf.jsを使いブラウザで見られるPDFスライド表示ツールを作った | Web Scratch




様々なテーブルのデザインパターン Ultimate guide to table UI patterns

Ultimate guide to table UI patterns : Janko At Warp Speed



jQuery: 目次を自動で作成 contents

gajus/contents GitHub

綺麗なTOCを自動で作られるjQueryプラグイン「contents」。
HTML階層をページサイドに次のように、自動で生成して表示できます。
メニューをクリックでコンテンツにアニメーションしつつ移動できます。






jQuery: Multifilter - 複数条件で結果を絞り込めるテーブルを実装できる

Multifilter - Sort a table on Multiple inputs. A jQuery plugin from Tommy Palmer.



複数条件で結果を絞り込めるテーブルを実装できるjQueryプラグイン「Multifilter」



Freewall - jQuery plugin for creating grid layouts

Freewall - jQuery plugin for creating grid layouts




複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」:phpspot開発日誌

複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」:phpspot開発日誌



複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン

「jQuery Feeds」
クロスドメインのRSSもサポートしていて、サーバサイドスクリプトは一切不要。

複数のRSSを時系列にサクッとまとめて表示したい場合に便利そうです

jQueryのanimateを高速化したVelocity.js

Velocity.js

jQueryのanimateを高速化した「Velocity.js」

jQueryアニメーションよりも高速に動作し、標準のanimate全ての互換性

jQuery: ページの一部分だけ Ajax で読み込む方法

HTMLを先に読んで、ページの一部分だけ Ajax で読み込む方法 [ JavaScript ] みどりのウェブ開発日記 Ajax jQuery PHP XHTML CSS の覚書



// ポイント① ページの読み込みが終わったらAjax通信を始める
$(window).load(function(){
    $.ajax({
        type: "GET",
        url: "hoge.php?product_name="+product_name+"",
        // ポイント② 送信前にローディング画像を表示する
        beforeSend: function(){
            $('#fade').fadeIn();
        },
        success: function(html){
            $("#product_list_view").html(html);
        },
        error: function(html){
            alert("見つかりません");
        },
        // ポイント③ 通信が終了したらローディング画像をフェードアウト
        complete : function(data){
            $('#fade').fadeOut(1500);
        }
    });   
});

2014年10月23日木曜日

jQuery: クリック連打で狂ったようにアニメーションするのを止める方法

jQueryのhoverイベントで 狂ったようにアニメーションするのを止める方法

$(".hoge").slideDown();

に stop() を追加します。

$(".hoge").stop().slideDown();


あるいは、アニメーションしている間は動作しないようにする。

$(".hoge").not(":animated").slideDown();


アニメーション中かどうか判断して処理

if ($(".hoge").is(':animated')) { ~処理~; }



jQuery: hasClassの否定 - 特定のクラス名を持たない要素を指定

LABO LABO hasClass の否定


クラス'class_name'を持っている要素の指定は、
 ⇒ $element.hasClass('class_name')

ですが、

クラス'class_name'を持っていない要素を指定する場合は、
 ⇒ $element.not('.class_name')

(例) var $list = $('li').not('.check_desabled');

2014年10月16日木曜日

jQuery Plugin作成時の3つの注意点

jQuery Plugin作成時の3つの注意点 | tech.kayac.com - KAYAC engineers' blog

細かすぎて伝わらないjQueryの機能5選

細かすぎて伝わらないjQueryの機能5選 | tech.kayac.com - KAYAC engineers' blog

jQuery スクロール移動


#switch にスクロール移動するには


1$(function(){
2    $('#switch').click(function(){
3        $('body').scrollTop(0);
4    });
5});

#switch に滑らかスクロール

1$(function(){
2    $('#switch').click(function(){
3        $('html, body').animate({
4            'scrollTop': 0
5        }, 1000, 'swing');
6    });
7});