notes-de-design.com Open in urlscan Pro
162.43.117.9  Public Scan

Form analysis
2 forms found in the DOM

GET https://notes-de-design.com/

<form role="search" method="get" class="searchform" action="https://notes-de-design.com/">
  <label class="searchform_label">
    <span class="screen-reader-text">検索:</span>
    <input type="search" class="searchform_input" placeholder="検索…" value="" name="s">
  </label>
  <button type="submit" class="searchsubmit">
    <svg version="1.1" class="stk_svgicon svgicon_searchform" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
      <path fill="#333" d="M44.35,48.52l-4.95-4.95c-1.17-1.17-1.17-3.07,0-4.24l0,0c1.17-1.17,3.07-1.17,4.24,0l4.95,4.95c1.17,1.17,1.17,3.07,0,4.24
				l0,0C47.42,49.7,45.53,49.7,44.35,48.52z"></path>
      <path fill="#333" d="M22.81,7c8.35,0,15.14,6.79,15.14,15.14s-6.79,15.14-15.14,15.14S7.67,30.49,7.67,22.14S14.46,7,22.81,7 M22.81,1
			C11.13,1,1.67,10.47,1.67,22.14s9.47,21.14,21.14,21.14s21.14-9.47,21.14-21.14S34.49,1,22.81,1L22.81,1z"></path>
    </svg>
  </button>
</form>

GET https://notes-de-design.com/

<form role="search" method="get" class="searchform" action="https://notes-de-design.com/">
  <label class="searchform_label">
    <span class="screen-reader-text">検索:</span>
    <input type="search" class="searchform_input" placeholder="検索…" value="" name="s">
  </label>
  <button type="submit" class="searchsubmit">
    <svg version="1.1" class="stk_svgicon svgicon_searchform" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
      <path fill="#333" d="M44.35,48.52l-4.95-4.95c-1.17-1.17-1.17-3.07,0-4.24l0,0c1.17-1.17,3.07-1.17,4.24,0l4.95,4.95c1.17,1.17,1.17,3.07,0,4.24
				l0,0C47.42,49.7,45.53,49.7,44.35,48.52z"></path>
      <path fill="#333" d="M22.81,7c8.35,0,15.14,6.79,15.14,15.14s-6.79,15.14-15.14,15.14S7.67,30.49,7.67,22.14S14.46,7,22.81,7 M22.81,1
			C11.13,1,1.67,10.47,1.67,22.14s9.47,21.14,21.14,21.14s21.14-9.47,21.14-21.14S34.49,1,22.81,1L22.81,1z"></path>
    </svg>
  </button>
</form>

Text Content

NOTES DE DESIGN

 * Web制作website
 * デザインdesign
 * ITトレンドit trend
 * お問い合わせcontact

search menu
【 更新 】おすすめ記事はこちら


YOU CAN START ANYTIME

エンジニア・デザイナーのための手帳
Previous
HTML


【HTML＋CSS】BEMの命名規則でメンテナンス性の高いコードを書く

ツール


VSCODEの「W3C VALIDATION」でHTMLとCSSコードをチェック

リモート


VPNでリモートワークも安心！固定IPアドレスによる安全なネットワーク接続

ツール


「FONT AWESOME 6」のアイコンをILLUSTRATORやXDで使う方法

Photoshop


画像のフォントをADOBEツールで検索する【日本語と英語に対応】

TIPS


CSS・JSのキャッシュを削除！新規データとして認識するパラメータをつける

Gulp


「GULP-IMAGEMIN」でエラー！不可逆圧縮はJPEGTRANを新しいコードに

Gulp


「GULP-SASS 5」でコンパイルエラー！プラグインとコードを再設定する

Illustrator


【ILLUSTRATOR】1PXズレて書き出されるときは「ピクセルグリッドに最適化」

Photoshop


【PHOTOSHOP】画像の劣化を防ぎながら拡大縮小できる「スマートオブジェクト」

HTML


【HTML＋CSS】BEMの命名規則でメンテナンス性の高いコードを書く

ツール


VSCODEの「W3C VALIDATION」でHTMLとCSSコードをチェック

リモート


VPNでリモートワークも安心！固定IPアドレスによる安全なネットワーク接続

ツール


「FONT AWESOME 6」のアイコンをILLUSTRATORやXDで使う方法

Photoshop


画像のフォントをADOBEツールで検索する【日本語と英語に対応】

TIPS


CSS・JSのキャッシュを削除！新規データとして認識するパラメータをつける

Gulp


「GULP-IMAGEMIN」でエラー！不可逆圧縮はJPEGTRANを新しいコードに

Gulp


「GULP-SASS 5」でコンパイルエラー！プラグインとコードを再設定する

Next
 * 1
 * 2
 * 3
 * 4
 * 5
 * 6
 * 7
 * 8
 * 9
 * 10

WordPress


【WORDPRESS】カスタム投稿を「CUSTOM POST TYPE UI」で作成

2022.04.25

既存の投稿と分けて記事を管理したいときは、カスタム投稿を利用します。 例えば、「製品情報」や「お客様の声」を通常の「お知らせ」と違う区分にするなど。
ちなみに、投稿を分けなくても問題はありません。 不都合があるとすれば、...

Illustrator


【ILLUSTRATOR】文字を斜めに傾けて変形する

2022.04.11

ECサイトのセールバナーなどで見かける、文字を斜めに傾けたデザイン。 「勢いをつけたい」ときや「注意を引きたい」ときにぴったりな表現です。
今回は「単純に傾ける」方法と「ゆがませて傾ける」方法で文字を斜めにしていきます。...

WordPress


【WORDPRESS】ブロックに変わったウィジェットを元に戻す

2022.04.11

「WordPress 5.8」から導入された、ブロックタイプのウィジェット。
「ドラッグ&ドロップする」これまでのタイプに比べると、見た目も内容もかなり変わりました。 機能的には向上しているものの・・・ など、ス...

TIPS


MYSQL SHUTDOWN UNEXPECTEDLYと出てXAMPPが起動できない

2021.12.07

「MySQL shutdown unexpectedly」と表示され、SQLが起動できないことがあります。
ここ最近は、作成したWebサイトのデータベースを入れ替えていて発生。 過去のケースでは、XAMPPが停止できてい...

Photoshop


画像のフォントをADOBEツールで検索する【日本語と英語に対応】

2021.12.03

イメージに近いポスターや広告バナーを見つけたとき。どんなフォントを使っているか、色は、写真は、と色々調べますよね。 今回はその中でも「フォント」に注目。
経験を元に一つひとつ調べる方法もありますが、「Adobe Font...

TIPS


CSS・JSのキャッシュを削除！新規データとして認識するパラメータをつける

2021.12.07

サイト制作をしていると、更新前のテキストや画像が「キャッシュ」として残ることがあります。
本来は、サイトの表示速度向上に役立つ機能ですが、制作中の身としては逐一キャッシュを削除しなければならず、少し面倒なシステムに思えた...

Photoshop


【PHOTOSHOP】PNGの白い背景色を消して透明化した画像にする

2021.10.03

PNGで書き出していても、白などの背景色がついていることがあります。おや？と思いますよね。
デザインカンプ内のデータの場合、元々がJPEGだったり、PNGに背景色をつけているケースがあります。背景色となじんでいると意外と...

Photoshop


【PHOTOSHOP】選択できないロック済みレイヤーは「属性」で解除する

2021.12.04

Photoshopのデザインデータを書き出そう！
というときに起きる「選択できない」問題。特に支給されたデータの場合は、自分で作っていない分、原因が分からないこともしばしば。
ただ、これまでの経験では、オブジェクトやパス...

Gulp


「GULP-IMAGEMIN」でエラー！不可逆圧縮はJPEGTRANを新しいコードに

2021.12.03

画像圧縮に「gulp-imagemin」を使っていたところ、ある日、不可逆圧縮しようとしてエラーに。
メッセージを見ると「imagemin.jpegtran()」が問題のようです。 公式ページとコードを見比べたところ、デ...

Gulp


「GULP-SASS 5」でコンパイルエラー！プラグインとコードを再設定する

2021.10.01

3ヶ月ぶりにGulpを使おうとしたら「gulp-sass」でコンパイルできなくなっていました・・・。 以下のようなエラーメッセージが表示されています。
メッセージによれば「sass」もしくは「node-sass」をインス...

1 2 3 … 7 ＞

サイト内検索

検索:

プロフィール

サー坊

会社員からフリーランスに転身。Webデザイナー兼フロントエンドエンジニアをしています。「好きなことで好きなひとたちと生きる」が目標。少しずつできることを増やそうと奮闘中。
日々の気づきや基本操作などを備忘録としてまとめています。

人気の記事

 * 「Font Awesome 6」をCDNやダウンロードデータでブラウザに表示する
 * 【Photoshop】画像の劣化を防ぎながら拡大縮小できる「スマートオブジェクト」
 * SublimeTextの日本語化とShift_JISの文字化けをインストールから解説
 * 【WordPress】CSSとJavaScriptをfunctions.phpで読み込み出力する
 * xampp-control.iniにアクセス拒否された！管理者権限の付与ですぐ解決
 * VSCodeの「W3C Validation」でHTMLとCSSコードをチェック
 * 「Font Awesome 6」のアイコンをIllustratorやXDで使う方法
 * ベーシック認証！「.htaccess」と「.htpasswd」の正しい書き方
 * 画像のフォントをAdobeツールで検索する【日本語と英語に対応】
 * 【CSS】SVGファイルで手書き風アニメーションを作る



カテゴリー

 * ITトレンド (4)
   * SNS (2)
   * リモート (2)
 * Web制作 (51)
   * CSS (5)
   * Git (7)
   * Google (2)
   * Gulp (2)
   * HTML (3)
   * Movable Type (1)
   * Sass (1)
   * TIPS (9)
   * WordPress (15)
   * ツール (6)
 * デザイン (14)
   * Illustrator (6)
   * Photoshop (7)
   * 素材 (1)
 * ビジネス (1)
   * Windows (1)



最近の投稿

 * 【WordPress】カスタム投稿を「Custom Post Type UI」で作成
 * 【Illustrator】文字を斜めに傾けて変形する
 * 【WordPress】ブロックに変わったウィジェットを元に戻す

タグ

BEM CSS Font Awesome Git Gulp HTML Illustrator Photoshop Sass SublimeText Visual
Studio Code WordPress XAMPP XD おすすめ セキュリティ対策 テンプレートタグ フォント プラグイン

NOTES DE DESIGN

ご覧いただきありがとうございます。当サイトはデザイナー、エンジニアに役立つ情報ブログとして、Webサイト制作に関する記事を掲載しています。

内容は初心者から中級者に向けたものが中心となります。制作会社で仕事をしている方、同業界を目指している方、個人で仕事をしたい方などの事前知識もしくは備忘録としてご活用いただければ幸いです。

 * WEB制作
 * デザイン
 * ITトレンド
 * プライバシーポリシー
 * お問い合わせ

©Copyright 2022 Notes de Design .All Rights Reserved.




検索:
CLOSE
CLOSE
 * Web制作website
 * デザインdesign
 * ITトレンドit trend
 * お問い合わせcontact

CLOSE