回答編集履歴
1
追記
answer
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
|
+
> スクリーンのサイズに関わらず検索窓の位置を固定
|
|
1
|
-
|
|
2
|
+
> 検索窓はロゴ（トグル）に次いで左寄せにする
|
|
2
3
|
|
|
4
|
+
今でもできてませんか？
|
|
5
|
+
「固定」だけでいうとposition:fixedかと思いましたが、単にそこに置いておくということですね。
|
|
3
|
-
|
|
6
|
+
ただ、位置は固定でもbreakpointで伸び縮みはしてますね。
|
|
7
|
+
そのあたりはレスポンシブなのでBootStrapで対応可能かと（たぶんform関係）
|
|
4
8
|
|
|
9
|
+
> 検索窓の中に文字（検索など）または虫眼鏡記号を入れる
|
|
10
|
+
|
|
5
|
-
[placeholder](http://www.htmq.com/html5/input_placeholder.shtml)のことでしょうか。
|
|
11
|
+
[placeholder](http://www.htmq.com/html5/input_placeholder.shtml)のことでしょうか。
|
|
12
|
+
虫眼鏡については提示サイトではSVGで対応されているようですが、フォントアイコンでも対応可能です。
|
|
13
|
+
FontAwesomeとかMaterial Iconsとかが有名でしょうか。
|
|
14
|
+
|
|
15
|
+
「このサイトのここ、どう作ってるんだろう」を見たいときはブラウザの開発ツールを利用すると良いです。
|
|
16
|
+
- [競合サイトのCSSとJavaScriptを丸裸にする方法](https://ascii.jp/elem/000/000/999/999122/)
|