タグ

ブックマーク / 2xup.org (8)

  • Vim7.0 + KaoriYa を Mac OSX にインストールする - 2xup.org

    2006-09-13T02:20:00+09:00 welcome home : vim online pre 要素のスタイル定義とマークアップ でも書いたのだけれど、最近 CSSHTML の編集をする時は Vim (version 7.0) を利用しています。Vim を利用するに至った理由は 専用サーバを使い始めた Plagger を使い始めた CSS なんかは直接編集した方が早いと感じた Vim7 の補完機能 Omni completion がゴキゲン 『憶えておいて損はあるまい』と感じた というのがあります。中でも Omni completion というゴキゲンな補完機能が Vim7.0 を利用する大きなきっかけになっています。 vim7の新機能 Omni completion(川o・-・)<2nd life) サーバへのインストールの前に、練習を兼ねてメインマシンの Maci

  • microformats に対応したサービスなどまとめ - 2xup

    2006-04-21T21:54:03+09:00 microformats が日々おもしろくなってきている理由はその microformats に対応したサービスなどが充実してきた事にあると思います。僕もなにか作ってみようと挑戦しているので、うまくいったら公開できればと思っています。 せっかくおもしろいものが増えてきているので、これまでに使った事があって、microformats スゲー!と思わされたものをまとめてみました。これからもっと楽しくなりそうで、いまからもうドキワクです。これからもなにかあれば投稿していきますので、よろしければ時々 2xup の microformats タグをチェックしてみてください。 tag: microformats - 2xup microformats コード生成 microformats | Code microformats.org で公開されてい

  • pre 要素のスタイル定義とマークアップ - 2xup

    2006-09-07T00:56:49+09:00 なにやら pre 要素に CSS でどういったスタイル定義をしているのか、また、pre 要素をどのようにマークアップしているのか、様々な意見がでている模様。 ブログにコードを貼り付ける方法で悩むの巻(i d e a * i d e a - Lifehacks by 100SHIKI.COM) pre要素へのスタイル指定(hail2u.net - Weblog) Re: i d e a * i d e a - ブログにコードを貼り付ける方法で悩むの巻(hxxk.jp) 情報共有と新たな発見を期待して、どのようにスタイル定義・マークアップしているのか公開することに。まずは注意しているポイントを挙げてみます。 Macintosh 版 Internet Explorer では、div 要素以外に値が visible (初期値) 以外の overf

    closer
    closer 2006/09/07
  • 情報の発信・取得に関して意識していること

    2006-07-18T01:43:45+09:00 ブログで情報発信するようになってから、僕自身の知識はどんどん増えていきました。同じようにブログで情報発信している人の意見などを見ては真似してやってみたり、もっと詳しく調べるきっかけにもなったし、職業を変えるきっかけにもなりました。最近ではソーシャルブックマークのおかげで情報取得の速度はどんどんスピードを上げ、より良い情報へのアクセスが簡単になっています。時には追いつかないくらいですが、情報整理の方法もこうした中で学んでいくのかな。と実感しています。 情報を発信する側でもあり、取得する側でもある僕自身が、どういった事に注意して意識を持っているのか、自分自身へのフィードバックも兼ねて書き出してみました。こういうのは所謂 Life Hack とか言ってもよいのかしら。 被ブックマーク数が記事の価値や正確性を示すものではないという認識 書いた記事

  • Photoshop でつややかな表現をわりと簡単に実現する

    2006-05-05T20:05:06+09:00 Illustrator などを利用してベジェ曲線で書いた絵に Photoshop を利用してつややかな表現を加える方法は何通りもあり、すでにたくさんのノウハウが存在しますが、それなりのものならほんの少しの作業で実現できます。いつも違う方法でやってしまいあとで苦労する事があるので、自分自身の忘記録も兼ねてその Tips をまとめておきたいと思います。Photoshop CS で作成したデータですが、サンプルファイルも用意しているのでもしよろしければダウンロードして使ってみてください。 サンプルファイルをダウンロード(tsuyayaka-sample.psd) サンプルファイルはせっかく角丸の四角形で作成したので、Feed Icon として利用できるように、オレンジで描いたレイヤーと、アンテナ部分を描いたレイヤーも追加してあります。 レイヤー

  • flickr も microformats に対応 - 2xup.org

    2006-05-04T02:57:06+09:00 いつのまにやら flickr の プロフィールページも microformats に対応していますね。hCard でマークアップされています。先日microformats に対応したサービスなどまとめで紹介した、Technorati の Contacts Feed Service や、Greasemonkey を利用すると hCard を閲覧したり、vCard に書き出してアドレスブックに登録できます。 hCard を用意してみよう! せっかくなので、自分自身のブログやウェブサイトに hCard を用意してみると良いかもしれません。詳しい仕様は microformats の Wiki で確認できますが、address 要素を利用して、マークアップするサンプルを用意してみました。 <address class="author vcard">

  • スタイルシートを書く時のガイドライン - 2xup.org

    2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ

  • Photoshop で背景透過の美しい favicon を作成する - 2xup

    2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま

  • 1