はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ h1要素

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 8 / 8件)
 

Googleの検索順位にまったく影響しない10の事柄(少なくとも直接は) | Moz - SEOとインバウンドマーケティングの実践情報 | Web担当者Forum

2017/11/12 このエントリーをはてなブックマークに追加 126 users Instapaper Pocket Tweet Facebook Share Evernote Clip moz 共用ホスティングサービス 事柄 見出し SEO

Web担トップ » Moz - SEOとインバウンドマーケティングの実践情報 » Googleの検索順位にまったく影響しない10の事柄(少なくとも直接は) Moz - SEOとインバウンドマーケティングの実践情報 Googleの検索順位にまったく影響しない10の事柄(少なくとも直接は) サイト公開からの期間、見出しのh1要素やh2要素、直帰率、共用ホスティングサービスを使っているかどうか――そんな... 続きを読む

h1要素は複数回使って良いのか!? HTML5.1に関するW3GとWHATWGの主張の違い - Togetterまとめ

2016/12/13 このエントリーをはてなブックマークに追加 388 users Instapaper Pocket Tweet Facebook Share Evernote Clip WHATWG XHTML 宗派 Togetterまとめ 主張

h1要素が同じHTML内に複数もあるのはどうなの的な宗派(XHTMLの流れをくむセマンティックス派)でいたわけですが、HTML5.1が明確に否定してくれました。信じるモノは救われる的なものですかね 続きを読む

[CSS]コピペでOK、text-shadowを使ってテキストにさまざまなスタイルを与える全23種類のスタイルシートのまとめ | コリス

2013/08/25 このエントリーをはてなブックマークに追加 386 users Instapaper Pocket Tweet Facebook Share Evernote Clip text-shadow コリス BAS CSS コピペ

画像は無し、数行のスタイルシートを加えるだけでテキストにさまざまなスタイルを与えるデモを紹介します。 Text Shadow Compilation デモは全部で23種類、かっこいいスタイルをはじめ、使い方が限定されたアレなものまで、さまざまなスタイルがあります。 基本のHTML HTMLの基本はclassを付与したh1要素のみです。 classを変更して、利用してください。 [html] Bas... 続きを読む

[CSS]h1一つだけでこんなにかわいいレトロ風リボンが実装できるスタイルシート | コリス

2013/01/23 このエントリーをはてなブックマークに追加 184 users Instapaper Pocket Tweet Facebook Share Evernote Clip span コリス div要素 見出し CSS

このレトロ風の凝ったデザインのリボン、HTMLはh1要素だけで実装されています。 余分なspan, div要素もなく、もちろん画像は一切使用されていません。 Single Element Pure CSS3 Double Fold Ribbon CSSはそれなりのボリュームになりますが、スタイルシートだけでデザインする見出しのバリエーションとしてストックしておきたいですね。 HTML HTMLは非... 続きを読む

[CSS]タイプライターのように一文字ずつアニメーションで表示するスタイルシート | コリス

2012/02/26 このエントリーをはてなブックマークに追加 98 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス steps CSS アニメーション タイプライター

JavaScriptは使用しないで、CSS3アニメーションでタイプライターのように一文字ずつ表示するスタイルシートを紹介します。 デモページ 実装 両デモの実装方法を紹介します。 HTML HTMLは共通で、h1要素でテキストを実装するだけです。 <h1>Typing animation by Lea Verou.</h1> CSS:モダンブラウザ対応版 CSS3のsteps()を使用して一文字ず... 続きを読む

[CSS]HTMLは汚さずに、ディテールにこだわったリボンをつくるチュートリアル | コリス

2011/08/24 このエントリーをはてなブックマークに追加 92 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ribbon effect チュートリアル CSS

HTMLはclassを一つ追加するだけで、リボンを折り返したスタイルを適用するチュートリアルを紹介します。 リボンの実装 HTML HTMLは非常にシンプルです。 h1要素にclassを付与するだけです。 <h1 class="ribbon">Swish CSS3 folded ribbon effect.</h1> Webフォントの設定 フォントも美しく表示されるように、Webフォントを利用しま... 続きを読む

要素にヒント表示したい際に使えそうなポップアップ実装jQueryプラグイン「grumble.js」:phpspot開発日誌

2011/07/26 このエントリーをはてなブックマークに追加 54 users Instapaper Pocket Tweet Facebook Share Evernote Clip phpspot開発日誌 要素 ヒント表示 バブル となり

要素にヒント表示したい際に使えそうなポップアップ実装jQueryプラグイン「grumble.js」 2011年07月26日- Grumble.js 要素にヒント表示したい際に使えそうなポップアップ実装jQueryプラグイン「grumble.js」 $('h1').grumble(options) と唱えると、h1要素のとなりに次のようなバブルを表示させることが出来ます。 要素指定なので簡単です。o... 続きを読む

[JS]親要素のサイズに合わせてフォントサイズをフィットさせるスクリプト -FitText | コリス

2011/05/15 このエントリーをはてなブックマークに追加 56 users Instapaper Pocket Tweet Facebook Share Evernote Clip FitText コリス フォントサイズ width スクリプト

デモでは、width=100%で実装された「FitText」とその下のダウンロードに適用されており、それぞれ親要素のサイズが変更されると共に、フォントサイズが変更されます。 サイズを変更したキャプチャ h1要素のwidthを「100%」にしているため、ブラウザのサイズを変更するとフォントのサイズも追従します。 FitTextの実装 下記は、デモ(h1要素とダウンロード)での実装例です。 HTML ... 続きを読む

 
(1 - 8 / 8件)