タグ

ブックマーク / kudakurage.hatenadiary.com (3)

  • ちょっと前にいるひと - くらげだらけ

    高校受験のとき、私のいた中学のクラスは当に良いクラスでした。みんなそれぞれが自分と同じか、それよりちょっと前にいるひとといつも競い合っていて、良いライバルであり良い友だちでありました。 私たちはお昼休みになると担任の先生の机の周りに集まって、みんなでやれ問題をだせなどと言っていたわけです。だんだんと早押し問題みたいになってきて、最後には問題をちょっと言いかけたところで答え始めてしまうくらいで。先生も嫌になるくらいみんな切磋琢磨していました。 ライバルはたくさんいてもやはり得意・不得意があるもので、みんなそれぞれ他の誰かが自分よりちょっと前にいて、なんとか追い越してやろうと、そういう雰囲気でした。そのおかげもあって私も良い進学校に進めましたし、みんなもそうでした。それが関係しているのかどうなのか、次の年に先生は昇進してちょっと偉くなっていました。先生はなんだかそういう雰囲気を作るのが上手い

    ちょっと前にいるひと - くらげだらけ
    issm
    issm 2012/10/06
  • 【完全版】Ligature Symbols フォントセットの自作方法 - くらげだらけ

    今月の初めにLigature Icon フォントセットの自作方法とWebFontというエントリーを書きました。これはsymbolsetというサイトにinspireされて、Ligature機能を使ったSymbol Web Fontを自作しようという試みを書いたものです。しかし、この時はsymbolsetで実現されているようなものには及ばない不完全なものになってしまいました。 その後、いろいろと調べたり試したりする中でsymbolset相当のWebFontを自作することが出来ました。今回はそのプロセスと技術的解説について紹介したいと思います。 Ligature Symbols について まずは今回自作したWeb Fontのデモページをご覧ください。 【DEMO】 Ligature Symbols 今回作成したLigature Symbols FontはOFLライセンスで公開しており、ダウンロー

    【完全版】Ligature Symbols フォントセットの自作方法 - くらげだらけ
  • 画像のリサイズを処理する(IE6に対応させて、しかもハイクオリティ) - くらげだらけ

    よくあるCSSの使い方ですが、画像をサムネイル表示するときにJSとかPHPとか書くのがウザイのでCSSでやるパターンのやつのメモです。 要は、CSSで画像のWidthとHeightを制御してやるわけですが、 今回はデカイ画像をサムネイル表示させるので、max-widthとmax-heightで制御してやります。 こんな感じ <style type="text/css"> .image-resize { max-width: 200px; max-height: 200px; } </style> <img src="images/test-image.jpg" class="image-resize" />これで、200pxより大きければ、200pxにしてくれる。もちろん比率はそのまま。 しかし、IE6ではmax-widthとmax-heightに対応していないので、だいぶ前に書いたエント

    画像のリサイズを処理する(IE6に対応させて、しかもハイクオリティ) - くらげだらけ
  • 1