タグ

画像に関するsaikyosen18のブックマーク (26)

  • IE PNG Fix | 設置サンプル

    PNG Opacity Fix for IE6 | 設置サンプル ▼jQueryを使用。 まずブラウザ判定をし、透過PNGに対応していないIE5.5またはIE6の場合に、ページ内のsrc属性の拡張子がPNGのimg要素にDirectXのAlphaImageLoaderを適用させています。 【設置サンプルのソース】 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text

  • ごりゅご.com

    ごりゅご.com

  • leandrovieira.com – Só mais um site WordPress

    Boas-vindas ao WordPress. Esse é o seu primeiro post. Edite-o ou exclua-o, e então comece a escrever!

  • mailto: タグ JavaScript 変換ツール - 改良版

    改良版は、mailto: タグ記述に画像などを用いて、 簡単にメールアドレスにリンクが出来るように工夫してあります。 リンク部分のタイトル名を、ご自由に変更してください。 タイトル名の箇所に画像を用いるのも素敵な方法かも。 この mailto: タグ JavaScript 変換ツール を使用すれば、ブログパーツと同じ感覚で設置出来ます。 下記のように画像リンクにて表示させます。

  • 小太郎のまんぷく日記

    昨晩、スマホの画像を出そうと久しぶりにPCに向かいました。 はっ!! そういや、ブログもいつから放置してたんだろう・・・と。 オットと小太郎はぼちぼちやってます。 オットの91と87になる両親も頑張ってくれています。 ただ、義父は欲が落ちて栄養状態に不安があるので 現状を一時的なものとして上手くやり過ごせるように医療と連携をとってます。 小太郎の母は難病も進行して体の不自由がふえてきており 年末には肋骨の骨折、 その痛みがようやく消えたころには十数針縫う怪我を。 そして10日ほど前には、転倒により左肩を二日続けて二度脱臼。 おばにも助っ人を一時頼みましたが 数日後には妹が帰省の予定だったので それまでの間、取り急ぎ安全を確保しようと近くのショートステイに入ってもらいました。 今は妹がそばにいますが もう週末には上京してしまうので、今後どうしようか・・・と絶賛お悩み中!! 今度妹が帰省した

    小太郎のまんぷく日記
  • SEOのため、PNGのファイルサイズを極限まで縮小させる

    前回の記事のとおり、GoogleがWebページの読み込み速度をサイトの評価項目として採用したことで、画像のファイルサイズの縮小は有効なSEOとなりました。 前回の記事では、画質を落とすことなく GIF や JPEG よりもファイルサイズを小さくできる PNG に画像形式を替えることを紹介しましたが、単に画像編集ソフトでPNG形式で保存するだけでは、あまりファイルサイズを縮小させることができません。 今回は、PNG形式の画像のファイルサイズを極限まで縮小させる方法を紹介します。 Fireworksより、Photoshopの方がファイルサイズを縮小できる 写真以外の画像を作成する際に Fireworks を使っている方も多いと思いますが、PNGに限れば(他は検証したことがありません)、Photoshopの方が画質を落とすことなくファイルサイズを縮小させて書き出すことができます。 例えば、エクス

  • HTMLタグ/フォームタグ/画像で送信ボタンを作る - TAG index

    type="image" (画像を使用した送信ボタンを作成) type属性の値に image を指定すると、画像を使用した送信ボタンを作成できます。 src="" (ボタンに使用する画像のURIを指定) ボタンに使用する画像を指定します。 name="" (部品の名前を指定) フォーム部品を識別するための名前を指定します。 この属性の値は、座標値とセットで送信されることになります。(座標については、以下の座標の送信をご覧ください。) alt="" (画像の代わりになるテキストを指定) 画像の代替テキストを指定します。詳しくは、画像の代わりになるテキストを指定するをご覧ください。 input要素のalt属性は任意となりますが、出来るだけ指定しておくようにしましょう。 align="" (画像に並ぶテキストの位置を指定) 画像に並ぶテキストの位置を指定します。また、画像をフロートさせることもで

    HTMLタグ/フォームタグ/画像で送信ボタンを作る - TAG index
  • Picasa をもっと活用 - Picasa と Picasa ウェブ アルバムのヘルプ

    印刷時に表示される印刷サイズを選択するには: [ツール] > [オプション](Windows)または [Picasa] > [設定](Mac)をクリックします。 [印刷] を選択します。 [印刷可能なサイズ] で印刷サイズ レイアウトを選択します。 [OK] をクリックします。 [フルページ] オプションを削除することはできません。 Picasa では次のショートカットを使用すると効率的です。 Ctrl+A: フォルダやアルバムの画像をすべて選択 Ctrl+D: 画像の選択を解除 Home: フォルダやアルバムの最初の画像を選択 End: フォルダやアルバムの最後の画像を選択 Ctrl+H: 選択した画像をフォトトレイに保留 Ctrl+N: 新規アルバムを作成 F1: Picasa ヘルプセンターを表示 Picasa では次のショートカットを使用すると効率的です。 Command+A: フ

  • Picnik - 写真を簡単に、ブラウザからオンラインで編集

    The Picnik is over As announced earlier, Picnik closed on April 19, 2013. We're fortunate and proud to have worked on Picnik. What now? To keep your photo editing mojo rolling, check out Google Photos Editor. Why? Since joining Google in 2010, the Picnik team has been working on Picnik while helping to create photo editing magic in Google's products. But now we get to focus. What about my photos s

  • 11月25日の誕生花「セントポーリア」:366日・誕生花の辞典:誕生日の花言葉の図鑑

    毎日の誕生花に、花言葉を添えて花のうんちくとともに紹介する図鑑サイト 誕生花TOP > 11月の誕生花, 花の名前:さ行 > 11月25日の誕生花「セントポーリア」 花言葉は「小さな愛」 11月25日の誕生花・セントポーリアのご紹介です。 別名「アフリカスミレ」。 スミレの花に感じが似ていますが、別の科目です。 1892年に、アフリカで原種が発見されました。 室内でも良く育つ鉢花として、高い人気を誇ります。 イワタバコ科。多年草。 原産地は、東アフリア・タンザニア北部やケニア南部。 草丈は、5~15センチ。 花は、3センチほどの大きさです。 地面をはうように茎をのばす「トレイル型」と、茎が短く、放射状に葉をつける「ロゼット型」があります。 花色は、青、紫、赤、ピンク、白、ぼかしや複色など多様。 品種改良によって、多様な種類と花色が作り出されています・・・がっ! 「黄色の花」だけは、いまだに

  • 光を表現するPhotoshopのブラシ416個*ホームページを作る人のネタ帳

    Photoshop光のブラシ web制作を進める上で、光を直接使うのではなく、なにかの背景に潜らせたり、メニューなどの後ろにうっすらと構えているラインとしてよく使われるのが、光のラインシリーズだ。 こうしたブラシは非常に人気が高く、私も良くブクマしているのですが、いかんせん、画像が無いとなんとも情報として使えない。 そこで今回はリンクとイメージを直結してただの羅列エントリとして仕上る事にしました。 あとブラシの設定方法がわからないという人がいたら記事の下のほうを参考にしてみてください。 1(+11) 2(+7) 3(+10) 4(+12) 5(+3) 6(+8) 7(+12) 8(+4) 9(+7) 10(+20) 11(+4) 12(+24) 13(+22) 14(+8) 15(+8) 16(+9) 17(+18) 18(+6) 19(+6) 20(+8) 21(+6) 22(+8) 2

    光を表現するPhotoshopのブラシ416個*ホームページを作る人のネタ帳
  • DEZIMO.COM: fireworksで人物の切り抜き方法

    デザインを行っていると画像の切り抜きという作業が必ず必要となることがあります。 その中でも人物の切り抜きは髪の毛を含むので普通にパスを使って切り抜いていたら非常に手間がかかってしまいます。 Photoshopを使っている場合こんな方法でできるというのは割と有名なのですが、人物の切り抜きだけのためにPhotshopにツールを変えるというのも癪なので、fireworksで試行錯誤の上、これが一番楽だろうという方法を見つけましたので紹介します。 ※環境はfireworksCS3を想定しています。 1、切り抜く画像を開く まず切り抜く画像をそのままfireworksで開きます。今回は髪の長い女性の画像を選んでみました。髪の先端が細くて切り抜くのが難しそう 2、髪の毛以外の部分のふちをペンツールで選択 ひとまず体などのふち(外側)をペンツールで選択します。髪の毛は適当に余白をとって選択しておきます。

  • monojin.com - このウェブサイトは販売用です! - monojin リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

  • Firefoxの画像ぶっこぬき最強アドオンは「VDHelper」でキマリ :教えて君.net

    最近は2ちゃんねる画像スレのまとめブログや、フィギュアなどの写真を掲載するギャラリー系サイトなどが増えてきている。IEの場合は専用のダウンローダで画像を落とすのが一般的だが、ブラウザと別にツールを起動して画像収集を行うのはかったるい。 Firefoxなら、アドオンを使って快適に画像を一括ゲットできるぞ。画像収集の基は「VideoDownloadHelper」だ。ツール名には「Video」とあるが、実は画像ダウンロード能力の高さが最大の長所。縮小版のサムネイル画像からフルサイズ画像にリンクが張られている形式のページでも、フルサイズ画像のをまとめて落とすことができるのだ。また、サイトによっては画像へのリンクが直接張られておらず、右クリックメニューや通常のダウンローダでは画像を落としにくいケースもある。「RedirectRemover」を入れておけばリンクが書き換えられて、フルサイズ画像が直接

  • とっておきのネコの画像ください 1/4 - 〓 ねこメモ 〓

    ※相互RSSを大募集中です。詳しくはコチラをご覧ください。  Powered By 画RSS ・・・相互RSS | ・・・お気に入りRSS

  • | ^^ |秒刊SUNDAY|猫フォルダ直行確定じゃね?癒し系猫画像集

    毎日の仕事のストレスはどのように、開放しているのでしょうか、私はこのようなの画像やらをみて ニヤニヤしながら、明日も仕事があるんだろうなと、思いに老けるのが毎日の日課です。 寝転ぶ2匹の ストリートキャット? とライオンは、人間とチンパンジーぐらい違うのかな どうやって登ったのか想像するだけで面白い どこへいくのだろうか ねこ会議か? 眠くても遊んでくれるに敬意。 レッサーパンダの真似か? にも悩みはあるんです そんな目でみつめないでくれよ このイチがお気に入りのようです 窓の外には、お友達か?それとも恋人? この質の目線の先には ネズミかなにか? やっぱりロシアンブルーが一番かわいいですねー ぐぐっ・・・もうだめだにゃ・・ ってこれ当にこんなことがあるの? ということで続きはこちらから。 ■Cute Cats Pictures | Cat Pictures & Videos

  • au one net インターネットガイド

    マウスを乗せると画像が切り替わるという効果は、Javascriptを使って実現する手法が知られていますが、スタイルシートだけを使って同様の効果を実現することも可能です。スタイルシートを使えば、HTMLJavascriptを長々と記述する必要がなくなり、HTMLソースがとてもすっきりするのでオススメです。 メニュー1 メニュー2 メニュー3 ※オンマウスで画像が切り替わります。Javascriptは使っていません。 ■スタイルシートによるマウスオーバーのしくみ スタイルシートだけでマウスオーバーするには、hover疑似クラスを利用します。 hoverはマウスが上にのったときのスタイルを指定するときに使うもので、 a:link {color:#0000ff;} a:hover {color:#ff0000;} のように記述すると、リンクにマウスを乗せたときに文字の色を変化させることがで

  • Islamic spells for love inter caste inter religion marriage

    Upload your creations for people to see, favourite, and share.

    Islamic spells for love inter caste inter religion marriage
  • [CSS]画像1枚でメニューボタンを作る

    tinyMCEや大手サイトなどでよく使われてる、メニューボタンの画像を1枚にまとめてしまう手法。 ボックスなどにも応用出来るので覚えとくと便利じゃないかなと思います。 完成すると上のようなメニューになるとする。 この場合、a:linkとa:hoverを1枚にまとめて作成します。 横メニューなら上下、縦メニューなら左右に並べて作る。 HTMLは次のようなソースになる。 <ul id="navigation"> <li><a href="#" title="トピックス" class="topics">トピックス</a></li> <li><a href="#" title="経営方針" class="policy">経営方針</a></li> <li><a href="#" title="会社概要" class="outline">会社概要</a></li> <li><a href="#" t

    [CSS]画像1枚でメニューボタンを作る
  • サムネイルをクリックで記事に飛ぶようにする - 全ての道は任天堂へ通ず - Lylat.com

    mt.Vicunaを使用している場合のカスタマイズです。トップページのサイドバーとか記事の詳細ページの下に、PHOTO項目が加わりました。 PHOTO項目はVicunaテンプレートに元々入っていますが、サムネイルをクリックすると、元のサイズの画像を表示するだけです。折角なら記事へリンクさせた方が良いなぁと思って実行。 MovableTypeの独自タグとは縁遠い初心者視点からすれば、単純にサムネイルのリンク先を「画像のアドレス」から「記事のアドレス」に書き換えるだけだと思ってたんだ・・・大間違いだった!! 何かの役に立つかもしれないので、参考程度にソース書いておきます・・・焼きそばがべたくなってきた。 mt.Vicuna(ver2.13)テンプレートを使用しているMT4.1の環境で説明します。 デザイン→テンプレート→メインページ→(インクルードモジュール内の)ユーティリティー→u_フォト

    サムネイルをクリックで記事に飛ぶようにする - 全ての道は任天堂へ通ず - Lylat.com