CSS Duotone Generatorの使い方
「Duotone」は「Duo(2つの)」＋「tone(色)」をあわせた言葉で、ベースとなるミドルトーンとハイライトカラーの2色で描かれた画像のこと。数年前から流行っていますが、最近ではデザインとして定着しています。そんなDuotoneカラーを画面を見ながら選択して最後にCSSを書き出してくれる「CS […]
Web
複数のスクリーンサイズで表示確認できる「Responsively App」の使い方
- 2021.01.18
- Web制作ツール
「Responsively App」は複数のスクリーンサイズでレスポンシブの表示確認ができる無料ツールです。表示したすべてのデバイス上で動きがミラーリングされ、個別デバイスごとにインスペクタが表示できるので、レスポンシブコーディングの作業を効率化することができます｡ 環境 OS windows10 […]
Pattern Padの使い方
さまざまなレトロスタイルを元にした美しいおしゃれなパターンを作成、カスタマイズできるオンラインツール「Pattern Pad」の紹介をしています。 Pattern Pad 「Pattern Pad」のサイトはこちら https://patternpad.com/Pattern Padはオンライン上で […]
Chromeが「STATUS_INVALID_IMAGE_HASH」がでて起動しない場合の対処法
- 2020.09.05
- chrome
windows10のマシン上でChromeが「STATUS_INVALID_IMAGE_HASH」がでて起動しない場合の対処法を記述してます。 環境 OS windows10 pro 64bit ブラウザ chrome 84.0.4147.105 エラー画面 起動時に以下の画面が表示される edge […]
chrome キャッシュを使用せずにリロードするショートカットキー
- 2020.07.29
- chrome
windows環境のchromeでキャッシュがあると変更したCSSや画像がすぐに確認できないことがあります。なので、そんな時はchromeには、キャッシュを使用せずにリロードするショートカットキーを利用します。 環境 OS windows10 pro 64bit chrome 83.0.4103.1 […]
chrome でテキストデータだけをコピーして貼り付ける方法
- 2020.06.27
- chrome
web上の文言をコピーしてCMSのリッチテキストエディタに貼り付けるときに、太字になったりして面倒です。ここでは、chromeでコピーしたテキストデータの装飾を除き貼り付ける方法を記述してます。 環境 OS windows10 pro chrome 83.0.4103.61 手順 まずは通常通りコピ […]
chrome 「このウェブページを表示中に問題が発生しました」が突然発生した場合の対処方法
- 2020.03.10
- chrome
古いマシンが突然、chromeのみエラー状態「このウェブページを表示中に問題が発生しました」となり接続不可能になった時の対応方法を記載。 環境 OS windowns10 pro chrome バージョン: 80.0.3987.122 エラー画面 下図の通り「このウェブページを表示中に問題が発生しま […]
chrome デベロッパーツールを使ってHTMLのXPathを取得する
- 2020.03.07
- XPath
seleniumを利用して開発中にXPathを取得する必要があり、 chrome デベロッパーツールを使用すると、簡単に取得できるため、その手順を記載します。 環境 chrome バージョン: 79.0.3945.130（Official Build） （64 ビット） OS windows10 p […]
chrome ファビコン(favicon)が表示・更新されない
サイトアップ時にchromeのみfaviconが表示されなかったので、対応した方法を記載 環境 chrome バージョン: 79.0.3945.130（Official Build） （64 ビット） 対応方法 自分の場合は「 ctrl + f5 」を対象のページで押下で改善されました
Retry for a live versionが表示された場合の対処法
- 2019.10.31
- CloudFlare
よく利用するサイトがRetry for a live versionと表示されたので調査した結果 現象 Retry for a live version と表示される 詳細メッセージThis page (URL) is currently offline. However, because the […]