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が出来ます。 新規作成も手軽。 一度作ったメ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
米Appceleratorは3月8日（米国時間）、オープンソースのアプリケーション構築プラットフォーム「Appcelerator Titanium 1.0」の一般提供（GA）を開始した。HTMLやJavaScriptなどを用いてモバイル/デスクトップ向けアプリケーションを開発できる。Titaniu... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[N] ウェブ開発者に人気のFirefoxアドオン10 Webデザイン フィード](/thumbnail/407304.png)
10 Popular Firefox Add-ons for Web Developersというエントリーで、ウェブデベロッパーに人気のFirefoxアドオンが10種類まとめられていました。知っている人には当然のアドオンかもしれませんが、これからウェブデザイナーを目指そうといった人には参考になると... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
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の機能を実装したいというニーズも高... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
swfthumbnail is a new solution of thumbnailswftumbnailは、サムネイル画像に対する全く新しいソリューションを提供します。 swftumbnailは、サムネイルの生成をサーバ側からクライアント側に移すことを目的として開発されています。現状、サムネイ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
文：Stephen Shankland（CNET News） 翻訳校正：川村インターナショナル2010/03/04 07:30 Mozilla Foundationは、新しい競争上のプレッシャーに直面して、「Firefox」に3つの大きな変更を施す取り組みに着手した。第1の変更は新しいJavaS... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]div要素に角丸やフェードのボーダーをスタイリングするスクリプト -DivCorners | コリス Webデザイン フィード](/thumbnail/403028.png)
div要素で配置した矩形に、シンプルなボーダーや角丸、フェードのボーダーをスタイリングするスクリプトをroydukkeyから紹介します。DivCorners デモページボーダーは矩形の内側と外側に指定して配置することが可能で、ボーダー自体の幅や高さを指定してスタイリングすることができます。 上記キ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Ultimate guide to table UI patterns 秀逸なテーブルデザインのパターン集をまとめたエントリのご紹介です。 デザインだけでなく、見やすさや分かりやすさという点にも気を配りたいテーブルデザインは比較的難しいものになりますね。 テーブルデザインの例を知っておくことで、難... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
|
html5で videoの任意のフレームをcanvasに描画するメモ - 超自己満足プログラミングhttp://d.hatena.ne.jp/favril/20100225/1267099197昨日この記事を見て、これはすごい！ すごいすごい！ ってなって、これができるんならWebブラウザだけで動... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
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... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
vim, web | 最近ちょっと興味があったZen-Codingがvimでも出来るというプラグインがあったので試してみた。Zen-Codingってのはプログラマが使うエディタについてるスニペット入力みたいな感じでHTMLがサクサク書けるようになるライブラリ。スニペットのHTML特化版。CSSセレ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[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... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するも... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
