show-room

そういえば、IE6では max-width や min-width などは使えませんでしたね。
JS使ってた気がしたのでメモ。

max-width 幅の最大値を指定する
min-width 幅の最小値を指定する
max-height 高さの最大値を指定する
min-height 高さの最小値を指定する

IE6ではでは使えないのでJSに頼るとかね。

minmax.jsをダウンロード
（ページ下にあるVersion 1.0: module, test page.からダウンロードできます）

hitotoki : ひととき、町の文学地図

GoogleMAPが自分とこのコンテンツみたく連動するんですよーすごいなー！
構造を詳しく書いてらっしゃる方がいらっしゃいました。

http://ascii.jp/elem/000/000/421/421381/

ブラシパターンの作り方

1.
ファイルを読み込む

2.
「選択範囲」→「全てを選択」
「編集」→「ブラシを定義」
でブラシパターンを定義。

3.
ツールパレットからブラシを選択した後、ブラシパレットでパラメータを設定し、
ブラシパレットの右肩のメニューから「新規ブラシ」を選択。
※サイズが大きい場合は任意の大きさに縮めてから定義。

Download free vector images, illustrations, files

親要素に overflow: hidden; 入れると、clearfixみたいに要素の高さを計算してくれるらしいです。

･･･もうわすれるくらいコーディングしてなかったのか･･･愕然。
なんかいろいろすげー overflow: hidden; の例は以下を参考に。

CSS HappyLife
http://css-happylife.com/template/overflow/

天神サイトに女子向けのコンテンツができてた。
天神ラブリーパスポート

可愛いサイトだけど、悲しいかなショップ情報が少ない･･･。
まあでも、あのあたりの情報は天神サイトにぎっしりだからぜんぜん大丈夫なんですが。

自分へ。
もうIE6を捨てて随分なりますね。
しかし今の派遣先は、驚くことにIE6クライアントばかりですね、サイアク。

borderにつまづいてませんか？

IE6は、border:none　でも

ボ　ー　ダ　ー　は　消　え　ま　せ　ん　。

ハック使わなきゃいけないコーディングだったら、もう画像でぺらって貼って！
なんていう会社に派遣されている現在。
使うことがほぼないんですが、だからこそ忘れてしまいそう。

コーディングはしっかりやりたいので、勉強しておきたいですね。
っていうかコーディングはすべきだよ･･･。（ここで愚痴るな）

hack {
color: #003\9; 　全てのIE用
color: #003\0; 　IE8用
*color: #003; IE7, IE6用
_color: #003; IE6用
[color: #003; SafariとChrome用
}

もっと沢山のハックはこちらに紹介されています。

http://www.webcreatorbox.com/tech/css-hack-list/

CSSだけでheader footerの位置固定する練習を過去にやってたみたいなので貼っておきます。

■CSSだけでheader footerの位置固定 │　DL　

自分の紹介の仕方がいい加減すぎるのでエントリーしなかったんですが、今後、あたらしいライブラリをご紹介していきたい思いから、エントリーしました。
あくまで個人用なので、説明文などまとめきれていない物も多々あり、また検証はわりといい加減です。

注意点
かなり昔にまとめたサンプルなので、ご利用の際はその点ご注意ください。
ご利用は自己責任でよろしくお願いいたします。
エントリーしたライブラリは、すべて自作ではありません。
ライブラリ開発者様や参考サイト様を訪れて諸々ご確認のうえご利用ください。

マウスオーバー
■マウスオーバーいろいろ 01 │　DL　
■マウスオーバーいろいろ 02 │　DL　

ギャラリー
■HTMLページも読み込めるギャラリー〔2011.12.07.追加〕 │　DL　
■画像切り替え │　DL　
■ライトボックスprettyPhoto │　DL　
■ズームアップフェードアウト │　DL　

テキストおりたたみ
■続きを読むでオープン │　DL　

効果
■鏡面反射 │　DL　
■かどまる │　DL　
■背景が縦にスクロール │　DL　
■ページ移動時フェードアウト │　DL　

地味に制作向け
■ブロックの高さをそろえる │　DL　
■別窓を開く │　DL　
■FLAの埋め込み │　DL　
■透過PNG（背景リピート不可 │　DL　

その他
■フローティング │　DL　
■可変ボックスレイアウト │　DL　
■スタイルシートの切り替え │　DL　
■上下左右中央寄せ │　DL　

idやclass名でよく使う単語を思いつきメモ。

• Resident（住居者 ）
• payment（返済　支払い）
• lead（注釈などに）

最新のブラウザにも対応できる、clearfixを考えた方のエントリーがありました。

Web Design KOJIKA17
http://kojika17.com/2011/04/floatclearfix.php

最新ですがIE6には対応されていますが、NNは捨てられましたが、もうIE6以上にどうでもいいですね。（これでも過去NN愛用者でした）
記事を読んでて、昔CSSを勉強し始めたときにみた単語「hasLayout」を久しぶりに見た気がします。忘れてました。

今まで使ってた（数年前で立ち腐れている脳みそ）スタイルに入れ込むとこんな感じになるんでしょうか？


*:after {display:block; clear:both;}

/*MacIE5.x\*/
*html div,
*html dl,
*html ul{height:1%;}
div,dl,ul{display:block; }
/**/


ほんとに、知識が数年前に立ち腐れててすみません、ほんと勉強不足ですみません。

余談ですが、勉強させてもらったサイトさんの description にときめきました。

「Adobe Edge: 2010年4月 鷹野雅弘がオススメするFireworks CS5の新機能」
CS5になって、とっても便利になったことがまとめられてあります。

Continue reading

DESIGN Oil BLOG 様 [Fireworks] 10秒でベクトルオブジェクトに立体感をもたせる で勉強させていただきました。
FWでさくっと立体表現する方法です。

↑こんなの。やっつけ仕事ですまないｗｗ

まずオブジェクトに、薄めに「ドロップシャドウ」をかける。
↓
つづけて「ソリッドシャドウ」（これいつから「ベタ塗りシャドウ」に変わりましたか･･･）をかける。
角度は「ドロップシャドウ」と同じ方向に。

いろいろな場面で活躍してくれそうです！感謝！

自分用、チラシ裏 FWCS5 ショートカットメモ。
忘れやすいショトカ、自分用に編集したショトカ、インスコしたコマンドに割り当てたショトカ、を
いつどこでも設定できるように、メモりました。

PIXEL LAB様の Fireworks用オリジナルコマンドを利用させてもらってます。
FW8のときはこのコマンドを入れて、ものすごい効率のよさに感激して以来お世話になっています。

Continue reading