雨のち晴れ

ダイビングとITな食生活 – kote2の超個人的な日記

2年間ぐらいCSSの勉強サボってたらいろいろ変わっていた

最近、自分も製作的な仕事をしつつ、デザイナさんにCSSを教えたりしているんですが、自分がデザイナーだった頃のCSSの使い方が、既に時代遅れ的な感じになっていて、やっぱりwebは進化が早いなぁと思った次第。

・floatをクリアーする用の意味のないタグはもう使用していない

これはあれですよ。float使うと縦の背景がうまく敷けない事があるのでわざわざfloatをclearするclassを付けた空タグをfloatを使ったboxの閉じタグ直前に入れるんです。こうすると背景がうまく敷けるようになります。

でも今はこんなやり方をしています。

構造のマークアップなしでフロートをクリアする方法

なんでこの方法に変わったかって言うと、本来web標準に沿ったhtmlを書くなら、float解除のためだけの無意味なタグを入れるのは不要なんです。それを回避したのがこの方法で、今では一般化しています。

・*でCSSをデフォルトにする方法は使用していない

*(アスタリスク)で全てのタグのmarginやpaddingを0にして、ブラウザ固有のCSS設定をまずリセットするやり方は、例えばfirefoxでリストボックスを使うとテキストが途切れたりするらしいのであまりいい方法じゃなかった事が判明。

今ではYahoo! UI LibraryのReset CSSというのを使ってリセットするのが一般的。

一方、ぬかみそCSSと言うのがあって、シックスアパートに在籍している2xup.orgの管理人が作成したcommon.cssもリセットCSSとして一般的です。

スタイルシートを分けて管理する方法をまとめる – 2xup.org

なんでぬかみそかと言うと、常に手を入れているからだそう。ぬかみそ。1日1回はかき回す。そういう意味合いだそうです。

で、さらにはそのリセットCSSに若干アレンジを加えた「浅漬けCSS」というのもあります。

default.css

つまりリセットCSSの進化版で、多少イケてるデザインを施したオレオレ的なCSSです。実際default.cssを適用するとこんな感じ

とまあ、CSS、いろいろ進化しているんですよ。1年に1回は復習すべきだと思った。現在webページはmobileやiphone、プリント用、いろんなデバイスに対応させなきゃいけないし、それを効率的に管理するCSSの作り方が開発されています。さらに定期的に見た目のデザインを変えるためにthema.cssだけをいじれば変化できるように改良されていたり。

うむ。。。

イケメン直伝の香水を買ってみた

いや、直伝と言うかとりあえずコレ使ってみたらどうっすか?みたいな感じで紹介されただけなのだが。

そのイケメン、自分の隣の席にいるんですが、たまにいい香りがするんですよ。で、なんか香水付けてる?みたいな話になって、おしゃれに無頓着な自分でもちょっと興味が沸いてきて、先日買いに行ったら売り切れてて、代わりにライジングウェーブと言うのを買ってそれなりに気に入っているんですが。。。

どうやらイケメン曰く、香水は気分により、場所により、雰囲気により付ける種類を変えるらしいんですよ。仕事の時はあまりきついのは避けて、ほのかに香るやつにするとか、ちょっと一発勝負する夜はフェロモン系の刺激的なものにするとか。

なんか最近、イケメンが隣にいるだけで自分までイケメンになったような錯覚になるから恐ろしいです。ちょっとオサレに気を使おうと思ってきたし。いや、マジで。

で、今回買ったのはクールウォーターってやつで、ほのかに香る系です。メジャーな香水なので別に直伝というほど大げさなものじゃないんだけどね。明日からコレ付けていこうっと。

こういう絵に描いたようなイケメンのパッケージ見ると、自分の頭の中で「わ~お」みたいなエセ女外人の声が流れるんですが終わってますよね。

スライムとはぐれメタル

ゼリーで作ってる人がいた。普通にかわいい。

食うな

扱ってるのがドラクエのモンスターなのにBGMがFF満載なのはなんでだぜ?

楽をしたい

とにかく仕事、いや、作業的な仕事で楽をしたいので、一度ちゃんと効率化を考えたところ、結構便利なものがあったので紹介。

■画面キャプチャー丸々取りたい
まずはよくある全画面キャプ作業。まさかプリントスクリーンでスクロールさせながら1コ1コ手作業で合成とかやってないですか?

そんなときはコレ
Pearl Crescent Page Saver

Firefoxのプラグイン。コレを使うと縦長のページも丸々キャプって保存してくれます。

■部分的にキャプを取りたい
さっきのはページ丸々ですが、今度は一部だけ取りたい場合。前まではプリントスクリーンして画像加工ソフトで切り抜いてた。でもそれめんどくさい。

そんなときはコレ
WinShot

windows用フリーソフト。インストールしたらctr+Alt+F3で画面の一部を選択、キャプした一時ファイルはctr+cで普通にコピーできます。メニューから保存も可能。しかもサイズ縮小までできる。

■自宅と仕事場でブックマークを共有したい
はてなやdeliciousのような第三者に共有するのはイヤだけど、自宅と仕事場で共有したい。

そんなときはコレ。
Foxmarks Bookmark Synchronizer :: Firefox Add-ons

Firefoxのプラグイン。前はBookmarkSyncronizerというのを使ってたんですが、Firefoxのバージョンが上がるにつれて対応が追いつかなくなってしまってたのでコレに変更。

インストールして、会員登録(無料)すると自分のブックマークをFoxmarksというサービスのサーバーに登録、他のPCでこのプラグインを入れて同じアカウントを使うと、既に登録されているブックマークがシンクロします。web上でブックマークの編集も可能です。

ちなみに、以降は何もしなくてもブックマークを追加・編集しただけで勝手に同期します。コレはほんとに便利。

■いつでもどこでもランチャー起動したい
あれっすよ。コマンド使いじゃない限り、なんかソフト立ち上げるときって「スタート」メニューから辿って起動、もしくはよく使うソフトならデスクトップにショートカット作っておくとか。

自分デスクトップにはゴミ箱しか基本置きたくないのでそういうの嫌いなんです。マウス操作でよく使うフォルダ開いたりソフト起動したりできないか。

そんなときはコレ。
CLaunch

windows用フリーソフト。よく使うショートカットなどをドラッグドロップで登録しておき、目的別にも管理できます。それはいいとして、このソフト、例えばデスクトップをWクリックしたり、どこでも右ダブルクリックでこのメニューを出したりと、いろんなやり方で設定できます。かなり便利です。マウスアウトすると勝手に隠れてくれるので邪魔にもなりません。

ちなみに自分はmac風ランチャーのObjectDockと併用しています。

■ページの一部の色を16進数で調べたい
これはデザインからコーディングに入る時など、色を調べるときに便利です。このページの背景色と同じ色を使いたい。

そんなときはコレ。
CSSS(Windows95/98/Me / インターネット&通信)

立ち上げて、クリックするだけで#ffffffなどの16進数で取得できます。RGBでもできます。

■楽にパスワード管理したい
webでいろんなサービスを使っていると、アカウントの管理が大変になってきます。ユーザーID、パスワード、登録メールアドレス。HPを持ってる人だったらFTPなんかも使うから、それこそ管理が大変。今使ってるのってクッキーが覚えててくれるからいいけど、PC変えたらそれもなくなる。かと言って同じIDとパスを使うのもセキュリティー的に危険。

そんなときはコレ。
パスワード管理ツール ID Manager

コレは最近見つけた。アカウント管理はコレでまとめてできるし、インポート、エクスポートもできて、FTP上で管理もできるので、これまた仕事場と自宅で共有可能。インポート・エクスポートファイルは当然暗号化されてるので、万が一の事があっても大丈夫。(CSVやXMLだとダメよ)このソフトを使って暗号化ファイルをインポートしても、パス聞かれます。まああまり重要でないのを登録するのが無難。

そんな感じです。
これでかなり楽になるお。

くささの元はこいつらです

まあ正確にはこっちのほうかと思うが。

今日着てきた服がなんかいやなにおいがするんですよ。ほんと気になって気になって仕方がなかった。汗臭いと言うか、生乾きの雑巾みたいないやな臭いです。

で、最近タオルとかも1、2回使っただけで臭いが出てくるんです。これってどうにかならないかといろんな人に聞いたり、ネットで調べたりしたところ、どうやらバイ菌が原因らしい。

よく、洗濯物を室内干しにすると臭くなりますが、室内だと雑菌がウヨウヨしてるので臭くなりやすいんです。要は、この雑菌が付かないように対策すればいいわけで。

柔軟剤を使用するといという意見もありましたが、抗菌効果のあるやつがより効果的ってことですね。

そんでもって、洗濯層にもバイ菌がたまるので、それも定期的にぬっころす処理をしないとイカンみたいです。部屋も抗菌スプレーでもまいておいたほうがいいかな。

ところで、抗菌スプレーって例えば自宅で手作り味噌とか作ってたらやっぱりまいたらヤバイんだろうね。オリゼー死んじゃうもん。まあ作ってないけど。

全く菌をなくした生活すると、非常に身体がやわになるのでそれもいけないんだよね。海外旅行行くとすぐに病気になるとか。なのである程度菌は保有したほうがいいそうです。いいそうですって誰に言われたわけじゃないけど。でも絶対そう。抵抗力なくなるし。

Flash黄金期

全部覚えてます。
ペリー、ハッテン、ワサビは「馬鹿Flash」フォルダに今でも保存してあるほど。
棒人形の作者は任天堂に就職したらしいです。

個人的に聞いてアロエリーナとキタ━━(゚∀゚)━━!!ボタンがツボ。
ワサビとか今でも意味が分かりませんがwww

ヒッキーのクリスマスはAAで初めて泣いた作品です。

吉野家コピペのゴルゴ版・・・そんなに昔だったか・・・。まさにFlash創世期です。

塩酸、しめじ、ひらめ、出目金♪
まーるかいててー♪

ハングルTo heartの斜め2mm、グロいサザエさんのエンディング以外はちょっと記憶が・・・