-
【コーディング初心者向け】数字の連番CSSリストやスタイルシートで数字の連番を設定する方法 順番に数字を割り振りたい時に、数字を書くのが大変。 それぞれにクラスを与えるのも大変… そんな時に役立つ、連番の設定方法についてご説明しま...
-
jQeryで時間になったら表示非表示JqueryWordPressのウィジウィグでbrが反映されない WordPressのウィジウィグで「テキスト」表示に切り替えて、 「br」を入力しても、公開後消えてしまう。 そんな時の 記述を紹介します。 jQ...
-
よくある質問のテンプレートCSSよくある質問のテンプレートの紹介 サイトを作成する時によくある質問は結構ページとして作成されます。 そんなよくある質問についてテンプレートを紹介させて頂きます。 通常のよくある質問 特に動きもないよく...
-
【Photoshopの使い方】カスタムシェイプで従来のシェイプを追加PhotoshopPhotoshopのカスタムシェイプ追加 Photoshop2020の場合、カスタムシェイプが以前の物から変更になり、 使えなくなっています。 そんな時に従来のカスタムシェイプを表示する方法をご説明し...
-
wordpressのウィジウィグ改行が適用されないWordPressWordPressのウィジウィグでbrが反映されない WordPressのウィジウィグで「テキスト」表示に切り替えて、 「br」を入力しても、公開後消えてしまう。 そんな時の 記述を紹介します。 fu...
-
スマホサイトの際にtableをどの様に表示するCSSスマホの際にtableを横スクロールで表示 PCサイトを作成した際に表を作ったけどスマホの時にでどうすればいいか? 非表示にして同じ内容をSPで作ることないdrすか? そんな時は横スクロールで表示して...
-
Advanced Custom Fields特殊な出力の場合WordPressAdvanced Custom Fields通常の出力方法と異なる場合 カテゴリーなどでカスタムフィールドを使った場合や、 固定ページのカスタムフィールドの値を表示させたい場合。 カテゴリーに設定した...
-
【プログラミング】オンラインプログラミングスクールまとめ勉強オンラインスクールを選ぶ理由 まとめ記事書いてみました!! オンラインスクールにはメリットとデメリットがあります。 自身の現状と合わせてお考え下さい。 メリット ・在宅で勉強できる。 ・コロナの心配が...
-
【コーディング初心者向け】positionの使い方CSSpositionの使い方 今回は「position」の使い方に関しまして、ご説明致します。 「position」には色々な種類があります。 どのように分けて使用するかを説明致します。 position...
-
WordPress固定ページの内容を取得WordPress特定の固定ページの内容を所得して表示 固定ページの内容を流用して使いたい場合や、管理画面で変更できるように固定ページでページを作成し、 PHPを使って内容を取得して表示します。 取得のソース 固定ペー...
-
【Illustrator初心者向け】立体文字の作り方illustratorIllustratorで立体文字作成 Illustratorを使って立体文字を作成します。 アクセントデザインに活用しよう。 Step01.数字や文字を入力します。 好きな文字を入力してください。 今...
-
【Illustrator初心者向け】吹き出しの作り方illustratorIllustratorで吹き出し作成 Illustratorを使って吹き出しを作成します。 コメントなどの際に吹き出しを使ってデザインをしよう。 Step01.レイヤーを新規作成します。 大きさは自由...
-
【Photoshop初心者向け】人物のシワ取り方法PhotoshopPhotoshopで人物のレタッチ作成 Photoshopを使って人物のシワをなくす方法についてご説明致します。 写真を加工して綺麗に人物画像を表示させてみましょう。 Step01.画像を表示します。...
-
【Photoshop初心者向け】リンクファイル作成方法PhotoshopPhotoshopリンクファイル作成 Photoshopでデザインをする際に、ヘッダーやフッターなどの共通ファイルを 一つのファイルで一元管理する方法についてご説明致します。 複数ページにまたがったデ...
-
【コーディング初心者向け】max-widthとwidthの違いCSSwidthの横幅の設定の違い 今回は「width」の使い方に関しまして、ご説明致します。 「max」がつくのとつかない場合で、用途は大きく違います!! 「max-width」と「width」の違いに関...
-
【コーディング初心者向け】border-radiusの使い方CSSmarginとpaddingの違い 今回は「border-radius」の使い方に関しまして、ご説明致します。 「border-radius」とは角丸設定をするためのcssです!! 「border」が...
-
jQueryでページ移動の際に全体をフェードインで表示コーディングjQueryでページ移動の際のフェードイン 「jquery」で中ページに移動する際にフェードインで表示される方法のご紹介です!! 「jquery.js」をダウンロード致します。 ダウンロード先 「fu...
-
【PhotoshopとIllustrator】クリッピングマスクの違いillustratorクリッピングマスクの違い PhotoshopとIllustratorではクリッピングマスクの方法が異なります。 その違いについてまとめました。 Photoshop編 まずクリッピングマスクしたい画像を...
-
【コーディング初心者向け】センター寄せの方法CSSCssでのセンター寄せ色々を紹介 Cssで要素をセンターに寄せたい場合、色々なセンターに寄せる方法があります。 センターに寄せる方法で悩んだ時はご覧ください。 1つの要素の場合 中身の要素が1つの要素...
-
【Illustrator初心者向け】名刺の作成方法illustrator簡単な名刺の作成 Illustratorで簡単な名刺を作成します。 初めて名刺を作成する際に参考にしてください。 Step01.印刷会社よりテンプレートをダウンロード 印刷会社には、入稿用のテンプレー...
-
【コーディング初心者向け】Animate.cssの使い方CSSAnimate.cssの使い方 Webサイトに動きをつけたい!! そんな時にとても簡単にアニメーションをつける事が可能です!! Animate.cssのサイトにアクセス Animate.cssのサイト...
-
【コーディング初心者向け】marginとpaddingの違いCSSmarginとpaddingの違い マージンとパディングの違いを解説していきます!! 上のスペース設定 margin-top: 20px;とpadding-top: 20px;の違い サンプル [cr...
-
【Illustrator初心者向け】画像トレース方法illustrator画像のアイコンをパス化 Illustratorで画像トレースを使えば、画像だったものがパスへと 変換されます。 少しアイコンを変更したい場合や、背景を無くしたい場合にとても便利です。 Step01.I...
-
【コーディング初心者向け】フレックスボックスの使い方CSSdisplay:flexの使い方編 コーディングでよく使うフレックスボックス!! そのオプションについてご説明させて頂きます。 「display: flex;」 親要素に設定する事で子要素が横並びに表...
-
【Illustrator初心者向け】ロゴ制作の作業進め方illustratorオリジナルロゴ作成 Illustratorでロゴを作成する方法を紹介します。 コンセプトや初めの準備部分に関しましては飛ばしております。 作業の進め方についてのご紹介です。 Step01.フォントを決...
-
【Photoshop初心者向け】Photoshop画像の切り抜き方法PhotoshopPhotoshopペンツールによる画像の切り抜き Photoshopで画像を切り抜く方法をお伝え致します。 第二回として切り抜きに挑戦!! Step01.切り抜きの準備 画像をPhotoshopで読み...
-
Photoshop移動ツールの使い方【Photoshop初心者向け】PhotoshopPhotoshop初心者向け移動ツールの使い方 Photoshopの基本的なツールについて説明していきます。 第一回として移動ツールの使い方についてご説明致します。 Photoshop移動ツールの場所...
-
Css3セレクタ一覧CSSセレクタを使う セレクタとは、クラスやIDを決める際の名前の部分「.hoge」の部分を指します。 新しいセレクタ一覧 それではスタイルしーとのセレクタの紹介をしていきます!! セレクタ名[href$=...
-
Webデザインスマホの時のフォントサイズWEBデザインスマホのデザイン作成の際のフォントサイズは? PCサイトと違いスマホの際には大きさが変わります!! スマホの際は2倍の際で作成します!! なぜ2倍なのか? Retina対応として2倍の大きさで作成しま...
-
WordPressPHPで新着情報を表示する方法WordPressPHPのソースを紹介 [crayon-600c2e806c9f9402705824/]