タグ

iconとbrowserに関するraimon49のブックマーク (7)

  • IE Graduation (IE の功績を讃える)

    IE の功績を讃える ~ IE 卒業式に寄せて~ 2022/06/16 #IE卒業式 by Jxck

    IE Graduation (IE の功績を讃える)
    raimon49
    raimon49 2022/06/17
    MSが互換性の鬼であるのはガチ
  • 几帳面な人ほど気付かない? スマホ版Chromeでタブを100個開くと現れるイースターエッグ

    几帳面な人ほど気付かない? スマホ版Chromeでタブを100個開くと現れるイースターエッグ:明日から使えるITトリビア 「スマホのWebブラウザのタブって何個開いてる?」──先日、友人との話でこんな話題になった。特にスマートフォンではWebページから新しいページを開く際に、新しいタブを開くことが多いため、調べ物などを始めると一時的に多くのタブを開きがちになる人もいるだろう。 記者自身も仕事でWeb検索を多用するため、特定のWebサイトなどは常に開きっぱなしにしているが、不要になれば消すことが多く、利用するタブの数は4~8個ほどだ。しかし友人は「100個以上のタブは常に開きっぱなしにしている」という。 「いちいち閉じるのが面倒」というが、そんなに開いていて何が何なのか分からなくならないのか、と聞くと「確かに、実際に今タブを何個開いているのかは自分にも分からない」。 友人Chromeはいつ

    几帳面な人ほど気付かない? スマホ版Chromeでタブを100個開くと現れるイースターエッグ
  • Yahoo! JAPANトップで見るウェブデザインの歴史

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog デザイン特集5目、最後の記事です。 こんにちは、ブランドマネジメント室デザイナーの上田絵理です。 サービスロゴやアイコンの作成や管理、けんさくとえんじんというキャラクターの担当をしています。 私が入社した1999年当時は社員が100人くらいで、全員の顔が覚えられるくらいだったのですが、入社してから20年たった今、社員数は6500人超*1...!  インターネット環境とデバイスの変化とともに進化してきたYahoo! JAPANのトップページを、デスクトップ風のビジュアルで表現してみました。移り変わるウェブデザインの歴史をお楽しみください。 1996年 アメリカYahoo!のデザインを踏襲 1996年4月に国内初の検索サイトYah

    Yahoo! JAPANトップで見るウェブデザインの歴史
    raimon49
    raimon49 2019/05/31
    >SoftBankからiPhone 3Gが発売される3週間ほど前、突然孫さんがヤフー本社へやって来て、「iPhone発売までにYahoo! JAPANの主要サービスの表示を最適化せよ!」との号令がかかり、対応に追われたことがとても印象に残っています
  • 時刻表っぽいフォント — DiaPro

    DiaPro の特徴 DiaPro は印刷用だけでなく、Web Font としてもきれいな表示ができます。たとえば乗り換え案内サイトや携帯アプリでは役に立つでしょう。 DiaPro の記号は OpenType の合字(リガチャー)として定義されています。そのためフォントの適用ができない場合(サーチエンジンのSEOなど)でも意味が読めます 以下のブラウザはテスト済みです:Chrome(Win・Android)・Firefox・Safari(Mac・iOS)・IE10以上 太い数字 時刻表数字を2種類提供しています。 太い数字は、全角数字に置いてあります。また、半角数字の OpenType フィーチャー「タイトル文字(titl)」でも表示可能にしています。 Adobe CS/CC または LibreOffice であれば、半角数字に対し OpenType の「タイトル文字」フィーチャーを適用し

    raimon49
    raimon49 2014/05/22
    リガチャで鉄道記号 入力テスト欄に打ち込んでて変わった時のインパクトがやばい
  • ファビコン・カンニング・ペーパー

    Translation of: favicon-cheat-sheet ファビコンのサイズや形式についての読むと頭が痛くなる偏執的なカンニング・ペーパーです。以下のURLを参考にしました: rel="shortcut icon" considered harmful · Mathias Bynens <-- special thanks @mathiasbynens Everything you always wanted to know about touch icons · Mathias Bynens <-- special thanks @mathiasbynens Jonathan T. Neal | Understand the Favicon Favicon - Wikipedia, the free encyclopedia Making a Good Favicon -

  • CSSでアイコンをデザイン

    ものすごく大雑把に言うと今まで画像編集ソフトでやっていた、角を丸くするとか背景をグラデーションにするなどという作業をCSSでやってしまおうというお話。もちろんCSSでできないことは多くあるので万能というわけではないが、できることに限って言えば数行のCSSコードでスクリーンショットのような効果を柔軟に適用することができる。 Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } 各アイコンになるa要素へのスタイルは以上のような単純なものがベースになる。icons-w.pngがアイコンの前景をつなげたスプライ

    CSSでアイコンをデザイン
    raimon49
    raimon49 2011/03/04
    CSS3でプレーンなアイコン元画像に色や効果を。追記にブラウザ対応状況あり。
  • Favicon - Wikipedia

    この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。出典を追加して記事の信頼性向上にご協力ください。(このテンプレートの使い方) 出典検索?: "Favicon" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL(2017年8月) アドレスバーの左側にある、Wの画像がfaviconである。 favicon(ファビコン)は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。favorite icon(フェイバリット・アイコン:お気に入りアイコン)という英語の語句を縮約したかばん語である。 概要[編集] faviconのはじまりは、ウェブブラウザであるMicrosoft Internet Explorer 5によって

    raimon49
    raimon49 2010/09/29
    faviconの仕様, 歴史。マイクロソフトによる提案とモジラによるデファクトスタンダード化。キャッシュの扱いがブラウザ毎に異なる。
  • 1