Webデザイン・デザイナーの制作に役立つネタまとめ ～ デザインフィードデータベース

Adobe Systemsが「Flash」テクノロジの開発と推進に多大な労力を注いでいるのは確かだ。そして、多くの新しい「Open Web」テクノロジがFlashにとって、競争上の脅威になっているのも事実だ。しかし、だからといって、AdobeがHTML5やCSS3に関心がないわけではない。結局のと...

Firefox 3.xでおこるCSSのバグ（仕様？）をWeb Designer Depotから紹介します。CSS Bugs and Inconsistencies in Firefox 3.x下記に、その中からい [...]

Photoshopでの画像作成からはじまり、CSSスプライトをアニメーションで変更するボタンを実装するチュートリアルをTutorial9から紹介します。Creative Button Animations with Sprites and JQuery デモページデモではHTMLとCSSを使用した...

Curtis is the name I’ve given for a family of geometric sans-serif fonts currently in development. Other incarnations exist as Fontstructions: Curtis...

私が知ってる範囲での勉強会のサイトについて書いてみる事にしました。 CSS Nite 多くなりましたね。まだまだ増えてるようですが、いろいろな地域でWeb系の勉強会が増えてくるといいですね。北海道北海道WEBコンソーシアム（北海道）SaCSS（北海道）東北dachas（宮城）IWDD（岩手）8we...

10 Popular Firefox Add-ons for Web Developersというエントリーで、ウェブデベロッパーに人気のFirefoxアドオンが10種類まとめられていました。知っている人には当然のアドオンかもしれませんが、これからウェブデザイナーを目指そうといった人には参考になると...

各所で話題のCSS3をいじりながら学べるサイトがあったのでご紹介。その名もCSS3 Please!ｗ。↑ コードをいじると右上のエレメントが動的に変化します。↑ たとえば角丸をいじると・・・。↑ ほら、もっと丸くなった！それほど多くがあるわけではないですが、「CSS3って何ができるの？」を体感する...

『 via:http://www.ideaxidea.com/archives/2010/03/css3_please.html 』

Windows Internet Explorer 8オンザフライでCSSを調整してブラウザの表示に反映させるツールはいくつもある。WebデザイナやWebデベロッパにとって、WebサイトやWebページを制作する段階において欠かせないツールといえる。主要ブラウザにはそれぞれデバッグツールが付属してい...

Webデザイナーとして働く際、自分をアピールするのに最も大切なのがポートフォリオWebサイト。今まで作った作品や自分がどんな人間なのか、何ができるのかを紹介するサイトを作っておけば、就職活動にも大変役立ちます。ここではポートフォリオWebサイトを作る際のポイントや素敵なポートフォリオサイトを紹介し...

Category ： CSS3最近は CSS3 ネタばかりですが、今回は CSS3 で使える background 関係のプロパティを紹介、解説です。background-size背景画像のサイズを指定します。横幅 縦幅の順で記述します。対応ブラウザ（2010 3/8 現在）Safari , Go...

ライフハッカー（日本語版）の記事の最後に関連記事が表示されていますが、これがいろいろうまい、というお話です。↑ これね。まず、既読かどうかをCSSで判定して、読んだものにはチェックがつくようになっています。人は何かとコンプリート感を目指しますからね。チェックがついていないものにはチェックをつけたく...

Category ： CSS3テキストに影をつける text-shadow ボックス要素に影をつける box-shadow は今後必須のプロパティになりそうな気がするので使い方などをまとめておきたいと思います。text-shadow の使い方名前の通りテキストに影をつけてくれるプロパティです。 デ...

div要素で配置した矩形に、シンプルなボーダーや角丸、フェードのボーダーをスタイリングするスクリプトをroydukkeyから紹介します。DivCorners デモページボーダーは矩形の内側と外側に指定して配置することが可能で、ボーダー自体の幅や高さを指定してスタイリングすることができます。 上記キ...

Ultimate guide to table UI patterns 秀逸なテーブルデザインのパターン集をまとめたエントリのご紹介です。 デザインだけでなく、見やすさや分かりやすさという点にも気を配りたいテーブルデザインは比較的難しいものになりますね。 テーブルデザインの例を知っておくことで、難...

1カラム、2カラム、3カラム、ヘッダ、フッタなどレイアウトのベースを設定する超軽量のCSSのフレームワークを紹介します。EZ-CSS_ An easy to use, lightweight, CSS framework.フレームワークにはあらかじめ多種なモジュールが用意されており、多彩なレイアウ...

vim, web | 最近ちょっと興味があったZen-Codingがvimでも出来るというプラグインがあったので試してみた。Zen-Codingってのはプログラマが使うエディタについてるスニペット入力みたいな感じでHTMLがサクサク書けるようになるライブラリ。スニペットのHTML特化版。CSSセレ...

商用利用でも無料、シンプルでクリーンなデザインのテンプレートファイル一式 -Classic Luxuryポートフォリオや写真ギャラリーサイトに最適な、シンプルでクリーンなデザインのCSSベースの無料のテンプレートファイル一式をSix Revisionsから紹介します。Free XHTML Temp...

Vim プラグインの Sparkup (rstacruz’s sparkup at master – GitHub) で、CSS セレクタ風の記述から HTML タグ文字列を入力することができる。（zen-coding 風の入力）プラグインのインストールは上記サイトからダウンロードしたファイル内の...

最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するも...