忍者ブログ

徒然雑記

つらつらつれづれ

calender

04 2024/05 06
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

recent entry

profile

name:sazzy
job:会社員
hobby:リリアン
pr:サムライファクトリーのなかなか昼ご飯を食べない人。
コーヒーを飲まないと具合が悪くなります。


[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。


忍者ツールズがリニューアルしました

忍者ツールズ

忍者ツールズが4年以上ぶりくらい(適当)のデザインリニューアルを果たしました。
私もめがねの人と魔女の人の後ろでもそもそ結構がんばりました。よ。
あと、いろんな人に手伝ってもらったりしました。ありがとうございました。
これからもなんかいろいろ頼むので(確定)よろしくお願いします。本当に。

あと、pod様ファン必見の有料ツール初期費用無料キャンペーンページを作ってるときの
私とサバトさんのテンションが異様に高かったのは記憶に新しいところです。
なんかすごい楽しかったんですよ。見てもらえばわかると思いますが。

思い返せば3月の地震の時、リニューアルのデザイン検討ミーティングしてたので、
間になんだかんだと挟みながら4ヶ月くらいやってましたかね。
いや、まだ、することたくさんあるけどもとりあえずね。
一個目の丘くらいは登りましたよね。
珍しくビールとアイス買って帰ってくるくらいには嬉しいよね(地味)。

拍手[0回]

PR

いらっしゃい7月

ここの電柱は夜のほうが好き。



拍手[0回]


ショック

Firefoxではoverflowのデフォルトはautoではなく、visibleだった。

あれ……おかしいな……。

忘れないようにメモっておく試み。

拍手[1回]


overflowに思いをはせる

どうもこんばんは。sazzyです。
最近ですね、overflowの使い方についてものすごく考えています。
マイナー話題なことはよくわかっています。

overflowというのは、CSSのプロパティの一つです。
幅と高さが指定されているボックス要素中にあるコンテンツがはみ出したときにどう表示するかを指定します。
値はauto(初期値)、visible(はみ出させて表示)、scroll(スクロールバーを表示)、hidden(表示しない)の4種類です。
多分、間違ってないと思うけど、書きながら何も調べたり確認したりしてないので、気になる人はちゃんとググってください(適当)。

で、使ってみるとこんな感じ。

overflow:auto;
長いテキストを入れるとこうなるよ長いテキストを入れるとこうなるよ長いテキストを入れるとこうなるよ長いテキストを入れるとこうなるよ長いテキストを入れるとこうなるよ

overflow:visible;
長いテキストを入れるとこうなるよ長いテキストを入れるとこうなるよ長いテキストを入れるとこうなるよ長いテキストを入れるとこうなるよ長いテキストを入れるとこうなるよ

overflow:scroll;
長いテキストを入れるとこうなるよ長いテキストを入れるとこうなるよ長いテキストを入れるとこうなるよ長いテキストを入れるとこうなるよ長いテキストを入れるとこうなるよ

overflow:hidden;
長いテキストを入れるとこうなるよ長いテキストを入れるとこうなるよ長いテキストを入れるとこうなるよ長いテキストを入れるとこうなるよ長いテキストを入れるとこうなるよ

overflowを指定していないと初期値のautoになります。
よくテキスト入力フォームとかで、文章が長くなると急にスクロールバーが出たりするあれですね。違うかな。多分そうだと思います。よ。
scrollとの違いは、autoははみ出したときだけ縦スクロールバーだけ出る(ブラウザが多い気がする)のですが、scrollにするとはみ出す前からスクロールバーの位置を確保する(ブラウザが多い気がする)っていう感じでしょうか。

前はhiddenを使うことが多かったんです。
デザインの崩れの心配がないからラクチンなんですよ。hidden。
でも、やっぱりそれではいかんような気がしてきたのです。ただの手抜きなんで。
スペース的にテキストが多くなると、ボックスの大きさをはみ出す場合が想定される場合(頭悪い文章)、できる限りデザインとコンテンツを両方守るには、と考えないといけないよね、とかね。考えますよ。一応。
別にhiddenどうよとかvisible推奨とかではないです。全く。ケースバイケースです。
どんなケースがあるかをどれだけ想像できるかどうかだと思われます。

あとmarginもpaddingもline-heightとかもあり方についてよく悩みます。

いや、まぁ、だからどうってこともないんだけど。

拍手[1回]


ゴールデンウィークお疲れさまでした

ほぼほぼ引きこもってたけどね!

散歩とかはしましたよ(地味)
この時期は花もいろいろ咲くし、だらだら写真撮りながら歩くと楽しいです。

それはそれとして躑躅って漢字、難しいね。



拍手[0回]


archive

recent comment

recent trackback

RSS

search

QRcode

忍者アナライズ

counter

visiter

忍者AdMax

忍者アクセス解析

忍者おまとめボタン

忍者翻訳

忍者アクセスランキング

link

P R