IEには独自拡張のCSSでフィルターが使えます。こいつは便利なやつで半透明化やらグラデーションやら色々出来るのですが、なんだかんだ言っても独自拡張。互換性がありません。 しかし、アルファ値に限って言えばは他のブラウザでも独自拡張にて実装されているのでクロスブラウザ化することが出来ます。（クロスブラ...
iPhoneなどのモバイルデバイスには320px、iPadやネットブックには768px、デスクトップなどのブラウザには1280px、三種類のデバイスにあわせてレイアウトを切り替えるフレームワークを紹介します。Less Framework 2ベースとなるカラムは下記のようになります。iPhoneなど... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
WebデザインとCSSは切っても切れない関係です。 CSS、Webデザイン初心者さんは、色んなWebサイトを見て「これってどうなってるんだろう…」と思うこともたくさんあると思います。 私は色んなWebデザインを見て、CSSでどう表現するか？と考えることはとても大事だと思っています。 CSSというと... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
40 Elegant Free CSS/(X)HTML Templates from 2010 - Noupe Design Blog フリーのCSS/HTMLテンプレートが色々まとまったエントリのご紹介です。 フリーなのになかなかこったテンプレートが多いです。 関連エントリかなりクールなフリーの... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
2010年8月28日土曜日無料でつかえるCSS/（X）HTMLのテンプレート38個By ianw勉強になります。テンプレートとして利用しなくても、ソースみてるだけでかなり勉強になるはず。デモサイトで気に入った物を見つけたら、ソースを読み込みましょう。”神は細部に宿る”という言葉はWebデザインにも... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 リセットCSS配布所、、、なんだけど、見出しとかは基本的なスタイルが当たってる。。。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
715 Awesomely Simple and Free CSS Layouts | Design Shack シンプルでフリーな使えるCSSのレイアウト集７１５が紹介されています。 １から作らないでもこうしたものに頼ればすぐに出来ますね。自分の好みの使いやすいページを覚えておくとレイアウト作成... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Ext JS is now SenchaiPhone 4のようなディスプレイピクセル密度が高いデバイスの登場で、WebデザイナやWebデベロッパの関心は、異なるピクセル濃度のデバイスにどのように対応するかといった点に集まりつつある。基本となるテクニックのいくつかはすでにいくつかのブログで紹介されて... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
8になってもCSS3が使えないIEですが、CSS3を使わなくてもいろんなデザインエフェクトを表現できます。 （記事中CSS3のトリックも出てきますが） どれも簡単に、すぐにできるものばかりなのであなたのWebサイトのデザインにもちょっとスパイスを加えてみてはいかがですか？ 自分のブログなどでやって... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
有限会社タグパンダ 喜安 亮介 2010/8/12余白を制するものは、デザインを制す！無数にあるCSS/スタイルシートのプロパティを大まかに分類し、分類したプロパティを1つずつ紹介していく本連載。第3回の今回は、ボックス（borderプロパティ）周りの見えない余白部分を制御するマージンとパディング... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS] ネガティブマージンの使いどころ その2 表組み風レイアウト編 | バシャログ。](/thumbnail/470409.png)
愛車の Vespa がブチ壊れてとてもブルーな sakai です。国産に買い替え検討中…今回は、ネガティブマージンの使いどころについてのご紹介（2回目）です。今回は、以下のようなデザインを実現するのにネガティブマージンを使用します。表組み風になっていて、罫線でブロックを区切っていますが、最初と最後... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
クロスブラウザ対応、CSS3をベースにして作成したナビゲーションのテンプレート集を紹介します。HTML/CSSの初心者の人でも簡単に利用できると思います。CSS Menu -Only for CSS現在四つの [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
最近TODOがたまりまくってうまく消化できません‥。 8月後半になれば落ち着くはずー。今日は旅行に行ってます。 さて、今週のネタ帳TOPはCSS3関連。 CSS3の角丸+グラデーションを簡単に作成できるジェネレータ「CSS Corners」という記事を以前書きましたが、 こういったサイトってたくさ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
40 High Quality CSS and XHTML Web Layout Templates :Speckyboy Design Magazine クールなデザイン満載のXHTML/CSSテンプレート４０種がまとまったエントリのご紹介です。 全体的にクールですっきりしていて、覚えておくとか... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]サイズが不明なボックスいっぱいに背景画像を表示するスタイルシート | コリス](/thumbnail/465252.png)
一枚の画像で、サイズ指定があるものやないものなど異なるサイズのボックスいっぱいに背景を表示するスタイルシートを紹介します。CSS3 Background Images – 100% width/height of container デモ上記三つのデモは上から順に、widthとheightの指定あ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]あなたのウェブデザインに繊細を加える珠玉のスタイルシート | コリス](/thumbnail/462505.png)
繊細のポイントは「気がつくかな？」ぐらいにすること。 そんなわずかな繊細をウェブデザインに加えるスタイルシートを紹介します。Take Advantage of CSS3 to Achieve Subtle Design デモページ下記は各ポイントを意訳したものです。はじめに繊細の大事なポイントは人... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]横スクロール時にヘッダやフッタが切れてしまう時の解決方法 | コリス](/thumbnail/462122.png)
ヘッダやフッタがブラウザの横幅より広い際に、横スクロールするとヘッダとフッタが切れてしまうのを解決する方法を紹介します。 これはIE6などの旧式のブラウザだけでなく、Firefox3.6やChromeでも起きる現象です。How to Resolve a Fluid Header/Footer Pr... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
1stwebdesigner is a design blog dedicated to bloggers, freelancers, web-developers and designers. Topics focus on web design and inspirational articl... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]画像の四辺のボーダーを一味違ったスタイルにするチュートリアル | コリス](/thumbnail/457285.png)
デモのキャプチャ（100%） ※クリックで全表示実装は下記のようになります。HTML疑似要素「:after」を使用するため、spanでimg要素を内包します。疑似要素「:after」を使用して、スタイルを適用します。span,img{padding:0;margin:0;border:0;}.fa... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
Nicole Sullivan さんの素晴らしいプレゼン。5 Mistakes of Massive CSSView more presentations from Nicole Sullivan.内容は30分ぐらい。ビデオのほうが分かりやすいのでおすすめ。だいたいスライドの35ページ目まではあん... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 QuickTip:MultipleBorderswithSimpleCSS｜Nettuts+:QuickTip:MultipleBorderswithSimpleCSS｜Nettuts+Did... 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
