overflow
Updated 2013.11.06 / Published 2007.02.02 overflowプロパティはブロックボックスの内容が指定された横幅・高さの領域からはみ出した場合の表示方法を指定します。 widthプロパティ、heightプロパティにより内容領域を指定されたブロックボックスが、指定されたサイズよりも内容が大きなサイズをもつ場合などが対象となります。なおCSS3では、置換されないブロックボックスを形成する要素と置換されないインラインブロックボックスを形成する要素に変更されていることから、インラインブロックボックスを形成する要素に対しても有効です。 値 visible hidden scroll auto inherit 初期値 visible 適用対象 ブロックボックスを形成する要素(CSS3では、置換されないブロックボックスを形成する要素と置換されないインラインブロックボ
MovableType.org - Home of the MT Community
What is Movable Type? Movable Type was created by a husband and wife team with a single purpose: to create a powerful solution for the creation and management of web content. An originator of the blogging field, Movable Type offers stability, a user-friendly interface, and beautifully extensive visual customization for websites and blogs. Learn More Buy Now Get Started New to Movable Type? Head ov
擬似min-width::blogmake - ブログのカスタマイズを試すブログ
CSSによる擬似的なmin-width自体は結構メジャーな手法だと思います。たとえばLucky bag::blogさんのIE で min-width を指定する方法が詳しく説明されていて分かりやすいかと思います。 ただ、上記で紹介されている方法は２つのdivでラッピングする必要があるために、どうしても文書構造的に無駄な部分が目立ってしまいます。 ところでmin-widthを何処で使いたいか。というと、たいていの場合はページ全体の最小幅を指定したい場合がほとんどだと思います。前回のテンプレートでもそれを意図して作成したのですが、ページ全体の最小幅設定にターゲットを絞ればdivのネストを多少なりとも抑えることができます。 それではまず、htmlのコードです。 <html> <head> <title>疑似min-width</title> </head> <body> <div class="
Flexible box with custom corners and borders | Lab | 456 Berea Street
This demo is related to the article Flexible box with custom corners and borders. I also suggest you take a look at my updated method for creating this kind of box: Transparent custom corners and borders. This is a demo of a flexible box with custom corners and custom borders. The box will expand to contain any amount of content vertically, will handle any text size, and can become very wide befor
Lucky bag::blog: IE で min-width を指定する方法
IE は min-width に対応していないんだけど、「Stu Nicholls | The CSS Playground」でスクリプトを使わず CSS だけで擬似的に min-width を指定する方法が紹介されていたんで、ざっくりとご紹介。この方法は、Win IE のみに効く方法で、Mac IE では機能しない模様。サンプルとして下記の (X)HTML を使用してみる。 <div class="container"> <div class="box"> <div class="contents"> 内容 </div> </div> </div> これに対して、幅 90% で最小幅 400px の指定をしてみる。IE5.5 と IE6 に対応したパターンと IE5.01 と IE5.5 と IE6 に対応したパターンの２種類の方法がある。 実際に試してみたサンプル IE5.5 と IE
ITmedia News：「世界の技術者、刺激したい」――ライブドアRSSリーダー英語版公開
ライブドアのWeb型RSSリーダー「livedoor Reader」が英語化され、「Fastladder」として7月3日に世界デビューした（関連記事参照）。ライブドアとしては初の英語版サービス公開。「いいものを世界中の人に使ってもらいたい」「RSSリーダーのレベルを引き上げたい」――開発者の純粋な思いが、世界を目指したきっかけだという。 昨年4月に公開された日本語版livedoor Readerは、大量のRSSを受信・管理するユーザーから特に人気だ。Ajax（Asynchronous JavaScript+XML）を駆使し、ほとんどの操作が1画面で完結する簡便なインタフェースと、1000件以上のRSSを登録してもサクサク動く軽快さが高く評価されており、登録ユーザー数は約14万人と「Web型RSSリーダーとしては国内最大」（同社）。1日当たりのアクティブユーザー数は1万人という。 海外の代表
PhotoShopでMac風の美しいバックグラウンドを作成するチュートリアル:phpspot開発日誌
Creating a Mac-Type Background in Photoshop This tutorial is about making a “mac” style background. PhotoShopでMac風の美しいバックグラウンドを作成するチュートリアル。 次のような背景画像をPhotoShopで作るチュートリアルです。覚えておくとサイトデザイン時などにかなり活用できそう。 次がその流れ。 作っている工程も、徐々に背景が出来ていって、なかなか楽しい感じですね。 関連エントリ 人物の写真をPhotoShopで美しく修正するチュートリアル PhotoShopでRSS標準アイコンを作成するチュートリアル PhotoShopでタバコの煙風クール画像を１から作るチュートリアル
2xupで実装されているエラスティックレイアウトを調べてみた。 - Trans
2xupさんのところで実装されているエラステックレイアウト（Elastic Layout）、もしくはエラステックデザイン、はたまたエラスティックレイアウトというのが気になってしょうがない。今年、アックゼロヨンでグランプリを受賞したみずほ証券でも、似たようなレイアウトが施されている。というわけで、またもや調べてみた。 と、調べてみたはいいものの、うまい具合に実装方法について解説されているサイトが見つからなかった。要は、widthやpadding、marginなどにem指定をして、フォントサイズを変更しても、それに応じてレイアウト幅が変更されるレイアウトのことを言うらしい。A List Apart: Articles: Elastic Designで発表されたのがどうも初めてのようだ。ちなみに、作者が作ったサンプルサイトもある。 でも、456 Berea Streetでよい感じに、自分のサイト
antipop - livedoor Readerの英語版、Fastladderの発表によせて
他とはまったく隔絶した、圧倒的な最速ぶりを誇るフィードリーダであるlivedoor Readerの英語版が、かねての予告通り発表された。Fastladderという。CNET Japanによると、 ライブドアによれば、Fastladderの「Fast」は大量のフィードを速く読めるようにという意味が込められており、「ladder」は短縮するとLivedoor Readerを表すLDRになることからサービス名に組み合わせたという。 livedoor Readerの英語版「Fastladder」、半年で10万ユーザー獲得を目指す - CNET Japan とのことだ。素敵な名前だと思う。 2006年4月20日、livedoor Readerが発表された日を境に、我々を取り巻くWebの環境は大きく変わった。いまではもう、LDRがなかった頃に、自分がどうやって毎日を生きていたか、まるで思い出せないぐら
ソシオメディア
ソシオメディアは各種ビジネス向けデジタルプロダクトのデザイン支援を行うデザインコンサルティング会社です。業界をリードする OOUI（オブジェクト指向ユーザーインターフェース）設計、独自ガイドラインをもとにしたエクスパートレビュー、クリエイティブ組織を構築するデザインマネジメント支援など、様々な角度から御社のデザイン戦略をサポートし、デジタルトランスフォーメーションを実現します。 もっと読む 多くの方からご要望をいただいておりました OOUI メソッドの解説書『オブジェクト指向UIデザイン ― 使いやすいソフトウェアの原理』が、2020年6月5日、技術評論社より遂に出版されました。 オブジェクト指向ユーザーインターフェース（OOUI）とは、オブジェクト（もの、名詞）を起点としてUIを設計すること。タスク（やること、動詞）を起点としたUIに比べて劇的に使いやすくなり、開発効率も向上します。 ブ
ウノウラボ Unoh Labs: エラスティック・レイアウトのご紹介
yamaokaです。 エラスティック・レイアウトというwebサイトのレイアウト手法をご存知でしょうか？ 「エラスティック（elastic）」とは、ゴムのように弾力性がある状態のことです。 言い換えると「伸び縮みするレイアウト」になるでしょうか。 webサイトの代表的なレイアウト手法として、次の2つが挙げられるかと思います。 固定幅レイアウト リキッド・レイアウト 固定幅レイアウト 固定幅レイアウトでは、 コンテンツを格納するボックスの幅を以下のように絶対値で指定します。 div#container { width: 800px; } 固定幅レイアウトの場合、ウィンドウや文字のサイズが変更されてもレイアウトの枠は変わりません。 したがって、ウィンドウを大きくすると表示されるエリアが小さくなってしまったり、 文字のサイズを変更すると外枠が変わらないので読みづらくなってしまったりします。 リキ
エラスティックレイアウトって何？
Elasticは「しなやかな」という意味の英語で、Webデザイン用語では「可変レイアウトの一種」に当たる。可変レイアウトといえばブラウザ幅に合わせてレイアウトの最大幅が変化する「リキッドレイアウト」を思い出すが、どこが違うのだろう。エラスティックの場合、表示幅はリキッドレイアウトの％でなくem(s)で指定する。em(s)は1文字分の幅を単位とするサイズの指定方法なので、30emとした場合は30文字分の長さ相当と理解できる。この指定方法で情報ボックスの幅を決めるとどうなるか。例えば記事本文を表示するボックスを20emに指定すると、20文字分相当の大きさが適用される。この状態でユーザーが文字サイズを「中」から「最大」に変更したとする。情報ボックスの幅は文字サイズの変化に従って、最大サイズの文字で20文字分の幅に最適化される。つまりレイアウト全体が文字サイズの変更に伴い拡大することになる。幅サイ
Google SketchUp
Build your anythingTurn your ideas into reality with SketchUp’s intuitive, powerful design software. VIDEOWelcome to SketchUpWe’re here for your next big idea. Whether your design is massive or miniature, we’ll be with you every step of the way. Sketch. Share. Refine. Build. Shape your tomorrow, with SketchUp.
twitter考 - その1 （ファーストインプレッション編） | チミンモラスイ？
昨日のエントリ 「twitter考 - その0 （おさらい編）」2007.6.27 に続いて、[Twitter]関連のはなしです。 このエントリでは、Twitterとはいったい何か？を考えるうえで、ウェブ上でのいろいろなひとの声を拾ってみようと思います。 まずは多くのブロガーの方々が、最初にTwitterを知ったきっかけとしてあげている100SHIKIのエントリ... 「「今、何をしているの？」でつながる『twitter』」2006.12.31 @100SHIKI.COM ゆるい。とってもゆるいコミュニティの登場である。 twitterではある一つの質問に関するコミュニティだ。 その質問とは「今、何しているの？」である。 自分が「今、何をしているか」を入力し、友達とつながっていくことができる、という、ただそれだけのシンプルツールである。 ＃このユルさというのは、他のユーザーからも指摘されて
twitter考 - その0 （おさらい編） | チミンモラスイ？
実は、僕自身[twitter]を激しくつかっているということもないのですが（笑）、新しいスタイルのコミュニケーションツールとして注目しています。 種々のクローンサービスの登場や、応用的事例としての利活用、コミュニティの成長といったなかで、twitter や その他の周辺サービスについて、ちょっとまとめておこうかと思います。 （まあ、いつものように自分用のメモで、僕の脳内の整理という意味合いです...） 「Blog」や「SNS」、「BBS（掲示板）」、「チャット」、「メッセンジャー」、「メール」といった定番となったコミュニケーションツール同様、twitter型のコミュニケーションツールについてもなんらかの定義が必要なのではないかと思っています。 そのためにも、まずはTwitterのサービス構造、コミュニケーション構造について理解して、そこから、なんらかの定義に結びつければと考えています。 こ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ja.doukaku.org/
サービス終了のお知らせ
「みんなのテーマ」サービス終了のお知らせ
エムロジック株式会社
