カテゴリー: HTML

最近、BracketsからVisual Studio Code（以下VSCode）に乗り換えつつあります。まだ全然使いこなせてないですが、Bracketsよりかなり軽いのと複数行の置換ができるというだけでも非常に魅力的ですね。 さて、VSCodeのカラーテーマは「Dark+（default dark）」を使用しているのですが、HTMLタグとPHPタグとscriptタグの色が同じなのが個人的にはちょっと不便だったのでそこだけ変更してみました。 調べてもなかなかやり方がわからなくてかなり苦戦しました […]

長文テキストで段落がいくつもあるテキストのとき、段落を選択してpタグで囲ってを各段落ごとに繰り返していたんですが非常にめんどさい…(´・ω・｀)Emmetを使っているのにもっと楽にまとめてできる方法がないもんかと調べてみたらありました！ Emmetの「Wrap with Abbreviation」という機能を利用します。 「Wrap with Abbreviation」の手順 adobeのBrackets上でEmmetの手順を説明します。 長文テキストを各段落ごとに改行します。 上図にある各段落 […]

前回、HTMLリストの連番を飛ばす方法-その1でリストのliタグ全部にクラスを付けて連番を飛ばす方法を説明しました。以下、その時のブラウザ表示結果とHTMLとCSSのコードです。 前回はやり方の説明を重視したかったのでこういう方法でしましたが、たった1個や2個の例外のためにいちいち全部にクラスつけるのって効率悪いですよね。 ですので、今回はCSSのセレクタを少し工夫して、同じブラウザ表示結果になるようにしてみました。 今回はリストを2つ作って、リストの連番を飛ばす場所を変えてみました。 HTML […]

PCの電源を入れて立ち上げて、Bracketsを起動してライブプレビューを起動するとほぼ毎回「ライブプレビューのエラーが発生しました。」が出るのはなんでなんだろ？と調べてみるのですがいまだ解決できず…(´・ω・｀) Bracketsを再起動するとライブプレビューのエラーもなく、ちゃんと表示されるんですよね。 今まで、 Bracketsを終了→ Bracketsを再起動とかやってたのですが、ブラウザと同じように「F5キー」を押すだけでBracketsをリロードできるということに気づきました（；＾ω […]

HTMLのリストで連番を途中で飛ばしたいことがあると思うのですが、やり方がわからなかったので試行錯誤してやってみました。 とりあえずブラウザでの表示結果と、完成形のHTMLとCSSの画像を載せます。 という感じで、今回はリスト3行目の「さ行」を連番から外しました。HTMLのリストは飛ばしたいところのクラス名を変更する以外には特に小細工等いりません。CSSで連番を飛ばす設定にしてあります。 HTMLについては説明することもないので、CSSについて説明していきます。 CSSの基本についても不要だと思 […]