3
他社様のホームページを検索してみると、トップページ以外の各ページが下段に表示されます。
そのような項目はサイトリンクと呼ばれています。
同じ様に表示させるには、どの様なタグを組み込めば良いのでしょうか。
サイトリンクを表示するかどうかは Google が判断し自動的に表示するため、サイト作成者が表示の有無を制御することは出来ません。
サイトリンク[1]
サイトリンクは、ユーザーの役に立つと Google が判断した場合のみ、検索結果に表示されます。サイトの構造が原因で Google のアルゴリズムが適切なサイトリンクを見つけることができない場合や、サイトリンクとユーザーのクエリとに関連性がないと思われる場合、サイトリンクは表示されません。
参考:
サイトリンク - Search Console ...
2
まえおき
デザイン・コーディングしてて思うのが、pxで指定するとよくレイアウト崩れや、ウインドウサイズを変えたときに縦横比を保ったまま伸縮されなくて困ったりします。
困るのであれば、pxは指定しないで、別のものを使う方がよいでしょう。
pxの使用どころはどういったタイミングなのでしょうか?
固定しても困らないとき、つまり意図的に固定させたいときに使います。
使いたい場面
多くの場面で使いたい場面が考えられますが、例えば
ボタンのサイズ や 聖杯レイアウトの左右のカラム幅 そして パディング等が考えられます。
またコレ以上でかくなっては大きすぎるみたいなときに最大値として設定することもできます。(本回答ではこのあたりは回答を省きますので max-width や min-width ...
1
結論
まずは結論から。greensock社が作成したアニメーションライブラリtweenmaxを利用しているようです。
調べ方
ざっくり調べ方ですが、Google Chromeのデベロッパーツールを開きNetworkタブをまず確認します。ブラウザ上でインタラクティブに動くものはほとんどの場合はJavaScriptで書かれているので、JavaScriptのファイルを確認しに行きます。
このとき、キャッシュを削除した上でファイルサイズソートを行います。
往々にして何かしらのライブラリを利用してるはずなので、ファイルサイズが大きいものがライブラリと想像できます(もしくは名前から)。
それっぽいファイルを直接見に行き、Licenseなどの文字列で検索をかけます。...
1
1点目:
JavaScriptのコメントは <!-- コメント --> ではなく /* コメント */です。
なお、Thymeleafでは、実行時にコメントを除去したい場合にはは/*[- コメント -]*/形式が利用できます。
13.4 テキスト形式のパーサーレベルコメントブロック:コードの削除
2点目:
[[${createBean}]]がJavaScript的に妥当ではないためエラーになっています。
これは、ナチュラルテンプレートという仕組みで対応できます。
12.3 JavaScriptインライン処理 > JavaScriptナチュラルテンプレート
まとめると、例えば次のような形で記述すればエラーは解消できます。
<script th:inline="...
1
以下のやり方でできました。
▼HTML
<section class="testimonials">
<div class="flex-container">
<ul>
<li><img src="img/blog/1.jpg" alt=""></li>
<li><img src="img/blog/1.jpg" alt=""></li>
...
1
自己レスですが解決しました。
他に困っている方もいるみたいなのでここに記します。
まずtailwind.config.jsに下記を追記してコンパイルします。
module.exports = {
~~
variants: {
extend: {
backgroundColor: ['checkedLabel'],
textColor: ['checkedLabel'],
}
},
plugins: [
function({ addVariant, e }) {
addVariant('checkedLabel', ({ modifySelectors, ...
1
menewさんにご返答いただき解消できました。
どうやら下線のように思えていたものは、背景色がはみ出しているようでした。
以下のように修正すれば解決できました。
a:hover {
background-color: transparent;
}
▼application.html.erb
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin'...
上位に投票された、最小文字数のコミュニティ wiki 以外の回答のみが対象となります
関連するタグ
html × 874javascript × 373
css × 291
jquery × 108
php × 88
html5 × 64
monaca × 29
python × 25
ruby-on-rails × 19
java × 17
ios × 16
json × 14
ajax × 14
python3 × 13
bootstrap × 13
wordpress × 12
http × 12
ruby × 11
google-chrome × 11
internet-explorer × 11
mysql × 10
django × 10
safari × 10
onsen-ui × 9
angularjs × 9