Android の Chrome でツールバーのテーマカラーを変更する方法 - by Takumi Hirashima
Android の Chrome でツールバーのテーマカラーを変更する方法を紹介します。 例えば、Android 端末でサイトを見た時の、デザインのアクセントに使えるかもしれません。 Chrome のツールバーのカラーを変更する方法 Chrome のツールバーのカラーを変更するにはメタタグ theme-color を使用します。 例えば、ツールバーのカラーを黒（#000000）に変更したい時は、次のコードを head タグ内に追加します。 <meta name="theme-color" content="#000000"> カラーを変更する時は content 部分にカラーを指定します。 この方法は Lollipop 上の Chrome for Android バージョン39以降で有効です。 まとめ Android の Chrome でツールバーのテーマカラーを変更する方法を紹介しました
Windows 10のスタートメニューをWindows 7のように変えられる「Start10」
WindowsのスタートメニューはOSが変わるたびに少しずつ変更が加えられていますが、時には「この部分は前のままにしておいて欲しかった……」と感じる部分も出てきます。そんなカスタマイズ欲に応えたのか、スタートボタンがなくなってしまったWindows 8でボタンを復活させるソフトウェア「Start8」を作ったStardockが、今度はWindows 10のスタートメニューを変更できるソフトウェア「Start10」をリリースしました。 Start10, the first Windows 10 Start menu alternative! http://www.stardock.com/products/start10/ Start10は4.99ドル(約620円)の有料ソフトですが、30日間のトライアル版があるので、どの程度のことができるのか自分で試すことができます。上記URLの「Get i
Chromeの右上にあるボタンを消す方法＆タイル形式のブックマークを無効化する方法
「Google Chrome」のバージョンはすでに42になっており、さまざまなアップデートや変更が行われていますが、バージョンアップされたものの中には、バージョンアップ前のものを引き続き使用したいと思うものもあります。その中で「Chromeの右上に置かれたアバターメニュー」や「タイル形式のブックマーク」はアップデート前のものに戻すことが可能となっています。 Chrome ブラウザ https://www.google.com/chrome/ ◆ブラウザ右上にあるアバターメニューを消す方法 Chromeの右上にある1番左側のボタンは「アバターメニュー」と呼ばれるもので、Chromeへのログイン・ユーザの切り替え・シークレットモードへの変更ができるものです。 人によっては最小化ボタンをクリックしようと思ってアバターメニューを間違ってクリックしてしまったり、Chromeに全然ログインしなかったり
Excel2007以降のメニューを旧式に変更する方法
Excel2007以降のメニューを旧式に変更する方法を紹介します。 Excel2010のメニューを旧式に変更したところ １．はじめに Excelは2007以降（Excel2010/Excel013）、メニュー体系が大幅に変更されました。 2007以降ではタブメニューがこのように並んでいます。 タブをクリックすると、リボンと呼ばれる、ボタン・ギャラリー・ダイアログボックスなどのコンテンツが表示されます。 が、2003以前のExcelを使い慣れている方には、リボンは大きな障壁です。 ということで、2007以前の旧式メニューに変更する方法を紹介します。 ２．アドイン「Office 2007-2013 オールドスタイルメニュー」のインストール メニューを旧式に変更するには、「Office 2007-2013 オールドスタイルメニュー」というアドインを利用します。 Office 2007-2013
Firefox29でリロードボタン・停止ボタンの位置を移動させる方法
Firefox29でリロードボタン・停止ボタンの位置を移動させる方法を紹介します。 １．はじめに Firefox29になってレイアウトが変わりました。 それによりカスタマイズできる内容も変更されたようです。 Firefox29のリロードボタンは、アドレスバーの右側に表示されています（停止ボタンはリロード中に同じ位置に表示）。 Firefox29のリロードボタン Firefox28のリロードボタンもアドレスバーの右側に表示されています。 Firefox28のリロードボタン が、Firefox28までは「ツールバー」→「カスタマイズ」でリロードボタンを移動することができました。 Firefox28：「ツールバー」→「カスタマイズ」でボタンの移動が可能な状態 Firefox28：リロードボタン・停止ボタンを移動したところ が、Firefox29以前ではカスタマイズ画面を表示しても、リロード・停止
jQuery ---- タブ(画像置換タイプ) - Qiita
jQueryを使ってタブを作ってみます。 このサンプルは自分で使うことを想定してるので作りが少々自分設定になってるますが、サンプル事態はきちんと動きました。 完成品イメージ↓ tab001に完成品をアップしておいたので動きはこっちで見てください。 ファイル構成 index.htmlHTMLのタグのみで、JavaScriptやCSSは外部ファイルで読み込みです。 selector.jsタブをクリックしたときの動きを扱う用のJavaScriptです。 selector.css今回のタブ用のCSSです。 コード <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://ww
クライアントに納品するWordPressの管理画面カスタマイズ vol.1
こんにちは。gqevu6bsiz です。 このページでは、クライアントにwordpressをCMSとして納品する際に、管理画面をカスタマイズして納品したい人で、あまりfunctions.phpに色々と書きたくない人や、何かを非表示にする際にしょっちゅうgoogleで検索してコピペするのが面倒な人向けに、gqevu6bsiz が作成したプラグインを利用して、おすすめのカスタマイズ法を紹介します。 Ｗｅｂの知識があまり無いクライアント様向けに、余計なものを触れないようにカスタマイズしたいWeb制作者を想定しています。 クライアントに納品するwordpressの管理画面カスタマイズ vol.1 クライアントに納品するwordpressの管理画面カスタマイズ vol.2 クライアントに納品するwordpressの管理画面カスタマイズ vol.3 クライアントに納品するwordpressの管理画面カ
[JS]余分なHTMLは加えずに、セマンティックに実装するスマートフォン用のナビゲーション
デスクトップ時はアイテムが水平に並び、スマートフォン時は省スペースのドロップダウン型に変わるナビゲーションを実装するチュートリアルを紹介します。 デモページ：幅480pxで表示 実装 HTML HTMLは非常にシンプルで、リスト要素を使いnav要素で内包するだけです。 <nav id="nav-wrap"> <ul id="nav"> <li><a href="#">Button</a></li> <li><a href="#">Button</a></li> </ul> </nav> JavaScript スクリプトではスマートフォン用にdiv要素で「Menu」を加え、それがクリックされるとアニメーションでスライドします。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7
jQueryでグローバルメニュー内のリストから「現在のページ」のURLを持ったリストにclassを加える
グローバルメニュー内のリストの中で 現在のページの部分にclassを与える事 で今いるページだけをスタイリングする 事が出来ます。静的なサイトなら手作業 で済みますが、CMSとかASPになると、その 中のルールに依存するので少し厄介です。 某所で悩んでる人を見かけたので書いてみます。本当はさほどネタがないんですが。 実装 「現在のページ」のリンクだけclassが加わっていますので赤い文字にスタイリングする事が出来ました。 コードvar url = window.location; $('.menu a[href="'+url+'"]').addClass('current');jQueryはこれだけです。別にjQueryじゃなくてもよくね？ってコードですが。 現在のページのURLを取得して属性フィルタで判別してcurrentっていうclassを与えます。これで「現在閲覧中のページ」のリンク
[CSS]ビューポートのサイズに合わせてナビゲーションの形状を変更するテクニック
ビューポートのサイズに合わせてスタイルシートを適用するMediaQueriesを利用して、ナビゲーションの形状を変更するテクニックを紹介します。 デモページ：スクリーンサイズが960pxより小さい時の表示 以下は各ポイントを意訳したものです。 実装 これら2つのナビゲーションを実装するには、ul要素とselect要素の2つが必要です。 HTML：Step 1 まずは、nav要素内にul要素とselect要素の2つを記述します。 ※最終形は、異なります。 <nav> <ul> <li><a href="/" class="active">Home</a></li> <li><a href="/collections/all">Books</a></li> <li><a href="/blogs/five-simple-steps-blog">Blog</a></li> <li><a href
Beautiful Background Image Navigation with jQuery | Codrops
In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the […] In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position. The background
Create a CSS3 Call to Action Button
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Continuing on with my previous article
Sliding Checkbox Actions Menu with jQuery | Codrops
In this tutorial we will create an actions menu with jQuery that appears when checkboxes are selected. This can be a very helpful UI property since we don’t force the […] In this tutorial we will create an actions menu with jQuery that appears when checkboxes are selected. This can be a very helpful UI property since we don’t force the user to scroll to the place where the actions are – they just
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CodePen - PrettyEmbed.js Demo
[JS]ユーザーの好みに合わせてRGBaでカラースキームを変更するスクリプト -RGBa layout