Overflow: hidden; - CSS Tutorial - Correcting Orphans w/ Overflow - CSS Overflow Tricks and Tips | HTML/CSS Tutorials | Web Design Tutorials and Front-end Development Blog by Soh Tanaka
Latest Word » Tutorials » Correcting Orphans w/ Overflow May.2.2010 Correcting Orphans w/ Overflow Tags: Beginner, Quick Tip The overflow property in CSS can be used in various ways and comes in handy when correcting bugs. Below are some tutorials that demonstrate how to clear up some common issues using the overflow property. After checking them out, I have one more to add to the list. The CSS Ov
ウェブデザインにおける効果的な背景の使い方
Backgrounds In Web Design: Examples And Best Practices 以下、その意訳です。 ウェブデザインのスタイルは常に進化しており、大きな変化の一つに背景の使い方があります。 背景の重要な役割は、ウェブサイトへの興味を視覚的にひきつけることです。 背景はウェブサイトのテーマを支えるものであり、あらゆる可能性を考慮し設計を行う必要があります。 ここではウェブデザインの最近のトレンドをふまえた、背景のベストプラクティスを紹介します。 1. The Basic Background Structures 良い背景を設計する際に、背景の基本構造を知る必要があります。 Body Background bodyの背景は、昔から使用されている背景です。 主にイメージ、イラスト、テクスチャ、パターンなどを使用します。 Content Background コンテ
複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」:phpspot開発日誌
emastic - Google Code 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」。 以下はemasticを使ったサンプルレイアウトです。 例えば、次のように書くと、20 : 20 : 30 の比率で３つのブロックが生成されます。 <div class="dr20"> 20 em </div> <div class="dr20"> 20 em </div> <div class="dr30"> 30 em </div> <div class="clear"> </div> 次のようなレイアウトも簡単に作れます。もちろん、クロスブラウザ。 複雑なレイアウトを素早く作りたい場合に使えそうですね。 関連エントリ Yahoo!が提供するレイアウト用CSSライブラリ
秀逸なサイトフッターのデザイン集７６:phpspot開発日誌
Footers Design Showcase | Elements of Design Footers can be much more than an afterthought containing the fine print of a web site. 秀逸なサイトフッターのデザイン集７６． サイトフッターのデザインというと、なかなか難しいものですが、サンプルを沢山見ると色々アイデアがわきそう。 ７６個もの秀逸なフッターデザインが紹介されていて、もうフッターはいいよ、というぐらいいろんなデザインが見れて勉強になります。 Artworking MochiAds Sundance Documentary Film Program hopking design National Mechanics フッターは目立たないところですが、凝っておくと細部までデザインされているという印象になり
GOTOCHINA
WHO WE AREWe are a group of 17 Norwegian students, who in the period 18th of February till 1st of March 2008, went on a trip to China. More specifically, we visited Shanghai and Beijing. On this site we will present various things that can be good to know before travelling to China, both in a group or by yourself. We will also try to give you a decent presentation of the trip that we have made. Pl
footerをウィンドウ下部に固定する『footerFixed.js』
footerをウィンドウ下部に固定する『footerFixed.js』 footer部分を画面下部に固定するためのjsライブラリ『footerFixed.js』を作成しました。 フッターをコンテンツの内容量にかかわらずwindow下部に表示させるためのjsライブラリです。 サンプル 設置方法は head要素なのでfooterFixed.jsを読み込みます。 <script type="text/javascript" src="./footerFixed.js"></script> ウィンドウ下部に固定したい要素にid属性「footer」を付けます。 これでその要素をウインドウの下部に表示させることが可能です。 (ウインドウの下部というのがわかりにくいと思うのですが、内容量がウィンドウサイズを超える場合は通常通り、内容量がウィンドウサイズより小さい場合はウィンドウの下部に配置という意味です
A List Apart: Articles: Automatic Magazine Layout
The problem with automatic uploads is particularly evident when several images of completely different dimensions are displayed together on a page, such as four product images that have been uploaded through a content management system (CMS). Finding an attractive way of displaying any two, three, or four images together (regardless of shape and size) has always been difficult without manual resiz
Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!
by Alessandro Fulciniti In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
タイトル・見出しに使えるデザインまとめ - DesignWalker
CSSによる段組（マルチカラム）レイアウト講座