[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

ブックマーク / hyper-text.org (6)

  • pocketer » iddy でミニ名刺 | WWW WATCH

    ブロガー向けプロフィールページASP 「iddy」 とオンラインでオリジナルのミニ名刺が簡単に作れる 「pocketer (ポケッター)」 が連携。iddy で公開しているプロフィールデータを使って簡単に pocketer のミニ名刺が作れるようになりました。 pocketer は、3cm × 7cm サイズのオリジナルミニ名刺をオンラインでデザインして注文できるサービス。裏面には 1枚ずつ写真やイラストを、表面には好きな文字、アイコン、QR コードが入れられるので、プライベートな名刺などに利用価値は高いです。 海外では、「MOO」 が同様のサービスとして有名で、当サイトでも何度か取り上げていますが、日では pocketer が初のサービスです。 ちなみに、iddy プロフィールデータを使用した名刺の作り方ですが、ステップ 3 まで進んで、表面のデザイン画面に入ると、「プロフィールサイト

    pocketer » iddy でミニ名刺 | WWW WATCH
    rosylilly
    rosylilly 2008/03/12
    ポケッターかわいい!
  • Yahoo! UI Library: TabView 使ってみた

    JavaScript によるタブの切り替え UI の実装というネタで言えば、以前にも 「JavaScript でタブ切り替え UI を実装する」 で紹介しました... JavaScript によるタブの切り替え UI の実装というネタで言えば、以前にも 「JavaScript でタブ切り替え UI を実装する」 で紹介しましたが、今回は、Yahoo! UI Library の中から、「TabView」 を使用してちょっとしたインターフェースを作ってみました。 実はサイトのリニューアルと合わせてオススメ書籍とか紹介するページを作って、そこで浅ましくアフィリエイトしようとか考えていたんですが、ただ商品を並べてもつまらないし、ちょっと変わった見せ方ができないものかということで考えた結果が、今回の TabView を使った見せ方。メモもかねて作り方を解説してみようと思います。長くなりそうなので何回

    Yahoo! UI Library: TabView 使ってみた
    rosylilly
    rosylilly 2007/11/27
    Yahoo UI Libraryを使ってタブインターフェースを実装。
  • pre 要素に対する印刷用 CSS

    サイトリニューアルと同時に印刷用スタイルも書いてみたんですが、ふと気がついたのは、pre 要素の中身って印刷するとき紙からはみ出しちゃって全部印刷できてないじゃんっていうこと。 Blog の記事を印刷する人ってそんなにはいないと思いますが、一応対策しておくかということで書いてみました。と言っても、別に目新しいことはしていませんので期待せずにお願いします。 さて、当サイトで使用している pre 要素には、画面表示用のスタイルとして、「overflow: scroll;」 を指定、改行せずにはみ出した部分はスクロールバーで表示させていますが、当然ながら印刷時はスクロールバーなんて出ないので、普通に紙からはみ出して終了と。 なので、印刷スタイルでは pre 要素を基的に整形済みテキスト (Preformatted Text) として表示しつつも、印刷領域からはみ出してしまう場合のみ適当に改行が

    pre 要素に対する印刷用 CSS
    rosylilly
    rosylilly 2007/11/19
    pre要素をきれいに印刷したいんです!
  • CSS レイアウト切り替えスイッチ | WWW WATCH

    Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレ... Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレイアウトの 3種類がよく使われますが、どのレイアウトが一番文章が読みやすかったり、利便性が高いのかって考えたときに、当然好みは人それぞれ。 じゃあ、その人の好みで、3つのレイアウトを切り替えられるようにしたらいいじゃんということで、そんな CSS 切り替えスイッチを作ってみました。 サンプルはこちらで確認できます 全ファイルのダウンロードはこちら (zip ファイル / 10KB) デフォルトでは横幅固定のレイアウトになっています。スイッチを押すたびにレイアウトが選択

    CSS レイアウト切り替えスイッチ | WWW WATCH
  • WWW WATCH

    著書 「できるポケット HTML&CSS 全事典」 が 3 度目の全面改訂、「改訂 4 版」 の発売が決定しました

    WWW WATCH
  • CSS3 セレクタ チートシート

    以前、CSS3 セレクタをまとめたエントリーを 3回にわたって上げましたが、それらをまとめる意味で CSS3 セレクタのチートシートを作ってみました。 当は、サンプルソースとか、セレクタに関する説明とか色々入れようと思ったんですけど、A4 サイズ 1枚にまとめるのはスペース的に不可能だったので、単純な CSS3 セレクタ一覧になっちゃいました。残念。 CSS3 セレクタチートシート (PDF) ※PDF ファイルは URI が変わる可能性がありますので、ブクマする際はできればこのエントリーにして頂いた方が安全です。 今回、チートシートのフォーマットは、Microformats Cheat Sheet を参考に作らせてもらいました。右サイドに IE7、IE6、Firefox、Opera、Safari それぞれでの各セレクタ対応状況を簡単にまとめてあります。 なお、対応状況のチェックには、c

    CSS3 セレクタ チートシート
  • 1