文字下げを考慮したリストマークはflexと疑似要素で作るのが良いと思う | q-Az

2017/10/29 30 users Flex q-Az CSS ul class 疑似要素

CSS の li 要素にあるリストマークプロパティは現状使いにくいのですが、リストマーク的なものを疑似要素とflexを使って作る方法です。 text-indent を駆使して昔はやってましたが使わずとも文字下げ可能です。 flexと疑似要素を用いたリストマークのサンプル まずはサンプルです サンプル1 テスト文章 テスト文章 テスト文章 テスト文章 HTML <ul class="markList... 続きを読む

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

2012/03/06 22 users allWebクリエイター塾 画像置換 9999px CSS

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

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

2012/03/05 18 users allWebクリエイター塾 画像置換 9999px CSS

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

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

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

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

text-indentを使った画像置き換えはスパム判定の危険あり、“@font-face”の使用をGoogleは推奨 at SMX West 2011 | 海外SEO情報ブログ

2011/03/15 132 users font-face 明言 エントリ CSS セッション

今日のエントリもSMX West 2011のセッションからのレポートです。text-indentによる画像置き換えの代替手段をGoogleが提示してくれました。CSSのtext-indentで-999pxを指定し、文字テキストと画像を置き換えるテクニックは昔からあるごくありふれたテクニックです。ところがGoogleは、現在この方法を推奨していません。 推奨していないというよりも使うべきでないと明言... 続きを読む

リンクをクリックしたときに横に伸びる点線を消す方法（Firefox） - IDEA*IDEA ～ 百式管理人のライフハックブログ ～

2009/01/25 434 users IDEA 点線 Firefox スルー HTML

もうそんなの常識じゃん！という人はスルーの方向でお願いします・・・自分メモです。 さて、Firefoxでリンクをクリックするとたまに変な点線ができますよね。 ↑ こういうやつ。かっこ悪い。 これ、SEO的に良さそうだからという理由でよく使われている手法です。いわゆるHTMLにテキストいれつつ、スタイルシートで背景に画像を配置し、テキストを横にすっ飛ばすというやり方（text-indent:-999... 続きを読む

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

2007/03/07 406 users None display CSS 画像置換 Webデザイナー

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