Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
![[JS]CSSスプライトをアニメーションで変更するチュートリアル | コリス Webデザイン フィード](/thumbnail/409376.png)
Photoshopでの画像作成からはじまり、CSSスプライトをアニメーションで変更するボタンを実装するチュートリアルをTutorial9から紹介します。Creative Button Animations with Sprites and JQuery デモページデモではHTMLとCSSを使用した... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
可変グリッド（リキッド）レイアウト、ちょっと気になってます。ざっとご紹介。...見づらいのではないか。 と、今は言いますが、こういうサイトがもっと多くなってきたら、意外と見慣れてきて順応するんじゃないかなぁとも思います。 もちろん、デザインとして情報に強弱があったほうが見やすくわかりやすいという原... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
なかなか面白いのがありました。 あとでなんかのシステムに使えそうかなとおもってメモ。 手軽・それでいて使い易い ただまぁ、ブログや一般のwebサイト使えるような代物でもないので、こんなのがあるよー程度に覚えておくといいかもしれない。 メモ帳は手軽にD&Dが出来ます。 新規作成も手軽。 一度作ったメ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」2010年03月11日-Run This! PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Flash以外でサイトに動きをつけたい。そんなときに参考になるのが、『Spritely』。ピュアHTMLでキャラクターと背景がアニメーションするjQueryです。Spritelyは、sprite()とpan()というメソッドを使って、背景画像に動きをつけているようですね。鳥の画像は以下のように、ア... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Best jQuery plugins for Twitter integration | AjaxLine サイトにTwitterの機能を組み込むためのjQueryプラグイン集。 Twitterの勢いがまだまだ衰えませんが、それにともなってサイトにTwitterの機能を実装したいというニーズも高... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]div要素に角丸やフェードのボーダーをスタイリングするスクリプト -DivCorners | コリス Webデザイン フィード](/thumbnail/403028.png)
div要素で配置した矩形に、シンプルなボーダーや角丸、フェードのボーダーをスタイリングするスクリプトをroydukkeyから紹介します。DivCorners デモページボーダーは矩形の内側と外側に指定して配置することが可能で、ボーダー自体の幅や高さを指定してスタイリングすることができます。 上記キ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
There are many posts available detailing how to write your own jQuery plugin. It won’t take long before you realize that building in jQuery is very s... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
マウスオーバー時に気持ちのいい効果をつけたい。そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。デモは以下から。jQuery Menu Plugin: Bub... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]表データの列と行をハイライトするスクリプト -TargetTable | コリス Webデザイン フィード](/thumbnail/399911.png)
表データのセルにカーソルをあわせると、その列と行をハイライトするシンプルなスクリプトをPreeoStudiosから紹介します。TargetTable デモスクリプトのセットアップは簡単で、既存の表データにも簡単に反映できます。HTMLtableに「class="targettable"」を記述しま... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Chat2: Group Chat Room with PHP, jQuery, and a Text File | CSS-Tricks PHPとjQueryで作るAjaxなグループチャットスクリプト作成のチュートリアルとデモプログラムがそのままダウンロード出来るエントリのご紹介。 クールなaj... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
フォーム周りでjQueryを使いたい。そんなときにおすすめなのが、『25 jQuery Tutorials for Creating and Working with Forms』。フォームで使えるjQuery集です。かっこいいものが揃っていますね。いくつかご紹介します。Creating a Sl... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
これは便利そうなのでメモ・・・。jQuery.tagInputはdeliciousちっくなタグ入力フォームを実現してくれるjQueryのプラグインですよ。↑ こんな感じね。ちゃんと入力した文字を太字にしてくれたり、頻度を右にだしてくれたりしますね。コードもシンプルなので導入は簡単ですな。詳細＆ダウ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
7 trusted ajax file upload plugins using jquery | Web Developer Juice ajaxファイルアップロードに使えるjQueryプラグインがいろいろとまとまっていましたのでご紹介。 AJAX Upload カスタムボタンを押すとファイルを... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
これはメモ的にエントリー。jQueryでスクロールするリストを作るためのチュートリアルですよ。細かい見た目に気を使っている点がすばらしいですね。↑ こういう上から下に流れるリストが作れます（デモ）。こうしたスクロールするリストは他にもたくさんありますが、用途にあった実装をしたいですよね。たくさん知... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
第6回「Web制作が楽しくなるCSS3/JavaScriptのテクニック50」 2010年01月25日 ブラウザ対応が進み、本格普及が間近となったCSS3。海外ではすでに多くのCSS3を使ったデザインテクニックが公開されている。ここではSmashing Magazineに掲載された「50 Bril... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]複数の打ち出し画像をスライドのアニメーションで変更するスクリプト | コリス Webデザイン フィード](/thumbnail/396284.png)
サイトのトップページやプロモーションページに最適な複数の画像をスムーズなアニメーションでスライド表示するスクリプトをSoh Tanakaから紹介します。実装のイメージ画像のスライドはコントローラーでの手動操作と自動操作に対応しています。スクリプトのベースにはjQueryが使用されており、HTML/... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ナンバリングがついたjQueryとCSSで制御するスライダー「 Automatic Image Slider w/ CSS & jQuery」非常に高機能なjavascriptライブラリとして、WEBではかなり利用されているjQuery。今回紹介するのはjQueryとCSSで制御するスライダー「A... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
『 jQueryでCoreAnimation。すばらしい。 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
最近、社内で PHP Spidermonkey が流行って（？）いるようです＞＜！Cybozu Inside Out: SpiderMonkeyを使ってPHPでサーバーサイドJavaScriptid:ama-ch さすがです＞＜ というわけで僕も、 PHP の Spidermonkey でどのくら... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
