CSS 【CSS】「counter-increment」使い方メモ／番号を付ける
counter-increment とは 複数ある要素に番号を付けたいときに使用します。 様よりお借りしました 使い方 疑似要素に「content: counter();」も指定します。 文章の先頭に数字を入れたいとき、 li { coun...
サイト作成
CSS 
CSS 【リセットCSS】概要とNormalize.cssの使い方
リセットCSSとは 「Google Chrome」「Safari」「Microsoft Edge」など、それぞれ異なるブラウザでもすべて同じように、サイトが表示されるためのCSSのことです。 リセットCSSを使用するのは一般的になっています...
Figma 【Figma】サイト制作の基本的な操作を簡単に説明
Figmaについてや始め方については、別の記事で紹介しているので説明を省きます。 ここでは基本的な操作方法について説明していきます。 日本語にする 翻訳機能を使っていましたが、翻訳が大変なことになったので、検索すると日本語に変換機能がありま...
Figma 【Figma】コンポーネント機能の使い方
Figmaについて勉強したての、独学Web初心者です。 Figmaについては、別の記事でご紹介しているのでご参照ください！ Figmaの概要： Figmaの基礎的な機能： 今回はコンポーネント機能についてお話します。 コンポーネント機能とは...
サイト作成 サイト制作／各パーツの名前を知っておく
Web初心者なのですが、独学でやっているため、サイトのそれぞれの要素の名前がわからず、なんとなく制作していました。 チームでやる際に、これでは私しかわからない！と思い、簡単にまとめてみました！ ホームページ と サイト よく聞く「ホームペー...
Figma ページがださい！素敵なサイトのデザインを作るFigmaの始め方
Web初心者なのですが、自分でなにも考えずに「あこれもいれたい！」「これも！」ってやっていたら、統一感のないページだったり、デザイン無知のため質素なページになってしまいます。 私の成長日記もかねて、記録していこうかなと思います！ 一から作っ...
サイト作成 面白い！Googleサーチコンソールの設定方法
Googleサーチコンソールとは 無料で使用できる、Google検索でのサイトのパフォーマンスを分析できるツールのことです。 検索順位やクリック数、表示回数などがわかります。 また、検索ページに掲載されているか否かもわかり、掲載されていない...
サイト作成 FTPの使い方／WinSCP
FTPとは FTPとは、ファイルを転送するためのもので、サーバーにアップされたファイルの一覧を見たり、ファイルをサーバーにアップロードしたりできます。 私は「WinSCP」を使用しているのでその方法について説明します。 「WinSCP」とは...
Wordpress 見やすいサイト制作のポイント！サイズの目安／リンクの開き方
ここでは、初心者の私が知らなかった、サイト制作のポイントをまとめてみました！ エンジニアの先生が教えてくれたものを含めご紹介します！ フォント フォントには、「Webフォント」と「デフォルトフォント」があります。 「Webフォント」 ex）...
サイト作成 ファビコン（サイトアイコン）の設定／WordPress
ファビコンとは ファビコンとは、サイトのアイコンのことで、スマホのホーム画面に出るアイコンや、パソコンでGooglechromeを使用した際に上に出るタブに表示されるアイコンを指します。 自分のサイトがブランドとなるようなもので、目印となる...