Webデザインのスタイルについて
デザインスタイル比較表 デザイン名 特徴 質感/立体感 奥行き 参考リンク ニューモーフィズム(Neumorphism) スキューモーフィズム＋フラット＋マテリアルを組み合わせた立体的UI。光と影で凹凸表現。 ◯（やわらかい） ◯ archetyp.jp スキューモーフィズム(Skeuomorphism) 現実の物体を模倣。メタル感や質感… 続きを読む
青系見出しデザイン10パターン
使用する青系の色の例: パターン 1: シンプルな下線 見出しの下に細い実線の青い線を追加します。 CSS パターン 2: 左側の太い線 見出しの左側に太い青い線を追加して、ブロックのような印象を与えます。 CSS パターン 3: 背景色によるハイライト 見出しの背景に薄い青色をつけて、目立たせます。 CSS パターン 4: 点線の下線 … 続きを読む
MarkDownの基本の書き方
はじめに Markdownは、シンプルで読み書きしやすいプレーンテキスト形式で記述された文書を、構造化された形式（HTMLなど）に変換するための軽量マークアップ言語です。 1. 見出し 見出しは、行頭に # と半角スペースをつけて作成します。# の数で見出しのレベル（サイズ）が変わります。 2. 強調 文字を太字や斜体にすることができます… 続きを読む
目次プラグインについて
目次プラグインの比較表 WordPressの目次プラグインの目的別の比較表です。 目的 プラグイン名 価格 初心者向け Easy Table of Contents 無料 シンプルな目次を作成したい SimpleTOC 無料 デザインにこだわりたい Rich Table of Contents 無料 サイドバーに固定した目次を表示 Fix… 続きを読む
MarkDownでブログを投稿する
プラグインの紹介 MarkDownで投稿できるWordPress用のプラグインの紹介です。 「Advanced Editor Tools」は、WordPressのプラグインで、通常のエディターを強力なエディターにしてくれる心強いツールです。 例えば、記事の編集画面でMarkDownで文章を書くと、自動でHTMLに変換してくれて、そのまま投… 続きを読む