【256times】1/6(月) - 1/10(金) 休講のお知らせ
【週刊ドットインストール】 Google Fonts入門をリリース、ミニクイズが10万回答突破、年末年始休暇のお知らせ
「Git/GitHub入門 リモート編」のミニクイズをリリースしました
「Git/GitHub入門 ブランチ編」のミニクイズをリリースしました
「Git/GitHub入門 基本操作編」のミニクイズをリリースしました
『Google Fonts入門』をリニューアルしてリリースしました
あなただけの学習ロードマップを作成します 【随時受付中】
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