Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
![[JS]CSSスプライトをアニメーションで変更するチュートリアル | コリス Webデザイン フィード](/thumbnail/409376.png)
Photoshopでの画像作成からはじまり、CSSスプライトをアニメーションで変更するボタンを実装するチュートリアルをTutorial9から紹介します。Creative Button Animations with Sprites and JQuery デモページデモではHTMLとCSSを使用した... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
紙の表現を可能にするフリーphotoshopブラシ集「A Collection of Photoshop Paper Brushes for Your Next Design」制作にとても便利な紙の表現。無機質なデザインに質感や暖かみを与えてくれます。便利だけあって、背景素材は多数公開されていて、... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
|
可変グリッド（リキッド）レイアウト、ちょっと気になってます。ざっとご紹介。...見づらいのではないか。 と、今は言いますが、こういうサイトがもっと多くなってきたら、意外と見慣れてきて順応するんじゃないかなぁとも思います。 もちろん、デザインとして情報に強弱があったほうが見やすくわかりやすいという原... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
なかなか面白いのがありました。 あとでなんかのシステムに使えそうかなとおもってメモ。 手軽・それでいて使い易い ただまぁ、ブログや一般のwebサイト使えるような代物でもないので、こんなのがあるよー程度に覚えておくといいかもしれない。 メモ帳は手軽にD&Dが出来ます。 新規作成も手軽。 一度作ったメ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
私が知ってる範囲での勉強会のサイトについて書いてみる事にしました。 CSS Nite 多くなりましたね。まだまだ増えてるようですが、いろいろな地域でWeb系の勉強会が増えてくるといいですね。北海道北海道WEBコンソーシアム（北海道）SaCSS（北海道）東北dachas（宮城）IWDD（岩手）8we... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
世界的なブームにもなっているトイカメラをご存知ですか。トイカメラをWikipediaで調べてみると、「トイカメラ（英: Toy Camera ）は、本体･レンズ等、ほぼ全体を構成する素材が合成樹脂等から作られ、組立の構成が比較的簡単な箱型で、安価なカメラ。」と記述されています。(参考 : トイカメ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[N] ウェブ開発者に人気のFirefoxアドオン10 Webデザイン フィード](/thumbnail/407304.png)
10 Popular Firefox Add-ons for Web Developersというエントリーで、ウェブデベロッパーに人気のFirefoxアドオンが10種類まとめられていました。知っている人には当然のアドオンかもしれませんが、これからウェブデザイナーを目指そうといった人には参考になると... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Flash以外でサイトに動きをつけたい。そんなときに参考になるのが、『Spritely』。ピュアHTMLでキャラクターと背景がアニメーションするjQueryです。Spritelyは、sprite()とpan()というメソッドを使って、背景画像に動きをつけているようですね。鳥の画像は以下のように、ア... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
チームラボ株式会社 河北 啓史 2010/3/9 Flash/ActionScriptチューニングの基礎知識から実践的テクニックまでを紹介する連載。読みながら試せるオンライン・サンプルもあります。Adobe AIR/Flexにも応用可能ですFlashを徹底的に軽く作るための3カ条本連載では、これか... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
各所で話題のCSS3をいじりながら学べるサイトがあったのでご紹介。その名もCSS3 Please!ｗ。↑ コードをいじると右上のエレメントが動的に変化します。↑ たとえば角丸をいじると・・・。↑ ほら、もっと丸くなった！それほど多くがあるわけではないですが、「CSS3って何ができるの？」を体感する... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
|
「pick」は、みんなが今、見つけた「いいよね。」をピックアップしていくサービスです。「気になる！」「かわいい！」「かっこいい！」「面白い！」「参考になった！」「誰かに教えたい！」をどんどん共有、どんどんピック！こぐれあいこ先生のお料理教室♪３：超簡単なじゃがいもグラタン。ほんと簡単なのに激うま。... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Windows Internet Explorer 8オンザフライでCSSを調整してブラウザの表示に反映させるツールはいくつもある。WebデザイナやWebデベロッパにとって、WebサイトやWebページを制作する段階において欠かせないツールといえる。主要ブラウザにはそれぞれデバッグツールが付属してい... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
結構便利そうだったのでご紹介。オンライン でWebサイトの簡単な設計図、いわゆる モックアップをドラッグ&ドロップ、直感で作成 出来て、PDFやJPGで保存出来るフリーの Webサービス、lumzyのご紹介。ユーザー 登録不要というのが良いですね。 日本語もある程度使えて（ボタンのテキストなどには... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Webデザイナーとして働く際、自分をアピールするのに最も大切なのがポートフォリオWebサイト。今まで作った作品や自分がどんな人間なのか、何ができるのかを紹介するサイトを作っておけば、就職活動にも大変役立ちます。ここではポートフォリオWebサイトを作る際のポイントや素敵なポートフォリオサイトを紹介し... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Category ： CSS3最近は CSS3 ネタばかりですが、今回は CSS3 で使える background 関係のプロパティを紹介、解説です。background-size背景画像のサイズを指定します。横幅 縦幅の順で記述します。対応ブラウザ（2010 3/8 現在）Safari , Go... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Best jQuery plugins for Twitter integration | AjaxLine サイトにTwitterの機能を組み込むためのjQueryプラグイン集。 Twitterの勢いがまだまだ衰えませんが、それにともなってサイトにTwitterの機能を実装したいというニーズも高... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
「WordPress」は日本でも2006年から急激にシェアを増やし始め、ついにはMovable Typeをも駆逐しそうな勢いのオープンソースで無料のブログ・CMSプラットフォームとなっており、その勢いはとどまるところを知りません。 オープンソースで開発されているため無料で利用できるという特徴以外に... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ライフハッカー（日本語版）の記事の最後に関連記事が表示されていますが、これがいろいろうまい、というお話です。↑ これね。まず、既読かどうかをCSSで判定して、読んだものにはチェックがつくようになっています。人は何かとコンプリート感を目指しますからね。チェックがついていないものにはチェックをつけたく... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Category ： CSS3テキストに影をつける text-shadow ボックス要素に影をつける box-shadow は今後必須のプロパティになりそうな気がするので使い方などをまとめておきたいと思います。text-shadow の使い方名前の通りテキストに影をつけてくれるプロパティです。 デ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Ultimate guide to table UI patterns 秀逸なテーブルデザインのパターン集をまとめたエントリのご紹介です。 デザインだけでなく、見やすさや分かりやすさという点にも気を配りたいテーブルデザインは比較的難しいものになりますね。 テーブルデザインの例を知っておくことで、難... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
