タグ

tipsと画像に関するrikuoのブックマーク (4)

  • 井上のきあさんによる「Photoshopでモノグラムシームレスパターンを作ってみる」Tips

    複数の模様が並ぶパターンとしては ルイヴィ●ンやruss●tのモノグラムと言えば ピンと来る方も多いのではないでしょうか。 自分で作るとなると「どうすればいいんだ」状態に陥りがち。 続きを読む

    井上のきあさんによる「Photoshopでモノグラムシームレスパターンを作ってみる」Tips
  • CSS3での背景指定方法のまとめ

    CSSであれこれやっていたら、まず間違いなく使うであろう背景関連のプロパティ。 CSS3ではこれまでより多くの指定ができるようになります。 それらの新しいプロパティや値はいったいどういうものなのか、調べてみました。 主に参考にしたのは以下の2つです。 CSS Backgrounds and Borders Module Level 3現在の仕様です。CSS 背景 & ボーダー モジュール Level 32011年2月15日版の仕様の日語訳です。プロパティと値の説明はこちらを参考にしました。背景のレイヤー背景は複数のレイヤーを持つことができ、レイヤーの数はbackground-imageに指定されたカンマ区切りの値の数によって決められます。noneの指定も一つのレイヤーを生成します。 背景レイヤーの重なり方ですが、初めに指定したものから手前に来ますので、注意してください。 例として、下のr

    CSS3での背景指定方法のまとめ
  • 米Google画像検索が進化したらしいので、改めて機能をまとめてみた

    先日、米Googleの画像検索に新たに 機能が追加されました。今回もソート 機能なんですが、被写体別でソート 出来るようになったとの事。どんどん 便利になりますね・・せっかくなので 機能を改めてまとめてみることにしました。 先日、ブログで発表がありましたように、米Google先行で被写体別でソート出来る機能が追加されました。今までの機能も含めて何が出来るかチェックしてみたのでメモとして残します。 とっても便利なGoogle画像検索もだんだんと機能がパワーアップしてきました。ほんと便利ですね・・ サイズでソート サイズでソート出来ます。大中小だけでなく、アイコン(上記キャプチャ)や超高解像度(9600×7200pxとか)まで選択可能、直接サイズを指定する事も可能。また、利用中のモニターのサイズに合わせることも出来ます。「画像の詳細の調べ方」が話題に、という記事でもこのサイズソートが用いられま

    米Google画像検索が進化したらしいので、改めて機能をまとめてみた
  • JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest log

    Opera で DOM Mutation Event を使用するコードを追記しました。 まとめを追加しました。 Opera パート2に取得できないケースが見つかったため、パート3 を追加しました。 rhino.jpg(幅:300px, 高さ:227px) を、 <img id="rhino" src="rhino.jpg" width="100" height="75" /> と、100 x 75 で表示している場合を例に、画像来のサイズを取得する方法をご紹介します。 Firefox, Safari, Google Chrome なら image.naturalWidth と image.naturalHeight を利用します。 image.naturalWidth と image.naturalHeight の初期値は 0 です。画像の読み込みが完了した時点で適切な値に更新されます。

  • 1