タグ

webと画像に関するasashiguのブックマーク (6)

  • まるで“曼荼羅”みたい?Googleの新画像検索「Image Swirl」を試してみた - はてなニュース

    Googleが17日、新しい画像検索サービス「Google Image Swirl」をGoogle Labsで公開しました。類似画像も同時に検索してくれるというこのサービス、その精度の良さや表現のユニークさがはてなブックマークでも話題になっています。 Google Labsで試験的に公開されているこの画像検索、早速試してみました。試験段階なので対応していないキーワードもあるようですが、トップページの「Enter query above or try」にある「東京タワー」をクリックして検索してみます。 まず「東京タワー」に関する画像が一覧表示されます。そのうちどれか1つをクリックすると… このように、クリックした画像の周りを円で囲むようにして類似する画像が表示されます。 また、はてなブックマークのコメント欄に「『阿弥陀佛』とか『不動明王』で試すとおおおお!という気になれる。」という声があった

    まるで“曼荼羅”みたい?Googleの新画像検索「Image Swirl」を試してみた - はてなニュース
  • IMAXシアター公式サイトのデザインがWeb0.1だった件

    と言っていたので、ちょっとIMAXシアターについて調べてたら、ものすごいサイトにブチ当たりました。 「ものすごいサイト」。それはIMAXの公式ホームページ。 いきなりトップページが、 ヤバい! 久しぶりに見たわこのテンション! パッと気づいただけでも、 妙にボヤけた、クオリティ低い画像 微妙なケタずれ <title>タグがない 透過gif作成に失敗したギザギザ画像 センタリングされてない <FONT SIZE>タグ使いまくり もちろんIBMホームページビルダー など、Webデザイナーが見たら心拍数が上がるような小技が効きまくっています。 でも、このサイトの真の力は、こんなもんじゃなかったのです。 なんとですね……「THEATER」をクリックすると…… 10年ぶりに見たわこのギミック! なにスルスル動いてんの!? 意図がわからないアニメーション。まさにWeb0.1。 もう夢中です。マイケルと

    IMAXシアター公式サイトのデザインがWeb0.1だった件
  • twitterアイコンの微妙な注意点 - ぼくはまちちゃん!

    こんにちはこんにちは!! 蒸し暑い日が続いてますが…、げんきにtwitterしてますか! さて今日はtwitterで見落としがちな 微妙な注意点について、ちょこっとだけメモです…! 実はtwitterのプロフィールアイコンの画像URLって… 元の画像ファイル名がそのまま使われているよ!!! 自分のPCのマイピクチャとかのファイル名と同じ! ファイル名バレバレ! なので、わー知らなかったーって人は、自分のtwitterのアイコンのURLが、 うっかりと名とか、「彼氏彼女の名前_lovelove_daisuki_chu_chu_chu.jpg」みたいな名前になっちゃっていないか、 いちど見直してみた方がいいかもしれないですね…! ちなみにこのファイル名、日語でもそのままURLになるので ぼくの場合は、ちょっとだけSEO(になるのかどうかも微妙だけどね!)を期待して「はまちちゃん」としてある

    twitterアイコンの微妙な注意点 - ぼくはまちちゃん!
  • JPEG、GIF、PNG画像選択の指針まとめ | エンタープライズ | マイコミジャーナル

    SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Jennifer Farley氏がSitePointにおいてGIF, PNG, JPG. Which One To Use?のタイトルのもと、Webサイトを作成するにあたってどの画像フォーマットを採用すべきかという指針を簡単にまとめている。まず氏はそれぞれの画像フォーマットの特徴を簡単に説明。 GIF - 256色のインデックス画像。写真には向かないが、ロゴであったりフラットブロックな画像には向いている。透過データを保持できるという特徴がある JPEG - クオリティによって圧縮率が変わる非可逆圧縮の画像フォーマット。透過は表現できないが、写真データの用途に向いている PNG - GIFに似ているが、GIFのようなぎざぎざを出さずに背景透過を実現

  • http://e0166nt.com/blog-entry-677.html

    http://e0166nt.com/blog-entry-677.html
  • 独学で極める “Webデザイン”の技と心:第10回 CSS Spritesでサイトを高速化|gihyo.jp … 技術評論社

    今日は、CSSを使ってサイトを高速化するテクニック「CSS Sprites(CSSスプライト⁠)⁠」についてのお話をさせていただきます。 サイトの高速化というと、プログラムの最適化を行ったり、サーバのチューニングを行ったりというイメージがあるかと思います。実はCSSを上手に使うことによっても、サイトの高速化を行うことができます。しかも、かなりの効果が期待できるのです。 CSS Spritesとは? 通常、ウェブページを制作する場合、デザインファイル(psdやpngなどの画像)をスライスし、HTMLのimg要素として埋め込んだり、CSSの背景画像として指定していることと思います。 それらの画像を一つにまとめ、1度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。 このテクニックは、以前からマウスオーバーメニューを実現する際にも使われていたものでもありま

    独学で極める “Webデザイン”の技と心:第10回 CSS Spritesでサイトを高速化|gihyo.jp … 技術評論社
  • 1