タグ

2012年5月5日のブックマーク (8件)

  • (笑)や (爆)をアイコンで表現·Emolett MOONGIFT

    EmolettはWeb Fontsを使って漢字による感情表現をアイコン化します。 インターネットが普及する前からパソコン通信などで使われてきた「(笑)」や「(泣)」といった文字。これをもっと今風に表現してくれるのがEmolettです。 フォントの一覧です。見事に顔アイコンが表示されています。 実際のHTMLです。class="emo"で書かれている文字を当てはまる顔アイコンに変換します。 Emolettは専用に作られたWeb Fontsを使って特定の漢字についてアイコン化してくれます。Web Fontsに対応していない場合はそのまま文字が出るので問題にならず利用できます。 EmolettはCSS/Web Fontsによるオープンソース・ソフトウェア(SIL Open Font License)です。 MOONGIFTはこう見る Web Fontsの使い方として非常に面白いです。一見すると画

  • ニコ生FAN:【動画あり】大不評のニコニコ動画:Zeroに救世主登場!!【ZeroWatchを】 ZeroFix 【を見やすくしてみた】

    【動画あり】大不評のニコニコ動画:Zeroに救世主登場!!【ZeroWatchを】 ZeroFix 【を見やすくしてみた】 こちらでも紹介しましたが、ニコニコ動画:Zeroが不評で原宿バージョンに戻してしまったという人も数多くいますが、改善されるスクリプトが配布されているそうです! 早速ですが、スクリプトの配布については以下の動画で紹介されています。 sm17717583   このスクリプトで大きな不満があった点はほぼ解消できました♪ ちなみに、このスクリプトを作ったのは、「ニコ生技術開発部 [NicoLiveDevelopClub]」の 「鳥居みゆっき」さんです!! ニコニコ生放送をだいぶ前から放送してる人は、 「ニコニコ生放送の自動席取りツール」とかでおなじみですよね♪ 【ニコニコ動画】ニコ生技術開発部 [NicoLiveDevelopClub] 今回のスクリプトの変更が実装される

  • スマホ最適化サイトで使いたい。jQuery Mobile用アイコンパック·jQuery Mobile Icon Pack MOONGIFT

    jQuery Mobile Icon PackはjQuery Mobileで使えるアイコン集です。 jQuery Mobileを使ってスマートフォン最適化サイトを構築する際に使ってみたいのがjQuery Mobile Icon Packです。スマートフォンにマッチしたシンプルなアイコン集となっています。 アイコンの一覧です。 実際に使っている例。data-iconで指定するだけで使えます。 多数のアイコンが揃っています。 シンプルで使い勝手が良さそうです。 アイコン画像は全て一つの画像となっており、CSS Spriteで切り出すようになっています。このアイコン群を使う限り読み込みは一度なので高速に表示が可能です。 jQuery Mobile Icon PackはCSS製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 MOONGIFTはこう見る 3Gを

    スマホ最適化サイトで使いたい。jQuery Mobile用アイコンパック·jQuery Mobile Icon Pack MOONGIFT
  • UIデザインに行き詰ったときに見るとインスピレーションが得られるサービス

    Dribbble - What are you ... / Gallery of UI Elements -... / 365psd | Download a free...他...全6件

    UIデザインに行き詰ったときに見るとインスピレーションが得られるサービス
  • nginx はデフォルトで merge slash する - kurainの壺

    久しぶり技術ネタを一つ。 問題 nginx を reverse proxy として使っていると original http://example.com/hoge/huga//path proxied http://example.com/hoge/huga/path みたいな感じに重なったslash を merge してから proxy される。path最後の '//path' が '/path' となって、状況によってはありがたい。これが default なのが良いかは分からないが。slash は 2 以上連続していると、1つになる。 さらに、 original http://example.com/entry/http%3A%2F%2Fwww.hatena.com%2F proxied http://example.com/entry/http%3A%2Fwww.hatena.com%

    nginx はデフォルトで merge slash する - kurainの壺
  • CSSを書くとLESS形式にリアルタイムで変換するWebサービス・Css2Less - かちびと.net

    CSSを書くと即座にLESS形式に変換 するWebサービスCss2Lessのご紹介 です。使えるかどうかは別にして、 まだLESSに慣れてない方には練習用 になる・・・かもしれない。LESS も慣れるのが大変ですよね。 オンラインでCSS→LESSにするやつです。 左に普通にCSS書くと即座に右にLESS形式へと変換されます。尚、LESS側にも書けますが、CSS側は変化しません。 圧縮されたCSSでも整形、変換してくれます。 OSSにもなってます ruby製のOSSとしてGithubで公開されてるみたいです。 ライセンスはAGPL3だそうです。 以下よりどうぞ。 Css2Less / Github

    CSSを書くとLESS形式にリアルタイムで変換するWebサービス・Css2Less - かちびと.net
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
  • 9.売れるランディングページデザインの10の特徴

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ランディングページのデザインは、インターネットの技術の向上に合わせて変遷している。それに伴い、高いコンバージョンを見込めるレイアウトも、めまぐるしく変わっている。 しかし、結局、どのビジネスも最終的には似通ったデザイン/レイアウトに落ち着いていく。 なぜなら、結果を出すランディングページデザイン/レイアウトには、ある一定のルールのようなものが存在するからだ。そして、そのルールに則ってランディングページを作ると簡単に高い数字が出せる。 つまり、ゼロからデザインを考えるのではなく、既に結果が出ることが証明されている成果保証済のレイアウトやデザインを使う方が、遥かに簡単で結果が出やすいのだ。 そこで、近年非常に良く見られるランディングページのレ

    9.売れるランディングページデザインの10の特徴