Debriefing [デブリーフィング]

Debriefing [デブリーフィング] はHTMLやCSSやデザインなどのWeb制作に関することや、仕事を効率化する方法や生活に役立つHow Toを発信します。

Googleドライブに保存した画像やファイルをサイトやブログに読み込む方法

web

Googleドライブに保存した画像やファイルを、自分のWebサイトやブログに読み込ませて表示させる方法について説明します。実はGoogleドライブには便利な使い方がありまして、Googleドライブに保存した画像やファイルを、自分のWebサイトやブログに読み込ませ…

Dropboxに保存した画像やファイルをサイトやブログに読み込む方法

web

Dropboxに保存した画像やファイルを、自分のWebサイトやブログに読み込んで表示させる方法について説明します。Dropboxは画像やファイルをクラウド上のストレージに保存して共有できる便利なサービスです。自分が使っているブログやサーバーのストレージ機能…

CSSでスクロールさせたいけど、スクロールバーを非表示(隠す)にする方法

CSSでスクロールさせつつ、スクロールバーを非表示にさせる方法について説明します。-webkit-scrollbarではwebkit系のブラウザのみしか対応していないので、デザイン的に気になる方は最終的にスクロールバーを非表示にさせる方法が解決策になるかと思います。

CSSでスクロールバーのデザインをカスタマイズする方法 -webkit-scrollbarの解説

CSSの「-webkit-scrollbar」を使ってスクロールバーを装飾する方法について紹介します。-webkit-scrollbarを使うと、ブラウザデフォルトのスクロールバーを好みのデザインに装飾することができます。

はてなブログのテーマの作り方とオリジナルデザインを効率的に作るコツ

はてなブログのオリジナルテーマを制作する方法について紹介します。はてなブログのオリジナルのテーマを作るうえで、やったことや気がついた点や注意点などがあったので書きました。

CSSで画像を画面の横幅いっぱいに表示させる方法 background-size:cover

CSSで画像をモニター画面の横幅いっぱいに表示させる方法について説明します。PCやタブレットやスマートフォンなどの画面サイズが異なるデバイスでも、縦横比が崩れないように実装することが可能です。

振動するT字髭剃りに変えたら感動的な剃り心地と肌に優しい深剃りを手に入れた

肌が白く青ヒゲが少し目立ちはじめてきたので、肌を傷めずにもっと深剃りができる髭剃りがないものかいろいろと調べていました。そして振動するタイプのT字髭剃りを試しに購入して使ってみたところ、感動的な剃り心地だったので、今回は振動するT字髭剃りに…

リダイレクトとは?種類や設定方法。301や302、.htaccessなどについて

Webサイトのリダイレクトの種類や設定方法について説明します。リダイレクトには301、302などの種類があります、また.htaccessを使った方法やPHPを使った方法など、リダイレクトの設定方法もいくつかあるので説明します。