はてなブログの画像を枠線で囲む(初心者向け)
こうゆう白ベースの画像ってブログの背景との境目がわかりづらいので枠線付けたいと思ってたんです。
やり方
編集モード「見たまま」で画像を入れて、「HTML編集」で見るとこんな感じになるかと思います。
<img class="hatena-fotolife" title="" src="https://cdn-ak.f.st-hatena.com/images/fotolife/c/cask-st/20171022/20171022112233.png" alt="" />
ここをこんな感じにします。赤字が追加したところ。
<img class="hatena-fotolife" style="border: solid 1px #BDBDBD;" title="" src="https://cdn-ak.f.st-hatena.com/images/fotolife/c/cask-st/20171022/20171022112233.png" alt="" />
そうするとこんな感じで枠線が付きます。
解説
追加した「style="border: solid 1px #BDBDBD;"」部分の解説です。
style
ウェブサイトのレイアウトスタイル(例えば、文字フォントや色、等)を指定する属性です。
style="この中にどのようなレイアウトスタイルにするか書きます"
border
枠線の「線種」「太さ」「色」を指定するための属性です。
border: solid 1px #BDBDBD;
この場合、太さ1pxで灰色(BDBDBD)の実線(solid)で枠線を表示します。
色を変えたい場合は「カラーテーブル」とか「RGB」とかで検索すると、どんな値を入れればいいかすぐわかると思います。
もちろん指定する値を変えれば色々な設定できますが、今回はこの辺で。
YouTubeをバックグラウンドで再生する【Android】
YouTubeアプリではなく、Chromeブラウザを使用した方法です。
手順
2. Chromeのメニュー(右上の点3つのとこ)を開いて、「PCサイト版を見る」にチェックを入れる。
3. PC版のサイトで動画を再生。
4. Chromeをバックグラウンドにする。と動画が停止します。
5. 通知領域を開くとChromeの再生メニューが表示されてるので、再生ボタンを押す。
使用感
バッテリー節約!
ラジオのアーカイブや音楽を再生しながら他の作業をすることが多いのですが、もちろんこの時画面は見ません。
画面はスマフォの中で最もバッテリーを消費する機能なのでここが節約できるのは大きい。
音が小さい
YouTubeアプリで再生した時よりも音が小さいです。
できれば何とかしたかったのですが、現状なんともなりませんでした。。
検証環境
端末:Xperia X Compact (Android 7.0) / Fire HD 8 (Fire OS 5.4.0.1)
Special Thanks
手順の写真で使わせて頂いた動画ですが、SANOVA のアルバム『Cloud9』 のダイジェストになります。最近たまたま見つけてハマり中!
よろしければ一度ご視聴ください。