戯れ言葉

戯れ言葉

FC2ブログで画像をクリックした時に表示される画面のアルバム一覧というもの

FC2ブログで記事中の画像をクリック(シングルクリック)した時に別ページで画像のみが表示されます。 この時の表示のされ方は下記の様に二つの場合があります。 1) こんな風にアルバム一覧とかのメニューが出てて、画像の縦横サイズもアップロードした時のサイズではありません。これはブログの設定でアルバム機能が必要なくて非表示にしていても、こう表示されるそんな場合。(ちなみにこのページは...

FC2拍手とブログ拍手で私が嵌まったこと

FC2ブログの拍手には「ブログ拍手」と「FC2拍手」の2種類があります。 「FC2拍手」はFC2IDの登録が必要で、更にHTML内に拍手用のタグを書き込まなければなりません。(実際にはコピペですが。) それに比べて「ブログ拍手」の方はHTMLを触らなくてもできるのでまだ簡単です。 機能も殆ど変わりません。またいずれにしても、拍手を戴いた方がどなたなのかは、拍手される時にコメントを書いて戴かないとブログ主には判...

FC2ブログの画像サイズのことを色々書いてみる

FC2ブログでの記事の画像の大きさのことについて幾つか。 画像の大きさを記事内で指定する時 <img src="https:// ・・・・.jpg" alt="" style="width: 900px; height: auto;"> なんて記述します。heightを autoにしておくと、元の画像の縦横比を自動的に保ってくれるので便利。 style指定なしで記述したりとかもありますが。 ところが、ここでテンプレート側で適切な処理がされていないと こ...

FC2ブログで記事を書くときに、こんな方法もあるよと云うお話しと、基本的なこととか

記事の投稿でこんな方法 FC2ブログで記事を書くときに、こんな方法もあるよと云うお話し。 色々基本的なことも書いてみました。 HTMLの構文を直接使うというテクニックなので、専門的ですが慣れてしまうとブログ上での色んなテクニックが駆使できるかも。 最初にやっておくこと  アルバムの管理  記事投稿画面の説明  ファイルのアップロード  記事の編...

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"...