Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
手紙などにプレスしたようなエフェクト「レタープレス」をPhotoshopで画像として作成するチュートリアルとCSSで実装するチュートリアルをAcrisDesignから紹介します。Letterpress Text Effect Using Photoshop and CSSレタープレスのエフェクトは... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]Firefox 3.0/3.5のCSSのバグ情報のまとめ | コリス Webデザイン フィード](/thumbnail/409750.png)
Firefox 3.xでおこるCSSのバグ（仕様？）をWeb Designer Depotから紹介します。CSS Bugs and Inconsistencies in Firefox 3.x下記に、その中からい [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
デザインによって必要なフォントは毎回違いますよね。毎回買う事ができれば良いのですが、そういうわけにもいかないのでやっぱりフリーで配布しているサイトを探す事になります。ただフリーの物を探す際にはかなりの時間がかかる場合もあるので、フラストレーションが溜まらないようにしたいですね。フォントに限らない話... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[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種類まとめられていました。知っている人には当然のアドオンかもしれませんが、これからウェブデザイナーを目指そうといった人には参考になると... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
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()というメソッドを使って、背景画像に動きをつけているようですね。鳥の画像は以下のように、ア... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
チームラボ株式会社 河北 啓史 2010/3/9 Flash/ActionScriptチューニングの基礎知識から実践的テクニックまでを紹介する連載。読みながら試せるオンライン・サンプルもあります。Adobe AIR/Flexにも応用可能ですFlashを徹底的に軽く作るための3カ条本連載では、これか... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
各所で話題のCSS3をいじりながら学べるサイトがあったのでご紹介。その名もCSS3 Please!ｗ。↑ コードをいじると右上のエレメントが動的に変化します。↑ たとえば角丸をいじると・・・。↑ ほら、もっと丸くなった！それほど多くがあるわけではないですが、「CSS3って何ができるの？」を体感する... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
『 via:http://www.ideaxidea.com/archives/2010/03/css3_please.html 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
「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... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
