冷たい太陽、明るい闇、熱い氷。矛盾に葛藤、そんな人生。
roadtoalinuxmintuser

theming

roundup
Google Chrome : ブラウザ起動時のスタートページをデザインする 00:25

前置き


ブラウザで新しいタブを開くとスピードダイアルや、よくアクセスするページ、スタートページが表示されると思います。このスタートページ、あるいはタブを新規に開いたときに表示されるページを自分で作成したいと思いませんか。

Reddit.com では活発にこのスタートページを作成したものを共有しあっています。一から作るのは素人には難しいです。そこで、今回はこの中から実用的なものを取り上げ、このような世界もあるんだということをシェアしたいと思います。

ところで、タブを開いたときに指定した index.html を開けるようにする拡張機能が有ります:
New Tab Redirect - Chrome ウェブストア
場合によってはこちらも併用してみて下さい。

ライブラリ


Minimum viable setup



サイトの URL を追加したり、変更したりするためには、script.js を編集する必要が有ります。デフォルトでショートカットキーにも対応してますが、English/latin レイアウトのキーボーでじゃないとうまく動作しないようで、日本語レイアウトのキーボードを使用している場合はデフォルトではショートカットキーは使えません。

最低限、NAME とサイト名と url は変更しておきましょう:


startpage



ウィンドウのサイズによってレイアウトが変わるレスポンシブが特徴的なシンプルなスタートページです。解凍したら ui-master/cfg/.local/share/startpage/index.html が本体です。サイト名、url、ファビコンを変更する他、検索バーはデフォルトでは DuckDuckGo になっており、例えば Google に変更したい場合は form タグの action 属性を
https://www.google.co.jp/search
などに変更します。

KawaiiStart V2



index.html が本体です。こちらは単に検索バーと背景がアニメなだけかと思いますが、下にはリンクが有り、そこから飛ぶページを選択できます:


背景もランダムで変わる仕様なので、画像が色々変わるように盛り込めれば楽しめるでしょう。画像を追加したい場合は js フォルダー内の theme.js を編集します。画像の数だけ getRandomIntInclusive の引数を調節し、画像の数だけ colors の配列も増やし、images フォルダー内に「Wallpaper + 数字 + .jpg」の書式で背景としたい画像を保存します:


ライブバージョンも有るので軽く試せます:
KawaiiStart

Monotone Tab




極めてシンプルにこだわったスタートページです。一般的なスピードダイアルのようにカードタイプのレイアウトなのでクリックしやすいです。無印良品のようなシンプルの中にあるかっこよさを感じます。

こちらは拡張機能として公開されています。
Chrome: Monotone Tab - Chrome ウェブストア
Firefox: Monotone Tab – 🦊 Firefox (ja) 向け拡張機能を入手

Startpage for web browser using only HTML, CSS & JS.



こちらもスピードダイアル風なスタートページですが、天気やヘッドラインをきちんと表示させたい場合は API キーを取得する必要が有りやや面倒です。

ライブバージョンもあるので気軽に試せます:
https://infinity-start.surge.sh/

Homepage_1


アコーディオンメニューがクールで、スタイリッシュなスタートページです。使用する場合は Homepege_1 というファイルに .html と拡張子をつけることと、中の zip を展開した後、Homepage_1.html と同じディレクトリに画像を移す操作が必要です:


Minimal Linux Terminal Style Start Page




Linux の端末を操作しているかのようなデザインです。検索はデフォルトで Qwant を使っているので、index.html を開いて、
https://www.qwant.com/?q=
から
https://google.co.jp/search?q=
に変えると良いでしょう。

Start Page BIOS



BIOS ライクなスタートページです。ビルドとインストールの作業を必要としますが、デモ版を流用すればいいと思うので、今までと同様に /demo の中の index.html や bundle.js を編集してカスタマイズします。リンクを変更したい場合は bundle.js を編集します。

カーソルで操作できるのがグッドポイントです。

締め


今まで、デスクトップ環境、アイコン、端末、Grub メニュー、ブラウザ自体のテーマを扱ってきましたが、テーマはそれだけにとどまらず、スタートページにも適用できます。コレを機に自分好みのスタートページを探し出し、カスタマイズしてはどうでしょうか:

Startpage Emporium からも探せます:
<< NEW | TOP | OLD>>
スポンサーサイト 00:25
| - |

Show some apps list:


miku

Follow on your feed reader:


About this blog:

Linux Mint-centric chronicle with anime girls since 2009.Best View with Google Chrome 1980x1080 dimension.
Info 更新は不定期です。

script

LinuxMint ISO 日本ミラーサーバー:




Amazon: