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