リストやスタイルシートで数字の連番を設定する方法 順番に数字を割り振りたい時に、数字を書くのが大変。 それぞれにクラスを与えるのも大変… そんな時に役立つ、連番の設定方法についてご説明しま...

WordPressのウィジウィグでbrが反映されない WordPressのウィジウィグで「テキスト」表示に切り替えて、 「br」を入力しても、公開後消えてしまう。 そんな時の　記述を紹介します。 jQ...

よくある質問のテンプレートの紹介 サイトを作成する時によくある質問は結構ページとして作成されます。 そんなよくある質問についてテンプレートを紹介させて頂きます。 通常のよくある質問 特に動きもないよく...

Photoshopのカスタムシェイプ追加 Photoshop2020の場合、カスタムシェイプが以前の物から変更になり、 使えなくなっています。 そんな時に従来のカスタムシェイプを表示する方法をご説明し...

WordPressのウィジウィグでbrが反映されない WordPressのウィジウィグで「テキスト」表示に切り替えて、 「br」を入力しても、公開後消えてしまう。 そんな時の　記述を紹介します。 fu...

スマホの際にtableを横スクロールで表示 PCサイトを作成した際に表を作ったけどスマホの時にでどうすればいいか？ 非表示にして同じ内容をSPで作ることないdrすか？ そんな時は横スクロールで表示して...

Advanced Custom Fields通常の出力方法と異なる場合 カテゴリーなどでカスタムフィールドを使った場合や、 固定ページのカスタムフィールドの値を表示させたい場合。 カテゴリーに設定した...

オンラインスクールを選ぶ理由 まとめ記事書いてみました!! オンラインスクールにはメリットとデメリットがあります。 自身の現状と合わせてお考え下さい。 メリット ・在宅で勉強できる。 ・コロナの心配が...

positionの使い方 今回は「position」の使い方に関しまして、ご説明致します。 「position」には色々な種類があります。 どのように分けて使用するかを説明致します。 position...

特定の固定ページの内容を所得して表示 固定ページの内容を流用して使いたい場合や、管理画面で変更できるように固定ページでページを作成し、 PHPを使って内容を取得して表示します。 取得のソース 固定ペー...

Illustratorで立体文字作成 Illustratorを使って立体文字を作成します。 アクセントデザインに活用しよう。 Step01.数字や文字を入力します。 好きな文字を入力してください。 今...

Illustratorで吹き出し作成 Illustratorを使って吹き出しを作成します。 コメントなどの際に吹き出しを使ってデザインをしよう。 Step01.レイヤーを新規作成します。 大きさは自由...

Photoshopで人物のレタッチ作成 Photoshopを使って人物のシワをなくす方法についてご説明致します。 写真を加工して綺麗に人物画像を表示させてみましょう。 Step01.画像を表示します。...

Photoshopリンクファイル作成 Photoshopでデザインをする際に、ヘッダーやフッターなどの共通ファイルを 一つのファイルで一元管理する方法についてご説明致します。 複数ページにまたがったデ...

widthの横幅の設定の違い 今回は「width」の使い方に関しまして、ご説明致します。 「max」がつくのとつかない場合で、用途は大きく違います!! 「max-width」と「width」の違いに関...

marginとpaddingの違い 今回は「border-radius」の使い方に関しまして、ご説明致します。 「border-radius」とは角丸設定をするためのcssです!! 「border」が...

jQueryでページ移動の際のフェードイン 「jquery」で中ページに移動する際にフェードインで表示される方法のご紹介です!! 「jquery.js」をダウンロード致します。 ダウンロード先 「fu...

クリッピングマスクの違い PhotoshopとIllustratorではクリッピングマスクの方法が異なります。 その違いについてまとめました。 Photoshop編 まずクリッピングマスクしたい画像を...

Cssでのセンター寄せ色々を紹介 Cssで要素をセンターに寄せたい場合、色々なセンターに寄せる方法があります。 センターに寄せる方法で悩んだ時はご覧ください。 1つの要素の場合 中身の要素が1つの要素...

簡単な名刺の作成 Illustratorで簡単な名刺を作成します。 初めて名刺を作成する際に参考にしてください。 Step01.印刷会社よりテンプレートをダウンロード 印刷会社には、入稿用のテンプレー...

Animate.cssの使い方 Webサイトに動きをつけたい!! そんな時にとても簡単にアニメーションをつける事が可能です!! Animate.cssのサイトにアクセス Animate.cssのサイト...

marginとpaddingの違い マージンとパディングの違いを解説していきます!! 上のスペース設定 margin-top: 20px;とpadding-top: 20px;の違い サンプル [cr...

画像のアイコンをパス化 Illustratorで画像トレースを使えば、画像だったものがパスへと 変換されます。 少しアイコンを変更したい場合や、背景を無くしたい場合にとても便利です。 Step01.I...

display:flexの使い方編 コーディングでよく使うフレックスボックス!! そのオプションについてご説明させて頂きます。 「display: flex;」 親要素に設定する事で子要素が横並びに表...

オリジナルロゴ作成 Illustratorでロゴを作成する方法を紹介します。 コンセプトや初めの準備部分に関しましては飛ばしております。 作業の進め方についてのご紹介です。 Step01.フォントを決...

Photoshopペンツールによる画像の切り抜き Photoshopで画像を切り抜く方法をお伝え致します。 第二回として切り抜きに挑戦!! Step01.切り抜きの準備 画像をPhotoshopで読み...

Photoshop初心者向け移動ツールの使い方 Photoshopの基本的なツールについて説明していきます。 第一回として移動ツールの使い方についてご説明致します。 Photoshop移動ツールの場所...

セレクタを使う セレクタとは、クラスやIDを決める際の名前の部分「.hoge」の部分を指します。 新しいセレクタ一覧 それではスタイルしーとのセレクタの紹介をしていきます!! セレクタ名[href$=...

スマホのデザイン作成の際のフォントサイズは？ PCサイトと違いスマホの際には大きさが変わります!! スマホの際は2倍の際で作成します!! なぜ2倍なのか？ Retina対応として2倍の大きさで作成しま...

PHPのソースを紹介 [crayon-600c2e806c9f9402705824/]