Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
AjaxLineで、素晴らしいjQueryチュートリアルがまとまっています。ざっといくつかご紹介。» Animated Menu Using jQuery jQueryを使ったアニメーションするメニュー » How to create tab with JavaScript シンプルなタブ切り替え... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
テーブル操作に使えそうなjQueryプラグイン色々なエントリのご紹介。 面倒なテーブル表示・ソート・検索なんかの機能をjQueryプラグインで簡単に付けられるのは便利ですが種類もいろいろあります。 ストックとして覚えておけば、いつか使えそうです。 DataTables Tablesorter Fl... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
なんだか各所から突っ込まれそうですが、自分的にタイムリーなので「10 Ways to Instantly Increase Your jQuery Performance」を紹介してみます。jQuery高速化のために気をつけるべきことですね。個人的に知らないものもあったのでざざざっと。常に最新版を... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![7つの強力なファイルマネージャー[記事紹介]*ホームページを作る人のネタ帳 Webデザイン フィード](/thumbnail/289416.png)
あーこれ、あとで参考にさせてもらえそう。 というわけでクリップ代わりにご紹介。 実際デモリンクとも結合されていて、すごく見やすい。 PHPのみ、AjaxのみJavaScriptのみといった仕様も If you are looking for a powerful file manager read... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
システマチックでない、いわゆる静的なWebサイトを構築する仕組みが変わり始めている。Concrete5やZimplitに代表されるような、その場で見たままにWebサイトを作り上げていくという流れが強まっているのを感じている。ユーザ画面をそのまま編集するこれまでのCMSでは管理画面を通してユーザ画面... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Webアプリケーションおよびサーバの高負荷時の挙動を確認する方法の1つが、擬似的に負荷をかけてテストを行うことだ。ここでは、そうしたテストを実施するフリーソフトウェアをいくつか試し、それぞれがどんなタイプのサイトに適しているかを調べた。負荷テスト用のツールはいろいろあるが、メンテナンスが行われてい... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
|
seekAttention
注目箇所だけハイライトのアニメーションで強調。
スクロール・ドラッグなど操作関連のjQueryのプラグイン [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
hatena, javascript はじめに「新はてなブックマーク」になったということで、とっても便利になったのですが、ブックマーク一覧ページ*1が若干 JavaScript に時間が掛かっているみたいです。 というわけで調査してみたいと思います。調査して、改善できそうなところは後で纏めて「はて... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
デザイナ向け「初めてのjQuery」 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。
ソートも並び替えもページネーションも全部こみこみ
それを一つ一つ実... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]画像を使用しないで角丸を実装するスクリプト -jQuery Corners | コリス Webデザイン フィード](/thumbnail/222306.png)
submit, buttonを角丸にしたデモ対応ブラウザは、IE6+, Fx2+, Op9+, Safari2+, Chrome, iPhoneとなっています。オプションでは、角丸のサイズ、アンチエイリアスの有無、角丸を適用するコーナーの指定などができます。 スクリプトはjQueryのプラグインの... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
似たようなライブラリを以前にも紹介しましたが、選択肢は多い方が良いのでご紹介。JavaScript Table Sorterを使えば、数行コードを加えるだけで既存のテーブルをインタラクティブに並べ替え可能にしてくれます。 ↑ こんな感じに。 使い方も直感的でわかりやすいですね。テーブルにID振って... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]設置も簡単なテーブルのデータをソートする超軽量のスクリプト | コリス Webデザイン フィード](/thumbnail/216846.png)
leigeberから、既存のテーブルにも簡単に設置できる、データをソートする超軽量（1.7KB）のスクリプトを紹介します。 jQueryやPrototypeなど他のスクリプトは必要ありません。JavaScript Table Sorter demo動作確認ブラウザは、IE 6/7/8, Fx2/3... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
.htaccessに関する覚え書き November 5, 2008 10:57 AM written by Gen Taguchiすぐ忘れてしまうのでメモ程度にエントリー。ディレクトリー内をブラウズ可能にOptions +Indexes## block a few types of files ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL（MITSUE-LINKS JavaScript Library）」は、... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]わずか1.3KBの軽量で、快適に動作するアコーディオンのスクリプト | コリス Webデザイン フィード](/thumbnail/209366.png)
Leigeberのエントリーから、以前紹介した「軽量でシンプルなアコーディオンのスクリプト」より更に軽量（1.3KB）になったアコーディオンのスクリプトを紹介します。Animated JavaScript Accordion V2 demoAccordion V2はjQueryやPrototype... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]高さの異なるカラムを揃えるスクリプト -equalHeights.js | コリス Webデザイン フィード](/thumbnail/206603.png)
Setting Equal Heights with jQuery
デモ
使用方法は、スクリプトを外部スクリプトとして指定し、高さを揃えたいカラムすべてを内包するdivを記述します。
そのdivのidをスクリプトに記述します。デモでは「id="equalize"」を指定しています。
$(fun... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
jQueryに対応したJavaScriptライブラリのご紹介。さまざまなコンテンツを画面内の特定の領域でスクロールさせるのに便利です。 ↑ 例えばこんなの。 ↑ 縦スクロールにも対応。 マークアップがシンプルなのと、マウスホイールにも対応しているのが素敵ですね。3.0kbと軽量なのも魅力です。 詳... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
web開発者が知っておくべき20の上位リストを作成している記事がありましたのでご紹介。 何気なくAjax使ったりしますけど、色々あるものですねぇ。 中でもこれは使えそうだなぁと思う7点をピックアップいたしました。 テキストボックスのオートフォーム 自動入力完備というか、入力した語句から検索してリス... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]ナビゲーションの背景画像をアニメーションさせるスクリプト | コリス Webデザイン フィード](/thumbnail/195048.png)
Snook.caのエントリーから、「ナビゲーション画像にアニメーションのエフェクトをつける -CSS Sprite2」のように、ナビゲーションの背景画像にさまざまなアニメーション効果つけるスクリプトを紹介します。 Using jQuery for Background Image Animatio... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
