Web

CSS Duotone Generatorの使い方

Web

「Duotone」は「Duo(2つの)」+「tone(色)」をあわせた言葉で、ベースとなるミドルトーンとハイライトカラーの2色で描かれた画像のこと。数年前から流行っていますが、最近ではデザインとして定着しています。そんなDuotoneカラーを画面を見ながら選択して最後にCSSを書き出してくれる「CS […]

複数のスクリーンサイズで表示確認できる「Responsively App」の使い方

Web

「Responsively App」は複数のスクリーンサイズでレスポンシブの表示確認ができる無料ツールです。表示したすべてのデバイス上で動きがミラーリングされ、個別デバイスごとにインスペクタが表示できるので、レスポンシブコーディングの作業を効率化することができます。 環境 OS windows10 […]

Pattern Padの使い方

Web patternpad

さまざまなレトロスタイルを元にした美しいおしゃれなパターンを作成、カスタマイズできるオンラインツール「Pattern Pad」の紹介をしています。 Pattern Pad 「Pattern Pad」のサイトはこちら https://patternpad.com/Pattern Padはオンライン上で […]

chrome 「このウェブページを表示中に問題が発生しました」が突然発生した場合の対処方法

Web

古いマシンが突然、chromeのみエラー状態「このウェブページを表示中に問題が発生しました」となり接続不可能になった時の対応方法を記載。 環境 OS windowns10 pro chrome バージョン: 80.0.3987.122 エラー画面 下図の通り「このウェブページを表示中に問題が発生しま […]