タグ

ブックマーク / blog.fenrir-inc.com (3)

  • 美しい URL って、どんな URL だろう?

    こんにちはこんにちは! エンジニア川端です。 前回は「目で見てわかる」と言いつつビミョーにわかりづらいネタでした。 今回は「美しさ」について。 「Software meets Design」を標榜するフェンリルの一員として、イチ技術者が考える URL の美しさをお届けしたいと思います。 とは言うものの、なかなかうまくお伝えする文章も書けないものでして、仕方ないので、架空の人物が架空のサイトを作っていく過程をツラツラと書いてみます。 「美しさ」や「わかりやすさ」の感じ方は人それぞれですし、システムとしてどう作りこんでいくのがよいのか、というのも色々な考え方があるのではないかと思います。 みなさんは、後述する 10 ステップの、どの段階の URL がお好みでしょうか? それとも、ここにあげた例とは別の考え方で URL 設計をされているでしょうか? 私自身は、あらためて考えなおしてみると、一概に

    美しい URL って、どんな URL だろう?
  •   は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)

    いかがでしょう? WEBブラウザにもよりますが、結構実際の見た目も違うように思います。 で、冒頭の「半角スペースと  」の件ですが、ちゃんと意識しておかないと「あれ?」と思うことがあります。 「  を半角スペース (0x20) に置き換える」プログラムがあるように、「  を半角スペースに置き換えず、nbsp (0xC2A0) に置き換える」プログラムもありますから、WEB ブラウザのように 0xC2A0 を表示できる場合はいいですけど、表示できないプログラムだと困りますよね。 冒頭の画像は、わが愛するテキステエディタ Emacs だとこんな感じになります、というサンプルでした おまけとして、  を 0xC2A0 に置き換える例を。雰囲気をお楽しみください。 use HTML::Entities; use Encode; use Data::Dumpe

      は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)
  • iPhone/Android/PC 対応。jQuery で書くタッチイベント

    こんにちは!プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。(jQuery Mobile は不要です) iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この3点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし

    iPhone/Android/PC 対応。jQuery で書くタッチイベント
  • 1