【週刊ドットインストール】 レッスン制作の進捗、HTML/CSSを極めるコーナーを更新、今週のミニクイズ
「JavaScript入門 データ構造編」のミニクイズをリリースしました
図解「 background 」 - HTML / CSS を極めるコーナー
「JavaScript入門 関数編」のミニクイズをリリースしました
「実践!アプリのランディングページを模写しよう」のミニクイズをリリースしました
「実践!ポートフォリオサイトを模写しよう」のミニクイズをリリースしました
「JavaScript入門 基礎文法編」のミニクイズをリリースしました
「はじめてのJavaScript」のミニクイズをリリースしました
あなただけの学習ロードマップを作成します 【随時受付中】
VS Codeのバージョンアップにより、index.htmlのタブをブラウザへドラッグ&ドロップできなくなったようです。代替手段として、下図のようにサイドバーにてファイル一覧を開き、そこからドラッグ&ドロップするようにしてください。
それでもうまくいかない場合は、Chromeブラウザを選択した状態で、WindowsならCtrlキー、macOSならcommandキーを押しながら、英語のoキーを押すと、ファイルを選択できるようになります。そこからファイルを開いても OK です。
Bootstrap Iconsのサイトは以下からアクセスしてください。なお、検索すると日本語バージョンのサイトがでる場合もありますが、アイコンが古かったりするので、英語版を使うのがおすすめです。
・Bootstrap Icons · Official open source SVG icon library for Bootstrap https://icons.getbootstrap.com/
VS CodeのVersion: 1.69.0以降にて「!」によるHTMLの雛形が入力できなくなったようです。かわりに「html:5」と打ってからタブキーで入力するようにしてください。
Boostrap本体に興味を持たれた方は以下のレッスンを参照してください。
・Bootstrap 5入門 (全21回) https://dotinstall.com/lessons/basic_bootstrap
#01 Bootstrap Iconsを使ってみよう
補足情報 VS Codeでファイルのドラッグ&ドロップができない場合
VS Codeのバージョンアップにより、index.htmlのタブをブラウザへドラッグ&ドロップできなくなったようです。代替手段として、下図のようにサイドバーにてファイル一覧を開き、そこからドラッグ&ドロップするようにしてください。
それでもうまくいかない場合は、Chromeブラウザを選択した状態で、WindowsならCtrlキー、macOSならcommandキーを押しながら、英語のoキーを押すと、ファイルを選択できるようになります。そこからファイルを開いても OK です。
補足情報 Bootstrap Iconsのサイトについて
Bootstrap Iconsのサイトは以下からアクセスしてください。なお、検索すると日本語バージョンのサイトがでる場合もありますが、アイコンが古かったりするので、英語版を使うのがおすすめです。
・Bootstrap Icons · Official open source SVG icon library for Bootstrap
https://icons.getbootstrap.com/
補足情報 !でHTMLの雛形がでない場合
VS CodeのVersion: 1.69.0以降にて「!」によるHTMLの雛形が入力できなくなったようです。かわりに「html:5」と打ってからタブキーで入力するようにしてください。
補足情報 Bootstrapについて
Boostrap本体に興味を持たれた方は以下のレッスンを参照してください。
・Bootstrap 5入門 (全21回)
https://dotinstall.com/lessons/basic_bootstrap