カテゴリー:雑談

リスト表示へ

今日は CSS Naked Day という日らしいです

2009年4月 9日 15:36

どうやら今日は CSS Naked Day という日らしいです。
詳しくはこちら→CSS Naked Day
ちなみに日本語で説明されてるのはこのサイトみたいです→今年の「CSS Naked Day」は4月9日に開催 at ブログヘラルド

趣旨は、「ウェブ標準を称賛することが目的」とのこと。
確かに、きれいにコーディングされたサイトは、CSS を切ってもしっかりと意味が読み取れますよね。
(このブログがどうかは分からないけど・・)n

去年は終わってから気づいたので、ちょっとやってみましたwn

自分のプロパティの書き順とか書きだしてみた

2009年3月13日 10:38

RedLine Magazine の中の人が、自分が勝手にリスペクトしている CSS-HappyLife の中の人に「CSSのプロパティの書き順」の記事を書いてーと依頼したそうで、自分も真似て書いてみました。n

思ったのは、結構みんな違うんだなーということ。
自分のもいざ書き出して見るとかなり違ってました。
ってことで、こんな感じ↓n

  • background
  • border
  • content
  • color
  • clear
  • display
  • float
  • font
  • list-style
  • line-height
  • text-align
  • text-decoration
  • vertical-align
  • position
  • left
  • top
  • right
  • bottom
  • other text
  • margin
  • padding
  • width
  • height
  • visibility
  • z-index

自分の癖を分析してみると、どうやら基本はアルファベット順にしながら、関連のあるものを近くにまとめる、という結果に。
テキスト関連の text-align だとか line-height だとか。n

width が「w」でわりと最後のほうなので height や padding がそこらへんに集中してます。
それから書いてみて分かったのが、どうやら自分は position がひとつの区切りになっているらしく、position と margin などのボックスレイアウトの根幹になる部分の間に、それ以外のプロパティを持ってきているっぽい。n

あまり口に出して(?)考えたことがないから無意識にやってたけど、改めてこういう「自分ルール」みたいのを書き出して見ると面白いかもw
やる気があったら次は HTML の書き方、とかもやってみようかな(´_`)

作業が劇的に速くなるオススメツール

2009年3月12日 13:46

今回は趣旨を変えて、自分が普段よく使っている便利ツールを紹介したいと思います。n

toClip

toClipサンプル画像

toClip はクリップボードの機能を拡張してくれるツールです。
通常、コピー&ペーストする場合、ふたつ以上コピーすると前のものに上書きされてしまいますよね?n

このツールを導入すると、コピーしたものの履歴を保存してくれます。
呼び出しも任意で設定でき、自分は「Alt + V」で起動するように設定しています。n

たとえば、ふたつのテキストを交互に貼り付けていく、なんて場合ありますよね。
そんなとき、コピー元が近ければそこをコピーして貼り付けて、またコピーして…なんてできますが、それでもかなりめんどくさい。n

そんなときに役に立つのがこの「toClip」です。
コピーした内容が履歴に残るので、改めてコピーしなおさなくても履歴から貼り付けることができます。
さらに、履歴には数字が振られていてその数字キーを押せばマウスや矢印キーで選択しなくても即座に貼り付けることができます。n

さらにこの toClip の利点として、よく使うテキストを登録しておくことができます。
サンプル画像を見てもらうと分かりますが、DOCTYPE 宣言を含めた HTML タグ全体を登録しておき、新規HTML ファイルを作成する際にとても簡単にコーディングに移れます。n

ファイル単位でテンプレートとして用意している人もいるかと思いますが、そのファイルを開いたりするよりも、新規ファイルを開き、「Alt + V」だけですぐに貼り付けることができるのでとても便利です。n

Object Dock

Object Dockサンプル画像

さて、続いて紹介するのは「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、どんな環境でも入れていて、もし入れちゃダメって言われたら発狂するくらい必須アプリになってますw
ぜひ、一度試してみてください(*'-')

Web Directions East開催!

2008年10月17日 00:09

世界最高峰のカンファレンスがついに来日!!
東京でアジア初開催!n

ってことで、web業界最先端のカンファレンスが開催されます。
このカンファレンスのことを知ったのは、CSS3のアニメーションの記事を書いたときにも少し触れた、CSS Reloadedというイベントのときでした。

このイベントで、CSS3のすごさを知り、かなり詳しくなったと思っていたCSSでこんなに驚かされるとは思っていませんでした。
こうしたイベントやセミナー、カンファレンスには、いくら自分で詳しくなったなぁと思っていても出てみるべきだなと実感してます。n

が!
このカンファレンスの日、あいにくと予定が入っていて参加できず・・。
というか、こういうカンファレンスとかセミナーがあって、しかも行って見たいなーって思うのに限って予定がかぶるというorz
なんか出てはいけない運命でもあるんだろうか・・。
まぁでも、それは置いておいても。n

RSSより手軽な情報収集ツール - Googleアラート

2008年7月 4日 09:31

最近知った「Googleアラート」。
自分の興味のあるキーワードを設定しておくだけで、それに関連する記事をピックアップしてメールに届けてくれる機能です。n

キーワードには「CSS」や「html」、「javascript」などと記載して使っています。
届いたメールのサンプルはこんな感じ↓n

Googleアラートサンプル

設定には、キーワード以外に配信頻度が設定でき、「1日1回、その都度、1週間に1回」が選べます。
また、収集元をニュースやウェブ、グループとカテゴリを選択。(総合もある)
収集元で配信された記事から、設定したキーワードに関連する記事を届けてくれる、というものです。n

RSSより設定が簡単で、なにより自分が購読していないRSSなどの情報を届けてくれるため、RSSと合わせて使うとより情報収集力がアップすること間違いなしです!n

新年明けましておめでとうございます。

2008年1月 4日 14:25

2008年ですねー。
といっても特に書くことがないので(ヲイ)
なんか面白そうなブログパーツを見つけたので紹介を兼ねてエントリー。

ブログを書いていくと成長するものらしーです。
どういうものができるかはわかりません・・。
とりあえず自分のところにもはっつけてみましたw

emo[エモ]

リニューアルしました!

2007年12月10日 01:21

初めてしっかりとMTをいじってみました(;´д`)

しかしやってみるとなかなか面白いですね!

これからちょくちょく手直しをしながら更新していきたいと思います。

ちなみにサイト名を少し変更しましたw

サイトを公開しました

2007年6月 9日 16:00

ということで、以前身内が本を出版した、というエントリーを書きましたが、これの販促サイトを立ち上げました。

サイト名は「EGOセラピー」です。
内容は女性向けの悩み相談のサイトです。相談受付もやってます。
なんでEGO? と思うかもしれませんが、読んでもらうとなんとなく分かってくれるかと思いますw

よかったら見て行ってください(*'-')

EGOセラピー

本を出版しました

2007年3月12日 09:00

ここのブログの内容とは違うのですが、身内が本を出版したので告知させてください。

タイトルは「あなたの思いをかなえる本」です。
「あなたの思いをかなえる本」詳細

こちらから、PCで読める電子書籍が購入できます。 → Boon-gate.com

book.jpg

自分もすごくお世話になった人で、特に人生観がすごい。
普通、相談したらそんな回答しなくね? みたいな、問題の解決よりいかに相談者の気持ちを軽くするか、に重きを置いた回答をくれる人です。

主に恋愛相談がメインですが、その卓抜した読心術とも言える業でとてもいいアドバイスをくれます。本の内容は、恋愛主体の「こんなときどうしたら?」というQ&A形式と実談を交えた構成になってます。興味があるかたはぜひ!
前の10件 1  2