デザイン・アート・芸術系の情報集

記事単体に別のcssを加えられる ようにする為のメモ。プラグインは 使いたくないよ、という方向けの カスタマイズ方法になります。 functions.phpで投稿画面にcss の追加用boxを作成します。 記事ごとにスタイルを追加出来るように、投稿画面にcss追加用のboxを加える為のカスタマイズ...

商用でも無料で利用できる、クロスブラウザ対応のドロップダウン型ナビゲーションを配付しているサイトを紹介します。Free CSS Drop-Down Menu Framework再紹介となりますが、ナビゲーションの [...]

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

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

CSS2.1, CSS3を使用して、多彩なデザインのスピーチバブルを実装するスタイルシートをNicolas Gallagherから紹介します。Progressive enhancement: pure CSS spe [...]

XHTML/HTML TIPS | 今日はtableの組み方に関して書きます。 まず、携帯のCSSは複雑な事は出来ないので、表組みをレイアウトをしたいときはCSSではなくtableタグを使用します。 携帯電話制作でtable使うor使わない議論をすると一晩語れそうですが(大袈裟)、今回はtable...

CSSで角丸ってよくやりますよね（IEなんかどうでもいいや！というときｗ）。ただ、左上だけ直角にしたいときだけなどはコードが煩雑になりがちです。そこで活用したいのがCSS Border Radiusです。四隅の角丸度合いを指定するだけで適切なCSSコードを出力してくれます。↑ 説明不要のシンプルさ...

ボックスにシャドウをつけるCSS3に非対応のIE6/7/8でも、同様にシャドウをつけるスタイルシートをCSSplayから紹介します。Shadow Boxing for all except Operaデモ上記の [...]

fontScaler marcup 特定ブロックの文字のみ拡大縮小できる便利機能実装jQueryプラグイン「fontScaler」。 次のように、特定のブロックを $(element).fontScaler() のように初期化するとボタンがあらわれ、拡大縮小が簡単になるプラグインがあるようです。 ...

2007年5月に第1回目が開催されたコーディングコンテストの第2回を開催することになりました。 用意されたデザインを参加者がそれぞれ個々のスキルや考えに基づいてコーディングします。第2回は現在策定中であるHTML5+CSS3を利用し、テクニック、デザイン再現性、メンテナンス性の高さを競います。この...

第6回「Web制作が楽しくなるCSS3/JavaScriptのテクニック50」 2010年01月25日 ブラウザ対応が進み、本格普及が間近となったCSS3。海外ではすでに多くのCSS3を使ったデザインテクニックが公開されている。ここではSmashing Magazineに掲載された「50 Bril...

Make Tech Easier - Uncomplicating the complicated, making life easierWebサイトやWebページ、WebアプリケーションにとってCSSはデザインを実現する中核技術となっている。このCSSを最適化する3つのツールが3 Useful ...

大きな画像から指定した一部だけを切り抜いて、写真の撮影をシミュレートしたスクリプトをTutorialzineから紹介します。Making a Photoshoot Effect With jQuery & CSS デモページデモではカーソルに合わせて、カメラのファインダーで覗いているような矩形が表...

CSS3を使った凄いアニメーション集４７ CSS3を使った凄いアニメーション集がまとまったエントリが公開されています。 注意点としてCSSだけで実現しているわけでなく、jQueryなども使っている部分があります。 ただ、こういうことも出来るのか、という物が沢山で見ていて楽しく学習できます。 CSS...

HTMLで図まで描ける！進化した「HTML5」ってどんなもの？HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何？」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何...

Pretty CSS3 buttons | Papermashup.com CSS3で影付き角丸グラデーション付きのボタンを作成するサンプル。 次のようなボタンを作成するソースと解説が公開されています。 各種ボタンのカラーも自由自在です。 フォントにも微妙に影がついているところもいいですね。 更に...

Wordpressのオリジナルテーマの作り方について説明していきます。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきま...

CSS3やHTML5などをはじめ、トレンドのフォント、見出しのデザイン、クオリティをアップする背景など2010年に押さえておきたいウェブデザインのトレンドをWeb Designer Wallから紹介します。Design Trends (Predictions) in 2010下記は、各ポイントを意...

クールなナビゲーションを実装したい。そんなときにおすすめなのが、『30 Cutting Edge Examples Of CSS Navigation』。かっこいいCSSナビゲーション集です。気になったのをいくつかご紹介しますね。Pixlogix マウスオーバー時にツールチップが表示されるメニュー...

cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろ...