今回はマークダウン記法について紹介します。ブログやコンテンツなどで『もっと効率的に文章を書きたい!』というときに、この効果が発揮されます。『スペース』の順で書くことになります。Web制作を行うにあたって拡張機能を使うことは大きな便宜となります。サイトで使われている、フォントを調べることができます。フォントのstyle、Weight、Size,カラー等も調べることが可能。アイコンをクリックして、そのフォントをクリックすると表示されます。操作についてご紹介します。マルチカーソルとは言葉の通り、カーソルを複数にしたりすること。macを前提として説明しています。コーディング2022/7/24【VSCode】Emmetを使って爆速もっと量を少なくしてコードを打ちたい〜。今回はEmmet記述についてご紹介します。エディタはVSCodeを前提に説明します。こちらはデフォルトでEmmet機能が使えます。他のエディタをご使用の場合は、Emmentを使えるように設定してください。VSCodeのダウンロードはこちらから。Emmetとは、コードを省略して記述できる書き方です。以下のように短縮して記述できます。VSCodeにはスニペットという、『コードの登録機能』があります。今回はその設定方法についてご紹介します。※今回はhtmlにスニペットを登録します。他にもcss,scss,javascript,phpのjsonファイルなどあります。今回は、CSSで要素を縦の中央揃えのやり方をまとめました。実際のコーディングでも頻繁に出てくる部分ですのでしっかりと抑えおきましょう。テキストが1行の場合の縦中央に配置します。line-heightはテキストの行間を指定するプロパティです。テキストを囲んでいる高さと同じ高さを指定することで上下中央となります。今回はテキストとブロック要素の、2点に分けてご紹介します。縦はheightとline-heightを同じ高さに揃えて縦中央に調整。centerで左右中央に配置します。今回は、CSSで要素を左右中央に寄せるやり方をまとめました。実際のコーディングでも頻繁に出てくる部分ですのでしっかりと抑えおきましょう。インライン要素であるテキストや画像は、親のブロック要素に指定すると中央寄せになります。※text-align:centerは子要素にも継承されます。こちらはローディングアニメーション参考サイト1の続編です。引き続きご紹介します。ダウンロードの手順は以下の通りです。1Githubからcsspin-master.zipをダウンロード。2csspin-master.zip解凍後に、csspin.cssファイルをローカルフォルダに入れる。index.htmlでcsspin.cssファイルを読み込んで下さい。アニメーションの数を増やしたいけど、ゼロから作るのって難しいですよね。今回は10個のサイトをご紹介します。検索もりのくまさん『楽しく、ゆるく、自由に生きる』が人生のモットー。34歳にてWEB制作をスタート▶2021年5月にフリーランス開始。『Web制作』や『フリーランス』を主に発信していきます。お問い合わせはこちらからプロフィールKIZUKU「新たな発見に気づく。当ブログはKIZUKUが運営するオウンドメディアです。