雪が降る・・・寒いです

寒いと思ったら雪が降ってきた こんにちわ!わけいです。寒くなり、雪が降ってきたようです。 ※昨日アップした記事は「気持ち玉欄・コメント欄」がクリックを受け付けない状態でしたので、本日修正しました。 昨日の記事のたった1行を書き変えるだけで、泡→雪の画面に変えています。 CDNj…

続きを読む

泡がただよう画面

秋も深まり、泡のただよいの中で考え事 不思議な世界がかなり下の方まで続きますが、バブルは画面端から消えてもはじけません。 CDNjs シート使用: https://cdnjs.com/libraries

続きを読む

画面を桜の花びらが舞い落ちる

桜の花びらが画面いっぱいに舞う 桜の花びらが、画面いっぱいを舞い散ります。 これが札束だったら、すごいことになりそうですね。 時々風が吹いて、花びらが横に舞うところが憎い演出です。 詳しくは、sctwayさんのサイトへ。 ※季節的には、枯葉が舞い落ちたり雪が降ったりですが、何事も早めの準備も怠らないように、です。 ソースはJavaScript sctwayさんの…

続きを読む

3つの重なった円をゆっくり回転させる

やっと3つの円と文字が重なった これは、しばらく前(2019/09/22)に手掛けたのですが、3つの円が重ならず、しかも文字はとんでもないところに表示されました。 そればかりでなく、記事以外の部分と重なって表示され、しばらくそのままになっていました。 下書き記事がかなり溜まってしまいました。 そのうちの1つにチャレンジし、ソースを見直し、何とか表示されるようになりまし…

続きを読む

引用にスタイルを適用する

引用のルールと根拠 今まで、引用に関して深い注意は払っていなかったのですが、もっと注意して引用すべきだと感じました。 そこで引用に関して、どのようなルールや根拠があるのか調べてみました。 1番の根拠となるのは、著作権法です。 著作権法の引用の要件を満たしていない場合は、違法な無断転載とみなされます。 著作権法の第32条に、引用に関する規定があり、その範囲…

続きを読む

CSSのブレンドモードを使ってみる

事例0 普通に2つの画像を重ねただけ 2枚の画像を単に重ねただけの基本的なモードです。 ※2枚重ねた上側の画像はPNG形式にしてありますので、文字以外の部分が透明になっていますが、通常は白色などの背景色で四角い画像になりその部分の下側は隠れてしまいます。 Adobe PhotoshopやIllustratorなどのソフトで昔から搭載されている機能と同じ「ブレンドモー…

続きを読む

リニューアル後の使い方の情報一覧

色々出ている情報を取りまとめ リニューアルに伴い、変更になった点や問い合わせが多い事項などを、一つに取りまとめました。 新しい情報があればその都度、追加しています。 (内容は2019/10/08現在) 以下のブログ記事の構成は、 <1 容量・文字数・対応ファイル> <2 表示> <3入力・編集・公開> <4 画像> <5 機能> <6 ログイン> <7 コメント> <…

続きを読む

ピンク系の泡がただよい、変化する秒を表示

CSSとJSを使って、泡を背景に変化する秒を表示 はじめてのJavaScript 試しに、JavaScriptとCSSを使って表現してみました。 JavaScriptは、今まで使ったことはなかったのですが、面白そうですね。 「はじめてのJavaScript」テスト記事です。 最初は、単に「秒の表記」だけが目的でJavaScriptを使って…

続きを読む

ふにゃんと曲がった罫線枠

CSSのソースを書く位置を変えてみました 今回は、CSSのソースはこの部分のすぐ上が書きました。 CSS部分は<head>~</head>の中に書きましたが、あくまでもブログの中の本文部分です。なので、<style>~</style>で囲っています。 ブログの本文の外の上部にも<head>部分が書かれていると思いますが、<head>~</h…

続きを読む

4枚の画像を四つ葉のクローバーの形に並べる

4枚の写真を四つ葉のクローバーの形に表示 ここに紹介するのは、4枚の四角い画像を、四つ葉のクローバーの形にして表示するCSSとHTMLです。 面倒なら、同じ写真を4回つかってもOK、1~2枚を表示してもOKです。 「画像の挿入」で4枚の写真を挿入し、src=""の""の部分だけを貼り付けて書き変えればOKです。 うまく四つ葉のクローバーの形にならずバラバラの場合は、「width=50…

続きを読む

HTMLだけを使った罫線枠

①罫線枠(実線、青、背景なし) 今回は、HTMLだけで使える罫線枠をいくつか紹介します。CSSは使っていません。 ①~③までは、一般的に使われる基本的な罫線枠です。 ①と③だけでも私は十分用は足りています。 でも、2つだけ紹介しても、物足りないと思いますので、他の罫線枠も紹介します。 お使いのデザインテンプレートによって好みの色があると思いますので、見本色は#4c6cb3ですが、こ…

続きを読む

Windows10の1903バージョンアップ後、再起動でWi-Fiに繋がらない

Windows10のアップデート後にネットワークにつながらない 2019年08月28日のWindows10のバージョンアップで、ネットワークに繋がらなくなりました。 その後も合わせて3回も同じ状態を経験しました。 3回とも試行錯誤の末、何とかつながったのですが、3回ともアップデート後の同じ症状だったので、初めてマイクロソフトのサポートにその旨を説明し相談しました。 本日は、その記…

続きを読む

丸っこい形がアニメーション・をHTMLとCSSで実現

1 丸っこい形がアニメーションする 三色の丸っこい形が時間をずらして無限に回転して、各丸っこい形の中に簡単なテキストを入れてみます。 実は、これはネットのCSSの紹介のHPで見たのですが、ソースをコピーして使ってみたところ、記事以外の部分を含めて画面全体がぐちゃぐちゃになって全く使えませんでした。 久しぶりにそのソースを見て、発想はネットからのそのものですが、何とか使えるようにならない…

続きを読む

タイトルを複数の方法で表示する(HTMLとCSS)

はじめに タイトルを2つのパターンで表示 以下に、事例1と事例2でタイトルに使える方法を紹介します。 事例1と事例2は同じに見えます。見え方は実際に同じはずですが、ソースは異なります。 以下の部分で、各事例のソースを見ながら説明します。 ※以下に登場する事例のテキスト部分はわざと少しづつ変えてあります。 第1部 事例1CSSと事例2HTMLの2つの方法を比較 事例1はCS…

続きを読む

HTML本文でCSSを使って1文字目だけを大きくする

1文字目だけを大きく よく雑誌などで、1文字目だけが大きい文章を目にしたことがあると思います。 本日は、その状態をHTMLのタグとHTMLに記述したCSSで表現する方法を説明したいと思います。 スタイルシートは使用しないで表現する方法です。 まずは、事例1と事例2を見ていただきたいと思います。 説明もそれぞれに書いておきます。 (事例1:文章はでたらめです。←手抜きです。…

続きを読む

HTML本文にCSSを書く

CSSを記述する場所は スタイルシート(CSS)は、通常の記述方法は以下の3つあります。 ① HTMLファイル中のhead部分にstyle要素をまとめて記述する ② 別のスタイルシートファイルにまとめて記述する ③ HTMLタグの中にstyle属性を使って直接記述する ①は現在ウェブリブログでは出来ません(そのページだけに反映) ②はウェブリブログの基本的な方法です(1箇所に記述…

続きを読む

RSSの表示の設定の修正方法

そもそもRSSとは ※この記事は「リニューアル後の使い方の情報一覧」とリンクしています。 ブログの概要や更新情報などを第三者に対して簡潔にまとめて伝えるために使われるフォーマットのことです。 RSS:Rich Site Summary(興味ある・お気に入りサイトの概要)の略 RSSによって第3者が目的のブログ記事を見つけやすくなります。ということは、ブロガー側からすればRSSで第…

続きを読む

下書きを新しいファイル名で公開する方法

下書きを新しいファイル名で公開するとは ※この記事は「リニューアル後の使い方の情報一覧」とリンクしています。 下書きの記事は、公開時に①タイトルや②日付を変えても、③ファイル名は下書き保存したときに設定されたままのファイル名になったままで公開されます。 RSSやブログサイトでは旧ファイル名で把握されるため、古い日付の投稿として取り扱われているようです。 こういった現象を回避するた…

続きを読む

記事中の画像をクリックすると拡大表示になる設定

画像をクリックすると画像が拡大表示される設定方法 ※この記事は「リニューアル後の使い方の情報一覧」とリンクしています。 ① ウェブリブログにログイン後の最初の画面(ブログ管理画面)の「設定」→「ブログ設定」中の「画像詳細ページ」が、初期設定では「表示する」になっているので→「表示しない」を選択し→「保存」する。 (これで完了) ② 初期設定のままだと、記事中の画像をクリックすると…

続きを読む

コメントを参照しながら返信コメントを書く方法

元コメントを参照しながら、返信コメントを書く方法 ※この記事は「リニューアル後の使い方の情報一覧」とリンクしています。 ① ウェブリブログの記事の「コメントを書く」を右クリックします。 ② すると、ポップ画面が現れるので、その中から「新しいウィンドウを開く(W)」の項目を左クリックします。 (これは、Google Chromeの事例でが、他のブラウザでも新しい・別ウィンドウが…

続きを読む

私的リンク集・わけい専用

訪問ブログのリンク集 ※皆様への情報発信が目的ではなく、私個人用に作成したものです。 私がよく訪れるブログの管理が難しくなり、この解消が目的です。 -2018/10/06メモ- ※長さんから feedly(フィードリー)のRSSリーダーのツールの情報提供。 試しに使うと超便利なので導入。 -2018/10/07メモ- ※このページは…

続きを読む

ネット上の「笑い」の変化の経緯

最初の顔文字はシンプル 日本で確認されている、最古の顔文字はウィキペディアによると、1986年6月20日のパソコン通信(インターネット以前の通信事業者内でのローカルな通信)のアスキーネット上の、若林泰志氏が使用した (^_^) という顔文字の投稿だそうです。 最初の顔文字はシンプルだったですね。 その後、ネットの発展と共に顔文字も進化を続けてきました。 今回そのあたりを、見てみること…

続きを読む

気持玉はSNSのいいねと同じ

気持玉機能の廃止 ウェブリブログの大規模リニューアルの一環として、気持玉機能の廃止がありました。 多くの人が反対の意見でした。 私も、ウェブリブログの魅力は気持玉と思っていたので、がっかりしていました。 その後、復活させることに 私は、気持玉がなくなるのなら、その代りにコメントを書いたり、頂いたりするようにしなくては、と思っていました。 そういえば、気持玉はブログの記事をよく…

続きを読む

コメントが書き込めないのでここにまとめます

コメントの書き込み不能に 7/6の朝から、私のPCからはウェブリブログの皆様にコメントが書き込めなくなりました。 したがって訪れたブログのコメントの書き込みはもちろん、頂いたコメントの返信もできず大変申し訳ありません。 私の何かのアプリや設定に問題があるのか、色々試してみましたが、 今のところ、原因が分かりません。 7/5までは、何とか書き込みはできました。 7/6からは、1…

続きを読む

メンテナンス後の不具合修正の対応状況

いろいろな不具合の対応 メンテナンス後の不具合修正のお知らせ(2019/07/03)、カレンダーと文字サイズの修正の件(07/04)、デザイン再修正と現在の状況の件(07/05)がウェブリブログ事務局からありました。お知らせに書かれている不具合修正は、多くある不具合のごく一部なので、これで完了ではないはずです。今後も順次追加されるはずです。 ウェブリブログ事務局・メンテナンス後の不具合修正7…

続きを読む

本日のリニューアルの経緯

リニューアルが終わったので試し記事です では、試しに本日のリニューアルの経緯でも書いてみます。 StockSnapによるPixabayからの画像 ウェブリブログ事務局 リニューアル 01:00 「2019年7月2日(火)のウェブリブログ大規模メンテナンスは、予定通り1:00から開始します。」と、ウェブリブログ事務局のページに書かれていました。 ※予定通り1:00にメンテナンス開始で…

続きを読む

ウェブリブログのリニューアルは7月2日(火)に(2019年)

リニューアルは7月2日に実施 2019/06/04(その後、6月下旬)に予定されていたウェブリブログのリニューアルが7月2日(火)に変更されました。 「大規模メンテナンス(7/2)実施のお知らせ(2019/06/20)」より。 変更となるのは実施日のみで、大規模メンテナンスに係る時間やリニューアルの内容については変更はないとのことです。 ※実施日変更の経緯: 2019年6月4日 → 6月…

続きを読む

ウェブリブログリニューアル・2019/06/04(→6月下旬に延期)

●ウェブリブログがリニューアル 小枝さんのブログで、初めて知ったのですが、 ウェブリブログが2019/06/04(火)下旬にリニューアルするそうです。 システムの老朽化でサービスの維持が難しいため、大規模メンテナンスとリニューアルを実施するそうです。 メンテナンス作業は3pmから長時間にわたる予定で、その間は管理画面へのログインや、ブログ記事投稿等ができないとのことです。 …

続きを読む

「です・ます調」と「だ・である調」・ブログのおつまみ

●「です・ます調」にするか「だ・である調」にするか迷う ブログ記事の語尾を「です・ます調」にするか「だ・である調」にするかで、 印象が大きく変わってしまいます。 私は、以前から気にはなっていたが、その時の気分で、 ときには「です・ます調」だったり「だ・である調」だったりで、一貫していなかった。 また、統一しようとも考えていなかった気がする。 ブログに関する本を読んでいて、ちょ…

続きを読む

ブログから削除した画像の第2の人生

偶然分かったFacebookのアルバム機能 TwitterやLINEやFacebookの説明書を過去に何度か購入したものの、そのうちにと思っているうちにあっという間に情報が古くなり、そんなのがたまりました。 処分しようかと思いながら、Facebookの本のたまたま開いたページに、「アルバム機能」の説明がありました。 それによると、容量無制限(ただし1アルバム当たり1000枚で、容量の大…

続きを読む