RedLine Magazine の中の人が、自分が勝手にリスペクトしている CSS-HappyLife の中の人に「CSSのプロパティの書き順」の記事を書いてーと依頼したそうで、自分も真似て書いてみました。n
思ったのは、結構みんな違うんだなーということ。
自分のもいざ書き出して見るとかなり違ってました。
ってことで、こんな感じ↓n
自分の癖を分析してみると、どうやら基本はアルファベット順にしながら、関連のあるものを近くにまとめる、という結果に。
テキスト関連の text-align だとか line-height だとか。n
width が「w」でわりと最後のほうなので height や padding がそこらへんに集中してます。
それから書いてみて分かったのが、どうやら自分は position がひとつの区切りになっているらしく、position と margin などのボックスレイアウトの根幹になる部分の間に、それ以外のプロパティを持ってきているっぽい。n
あまり口に出して（？）考えたことがないから無意識にやってたけど、改めてこういう「自分ルール」みたいのを書き出して見ると面白いかもｗ
やる気があったら次は HTML の書き方、とかもやってみようかな(´_｀)
今回は趣旨を変えて、自分が普段よく使っている便利ツールを紹介したいと思います。n
toClip はクリップボードの機能を拡張してくれるツールです。
通常、コピー&ペーストする場合、ふたつ以上コピーすると前のものに上書きされてしまいますよね？n
このツールを導入すると、コピーしたものの履歴を保存してくれます。
呼び出しも任意で設定でき、自分は「Alt + V」で起動するように設定しています。n
たとえば、ふたつのテキストを交互に貼り付けていく、なんて場合ありますよね。
そんなとき、コピー元が近ければそこをコピーして貼り付けて、またコピーして…なんてできますが、それでもかなりめんどくさい。n
そんなときに役に立つのがこの「toClip」です。
コピーした内容が履歴に残るので、改めてコピーしなおさなくても履歴から貼り付けることができます。
さらに、履歴には数字が振られていてその数字キーを押せばマウスや矢印キーで選択しなくても即座に貼り付けることができます。n
さらにこの toClip の利点として、よく使うテキストを登録しておくことができます。
サンプル画像を見てもらうと分かりますが、DOCTYPE 宣言を含めた HTML タグ全体を登録しておき、新規HTML ファイルを作成する際にとても簡単にコーディングに移れます。n
ファイル単位でテンプレートとして用意している人もいるかと思いますが、そのファイルを開いたりするよりも、新規ファイルを開き、「Alt + V」だけですぐに貼り付けることができるのでとても便利です。n
さて、続いて紹介するのは「Object Dock」です。
Mac を使ったことがある人にはなじみ深いですよね。
Mac の OSX には標準で搭載されている Dock そのものです。n
以前の職場はメインが Mac だったので使っていたのですが、この Dock、一度使うと手放しがたい使いやすさでした。
そこで、Windows でも同じようなものがないかと探して見つけたのが、この Object Dock でした。n
機能は Mac の Dock そのもの。
Mac を使ったことがない人のために説明すると、まず普段よく使うアプリケーションを登録しておきます。
登録の方法は簡単で、まず登録したいアプリケーションの本体のフォルダを開きます。
そして、登録したいアプリケーションのアイコン（***.exeとなっているやつです）をこの Object Dock へドラッグ&ドロップすれば登録することができます。n
※ショートカットを登録すると、下で説明するファイルの開き方ができなくなってしまいますので注意してください。
登録すると、画像のようにアイコンがずらっと並びます。
（登録するときに、すでに登録されているアイコンが避けるように横に動いたところへドロップしてください。登録後は、ドラッグで好きなところに移動できます）n
それをクリックするとそのアプリケーションが起動します。
これだけであれば、通常のランチャーソフトとそれほど変わりはありませんが、この Dock の利点は、そのアイコンにファイルをドラッグ&ドロップするとそのアプリケーションで開くことができるのです。n
ではなにが便利か、というと。
webデザイナー（やコーダー）の人であれば、ひとつの html ファイルを複数のブラウザ開いてチェックをする、なんてことはいつもやっていることですよね。n
しかし、毎回ブラウザを指定して開いたり、ブラウザを開いてからそのブラウザにファイルをドラッグして…なんてやってるとどんどん時間が過ぎていきます。n
しかし、この Object Dock を使うと、フォルダ上にある html ファイルをそのままドラッグ&ドロップするだけでそのファイルを開いた状態でブラウザが起動してくれます。n
もちろん、画像なんかも同様にドラッグ&ドロップで開くことができるので、複数の編集したい画像を Photoshop なんかの画像編集ソフト上にドラッグすれば簡単に複数のファイルを編集状態にすることも可能です。n
設定で色々変更できますが、普段は隠れていてマウスが画面下（設定で四隅に移動することも可能）に来るとアイコンが並んだ Dock が出現します。
この出現するまでの時間なんかも設定可能です。n
ドラッグ&ドロップのときも同じ要領で Dock が出てきます。
この Object Dock、どんな環境でも入れていて、もし入れちゃダメって言われたら発狂するくらい必須アプリになってますｗ
ぜひ、一度試してみてください(*'-')
世界最高峰のカンファレンスがついに来日！！
東京でアジア初開催！n
ってことで、web業界最先端のカンファレンスが開催されます。
このカンファレンスのことを知ったのは、CSS3のアニメーションの記事を書いたときにも少し触れた、CSS Reloadedというイベントのときでした。
このイベントで、CSS3のすごさを知り、かなり詳しくなったと思っていたCSSでこんなに驚かされるとは思っていませんでした。
こうしたイベントやセミナー、カンファレンスには、いくら自分で詳しくなったなぁと思っていても出てみるべきだなと実感してます。n
が！
このカンファレンスの日、あいにくと予定が入っていて参加できず・・。
というか、こういうカンファレンスとかセミナーがあって、しかも行って見たいなーって思うのに限って予定がかぶるというorz
なんか出てはいけない運命でもあるんだろうか・・。
まぁでも、それは置いておいても。n
最近知った「Googleアラート」。
自分の興味のあるキーワードを設定しておくだけで、それに関連する記事をピックアップしてメールに届けてくれる機能です。n
キーワードには「CSS」や「html」、「javascript」などと記載して使っています。
届いたメールのサンプルはこんな感じ↓n
設定には、キーワード以外に配信頻度が設定でき、「1日1回、その都度、1週間に1回」が選べます。
また、収集元をニュースやウェブ、グループとカテゴリを選択。（総合もある）
収集元で配信された記事から、設定したキーワードに関連する記事を届けてくれる、というものです。n
RSSより設定が簡単で、なにより自分が購読していないRSSなどの情報を届けてくれるため、RSSと合わせて使うとより情報収集力がアップすること間違いなしです！n
カテゴリー
最近のエントリー
©2009-2011 CSS-EBLOG All Rights Reserved
