戯れ言葉

戯れ言葉

VSCodeのLive HTML Previewerの代替拡張機能 Live Server vs Live Server Preview

ブログ記事をHTMLで書くのにVisual Studio Code(以下VSCode)を使っています。 このVSCodeの拡張機能(Extention)にLive HTML Previewerと云うのがあって、HTMLでソースを書いていくと、分割画面にブラウザでの表示が同時に表示されていきます。 その画面を見ながら書いていくと、CSSで装飾された部分等も反映されてるかどうかが瞬時に判って、本当に便利です。 ところが、過去記事のVSCodeのLive HTML Previ...

オワコンのIEとFlash 早くやめましょう(追記あり)

最近、ネットの技術ニュースを見ていると、マイクロソフトがブラウザのIE(Internet ExplorerのことEdgeではない)の使用をやめる様広報しているとの記事が散見されます。 事実、Microsoft IE でググってみると、かなりの数のその様な内容の記事が見つかります。 現出がどこなのか探してみました。検索で引っかかるやふーとか、ねーばーとか・・・仮パクのサイトが儲けてるらしいので。 マイクロソフト日本のブログという情報が...

SSL化が完全でないとどう表示されるのかとか Flashはオワったとか

※1:2019 01 06 Flashは終わってしまったを追記 ※2:2019 03 10 一部訂正 FC2ブログの全てがSSL化されるというお知らせがあって、そうなると今までSSL化されてないブログでは混在コンテンツの警告が出る様になるかもしれません。 対策の詳細についてはAkira氏の下記記事がお勧めです。 SSL化に伴う混在コンテンツ対策の手順について  ブログをSSL(https:)化したにもかかわらず、ネットのサイトを閲覧するブラウザ...

VSCodeでHTML5とCSS3の文法をチェック(W3C Validation)

ブログ記事をHTMLとCSSを使って、Visual Studio Code で書いています。 昨今はWEB上のHTMLとCSSの技術もHTML5、CSS3へと移行してきました。で、自分の書いたHTMLやCSSが、このHTML5やCSS3の文法に合っているのかが気になる所です。 この様な文法を、Web制作における共通の指針として勧告を出している、Web技術の標準化を行うW3Cという非営利団体があります。このW3Cについては下記サイトが判りやすいです。 W3Cとは?Web標準...

HTMLの<ruby>要素を試してみた

 漢字の読みとかの為に小さな文字・ルビを振ったりしますが、WEB上では親字(元の字)の後に括弧書きで書かれてるのが殆だと思います。  私はお寺をめぐることが多いので、常照皇寺(じょうしょうこうじ)の様に読みを括弧書きにしてきました。  HTMLで、この小さい字・ルビを表現することが出来ます。  ところで、このルビとは、宝石のルビーの事だと  ねとらぼアンサー  の記事がおもしろい。  日本の公文...

ランキングバナーは別タブ開きませんか

 ランキングバナーとは  こういう奴。  ブログをやられている方がよく貼っておられるバナー。  これをクリックした時にリンク先を同じタブで開く設定にされている方を見受けます。  タブとは  これ。...

FC2ブログの記事編集画面でテーマ変更は要注意

 私は、ブログ記事を編集する時、高機能エディタはOFFで、HTMLタグのみで行っていて、殆どの場合、別のエディタで書いた記事をコピペしてます。  ブログでHTMLのコードの記事を書く場合、タグなどの < は、文字実体参照の&lt;と書いて、HTMLのタグと判断されない様にします。  ところが、FC2ブログで記事編集中に、この様なコードを含む記事を書いてから、  ここのテーマを変更したりすると  あら大変...

Font Awesomeがver5になって困ったことに

 Font Awesome Icons がVer5(Font Awesome 5...  )になってちょっと困ったことが起きました。  只のバージョンアップではなくて、 Font Awesome 4.7.0  との互換性がありません。  この外部リンクのアイコン  を表示させるのに、4迄では  <i class="fa fa-external-link" aria-hidden="true"></i>  とやっていたのですが、  5以降では、  <i class="fas fa-external-link-alt"...

VSCodeの検索でワイルドカード

 Visual Studio Code(以下VSCode)の検索置換の検索でワイルドカード  が使えないのかと調べてみると、  Visual Studio での正規表現の使用  というページが見つかりました。  で、 .* という書き方が使えるらしい。  img タグ内のalt 属性をすべて "" にしたい。  つまり alt="xxxxx.jpg" となってるところを、xxxxの内容に関係なく、全てalt="" に書き替えたい。  で、検索文字列を alt=".*" とやってみ...

VSCode のスニペットという短文登録

 Visual Studio Code(以下 VSCode)にスニペットという、前もって登録した短文を呼び出す機能があります。  エディターでは普通にある機能のようです。  例えば、VSCodeの場合は、キーになる英単語を入力後、Tabキー(EnterキーでもOK)を押して登録した短文を呼び出します。  既定ではbrと入力後Tabキーを押すと<br>に書き換わります。(インストールした拡張機能:エクステンション等によるようです。)  この設...

アフィリのウェブビーコンというimgタグ

A8ネットでのアフィリ画像で 私の場合はAmazon へのリンクですが んな感じで画像の下に四角な枠が表示されます。...

flexbox を使ってみる その2

レイアウトにtable タグを使ってはいけないと聞いてから幾月々。 flexbox を使って、table タグで表現してきたものを書替えてみました。 クラリネット カール・ライスター オーボエ ローター・コッホ 第1ヴァイオリン トーマス・ブランディス 第2ヴァイオリン ハンス=ヨアヒム・ヴェストファル ヴィオラ ジークベルト・ユーベルシュール チェロ ...