WebデザインとCSSは切っても切れない関係です。 CSS、Webデザイン初心者さんは、色んなWebサイトを見て「これってどうなってるんだろう…」と思うこともたくさんあると思います。 私は色んなWebデザインを見て、CSSでどう表現するか？と考えることはとても大事だと思っています。 CSSというと... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Frustrated with the quality of free CSS templates online but aren’t quite to the level of building your own? Tired of spending hours trying to custom... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
有限会社タグパンダ 喜安 亮介 2010/8/12余白を制するものは、デザインを制す！無数にあるCSS/スタイルシートのプロパティを大まかに分類し、分類したプロパティを1つずつ紹介していく本連載。第3回の今回は、ボックス（borderプロパティ）周りの見えない余白部分を制御するマージンとパディング... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS] ネガティブマージンの使いどころ その2 表組み風レイアウト編 | バシャログ。](/thumbnail/470409.png)
愛車の Vespa がブチ壊れてとてもブルーな sakai です。国産に買い替え検討中…今回は、ネガティブマージンの使いどころについてのご紹介（2回目）です。今回は、以下のようなデザインを実現するのにネガティブマージンを使用します。表組み風になっていて、罫線でブロックを区切っていますが、最初と最後... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
1stwebdesigner is a design blog dedicated to bloggers, freelancers, web-developers and designers. Topics focus on web design and inspirational articl... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
オープンソース・フリーウェアを毎日紹介するブログ。日々の業務の効率化、新しいサービスのネタ探しにどうぞ。SNS、SBS、CMS、オフィス、画像編集、ユーティリティ、Firefoxアドオン、テキストエディタ、ゲーム…ジャンルは様々。AtatonicはCSS製のオープンソース・ソフトウェア。HTMLの... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[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... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 QuickTip:MultipleBorderswithSimpleCSS｜Nettuts+:QuickTip:MultipleBorderswithSimpleCSS｜Nettuts+Did... 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]一つの要素に背景やボーダーをマルチプルに配置する実用的なテクニック | コリス](/thumbnail/448021.png)
CSS3のマルチプルバックグランドを使用せずに、CSS2.1の擬似要素を使用して一つの要素に複数の背景やボーダーを配置するテクニックを紹介します。Multiple Backgrounds and Borders with CSS 2.1CSS3のサポートは必要なく、対応ブラウザはCSS2.1の擬似... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Over the last years we’ve got a pretty good understanding of what CSS does, how it works and how we can use it for our layouts, typography and visual... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]角丸を少しでも滑らかに実装するスタイルシートのテクニック | コリス](/thumbnail/422316.png)
CSS3で実装する角丸を少しでも滑らかにするスタイルシートのトリックをsitepointから紹介します。How To Get Smoother Rounded Corners デモページこの現象は主要な各ブラウザ全てでおこる現象で、特にSafari(Mac)では顕著に現れます。 上記キャプチャはそ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください！サンプルまずはCSS基礎編1. divを中央揃えに... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]スクリプト無しで、現在位置を表示するナビゲーション | コリス](/thumbnail/416612.png)
Professional – Dropline with current page override – centered デモデモでは、現在のページは「Service – Repair」に設定されています。 ナビゲーションのトップレベル・セカンドレベルをマウスでホバーすると、それぞれの箇所がハイ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ウェブページを表示するブラウザのウィンドウサイズは環境によってさまざま。特定サイズを想定して作成すると、それ以外ではコンテンツが読みづらくなる問題が発生する。最近はiPhoneのような端末に対応する必要もあるが、サイズ別にページを用意するのは制作・管理両面で手間。こんなときはCSS3のMedia ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSS3を応用したテクニック集「18 Incredible CSS3 Effects You Have Never Seen Before」WEB業界では最近度々話題になるCSS3。先日DesigndevelopでもCSS3を使ったボタンデザインのテクニックを紹介しましたが、今回はボタンデザインに... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
先日、ナビゲーションのロールオーバーについて以下のようなご質問をいただきました。グローバルナビゲーションをJSで制御しているサイトもあれば、CSSの背景で制御しているサイトもあるけど、結局どれがベストなの？まず、テキストは元より、画像であっても代替テキストを指定すれば『コンテンツ』というレベルで情... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
フッタをブラウザ下部に固定配置したい。そんなときにおすすめなのが、『cleanstickyfooter』。フッタをブラウザ下部に固定配置するCSSテクニックです。IE6とそれ以前のブラウザ用に、ハックは1つしか使っていないとのこと。min-heightの部分のハックのようですね。ほかには同様のテク... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
第5回「パワフルなCSS/JavaScriptテクニック45」」 2010年01月05日 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：45 Powerful CSS/JavaScript-Techniques http:... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
