タグ「画像置換」 - はてブログ

タグ画像置換

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 11 / 11件)

CSSスプライトについてあれこれ。

2012/08/24 1022 users CSSスプライト HTML 手順制作手順 web

「CSS Sprites（CSSスプライト）」って、どの方法が一番ベストなの？いまいち不確かだったので、個人的にまとめ直してみることにしました。2012.8.22. Wed CSS, CSSスプライト, HTML, Web, ボタン, 手順, 画像置換「CSS Sprites（CSSスプライト）」についてまとめます。すでにいろんなサイトで紹介されてるので、検索すれば制作手順から何から何までた... 続きを読む

[CSS]画像置換「-9999px」のパフォーマンスを改善した新しいテクニック | コリス

2012/04/16 970 users コリス見出し HTML 見出し要素テクニック

テキストで実装した見出しなどを画像に置換するテクニックで「-9999px」が有名ですが、そのパフォーマンスを改善するテクニックを紹介します。画像置換：-9999px 改善したテクニック画像置換：-9999px -9999pxを使った画像置換のテクニックは、下記のようになります。 HTMLは見出し要素で実装します。 HTML <h3 id="sample06">見出しのテキスト</h3> 「te... 続きを読む

CSSで「text-indent:-9999px;」や「display:none;」の画像置換は使ってはいけない - webデザイナーのナナメガキ

2007/03/07 406 users None text-indent display CSS

▽ 閲覧者様へご迷惑をおかけしております。サーバーを管理している Just-size.networks です。現在、都合により閲覧が制限されております。大変申し訳ございませんが、しばらく経ってからまたお越し下さい。 ▽ 管理者様へアカウントがロックされております。お問い合わせ窓口よりご連絡下さい。続きを読む

[CSS]ウェブ制作に役立つ、スタイルシートの有用なスニペットのまとめ | コリス

2012/11/01 355 users コリスショートハンド CSS スニペット clearfix

よく使うclearfixから、見出しの画像置換や見た目非表示の新しいスニペット、レスポンシブによく利用されるスニペットなど、スタイルシートのよく使用する有用なスニペットを紹介します。 A Collection of Handy CSS Snippets 下記は各ポイントを意訳したものです。ショートハンドのclass デザイン関連のスニペット開発関連のスニペット印刷・Retina・検証用のスニ... 続きを読む

一番簡単な画像置換の方法-imageReplace.js--とあるWEBクリエイターのblog

2007/02/21 157 users Webクリエイター Blog レンタルサーバー方法コチラ

一番簡単な画像置換の方法-imageReplace.js- 【PR】初心者でも安心なレンタルサーバー。２６３円から使えます。【PR】HP登録でSEO対策！アクセスアップにコチラ！画像置換は設置がややこしく。デメリット・メリットの切り分けが困難です。そんなわけで一番簡単な画像置換の方法として、画像置換javascriptライブラリ-imageReplace.js-を作ってみました。設定は簡... 続きを読む

画像置換のあれへの補足 – terkel.jp

2012/04/17 112 users terkel height width CSS 補足

先月あたり、CSS による画像置換テクニックの話題がにわかに盛り上がりを見せていました。その経緯についてまとりさんの記事で紹介されていますが、僕からも簡単に補足してみます。まず、よく知られた画像置換のテクニックとしていわゆるファーク式 (Phark method) がありました: /* Phark method */ .ir { height: 100px; width: 400px; ba... 続きを読む

画像置換と SEO スパムの境界線

2007/06/14 99 users 境界線

Googleのウェブマスター向けガイドラインがつい先日更新されました。SEOと検索エンジンスパム行為に関して、いろいろと情報が追加されたので一度目を通しておくと良いと思います。更新された主な項目としては下記。隠しテキスト、隠しリンクの禁止クローキングや悪質なリダイレクトの禁止 Googleへの自動送信クエリの禁止ページに無関係なキーワードの詰め込み禁止同一ドメイン、サブドメイン内での複数コ... 続きを読む

CSS3を使った新しい画像置換の方法 : Web Design KOJIKA17

2011/03/28 39 users CSS3 Web Design KOJIKA17 方法推奨

ソースコードはテキストで、見た目は画像に変える画像置換について、CSSでよく使われる方法はtext-indent:-999pxが有名だと思いますが、新しく考えたのでメモ。現状の画像置換について2009年の時点でGoogleはこの方法を推奨していません。最近であれば、@font-faceの使用をGoogleは推奨という記事があります。しかし日本では@font-faceの使用は難しいのが現状です。日... 続きを読む

allWebクリエイター塾　ブログ: 画像置換に -9999px はつかわない

2012/03/06 22 users allWebクリエイター塾 text-indent CSS

2012年3月3日土曜日画像置換に -9999px はつかわない画像置換という言葉を知っているでしょうか？テキストを「text-indent:-9999px」と指定して、画面の外に飛ばしてしまい背景画像をその代わりに表示する技術です。画像置換の歴史画像置換は長いこと使われているCSSのテクニックに１つでしょう。では、このテクニック自体はどのようにして、生まれてきたのでしょうか？意外にも、... 続きを読む

allWebクリエイター塾　ブログ: 画像置換に -9999px はつかわない

2012/03/05 18 users allWebクリエイター塾 text-indent CSS

画像置換のあれ - {u:b}

2012/04/17 12 users

元記事 http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ 紹介記事 http://coliss.com/articles/build-websites/operation/css/css-hack-new-image-eplacement-by-zeldman.html 元記事の最後... 続きを読む

(1 - 11 / 11件)