テーマの中心は、多肉からクラフト、身近な疑問に変化。色々なプログラミング言語が登場していますが、いまだに残っているものもあったり、改良されて進化したもの、役割を終え消えたもの、ここ数年になって急速に使われだしたもの・・・色々あるようです。私自身が聞きなれないプログラミング言語が多いので、現状と過去からの推移を調べてみました。1月27日(月)~2月2日(日)の世界各地の週間お天気予報です。※予報内容は(それとなく考えましたが)でたらめです、もしかしたら偶然あたることもあるかも知れません。※緊急速報:大相撲春場所で前頭十七枚目の徳勝龍(奈良県出身)が初優勝しました。「右から左」とその逆の「左から右」は紹介しましたが、CSSを使った「左右往復」を紹介します。下の動きがCSSを使って表現したものです。※白い枠の中に、表現してみましたが気にしないでください。前回、「文字が右から左へ流れる」編をご紹介しました。その逆バージョンも、以下に紹介します。👆上のテキストが左から右へと流れています。「右から左へ」バージョンのソースをほんの少し入れ替えただけです。以下にそのソースを紹介します。本日は、「文字が流れる」方法を紹介します。👆上のテキストが右から左へと流れています。簡単な事例なので、ぜひ使ってみてください。以下に、ソースを紹介します。リニューアルに伴い、変更になった点や問い合わせが多い事項などを、一つに取りまとめました。新しい情報があればその都度、追加しています。ものは全て項目9に移動しました。枠の中に文字や画像などの要素を枠いっぱいに横並びにしたいときがあります。思うように、横並びになってくれないときがありますね。」を使用すると要素を枠いっぱいに横並びにすることが出来ます。外枠の幅に応じて自動的に折り返してくれます。ソフトウェアにバージョンが書いてあれば、それが間違いなくバージョンですが、Windowsの場合も当初はバージョンが明記されていました。Vistaと来て、バージョンがよく分からなくなりました。・Windows10更新プログラム・KB4524570のアップデートがありました。このアップデートには、驚きの修正が入っていました。先日の「transformプロパティの3D変形にチャレンジ」の記事を書くにあたり、3次元のものを回転させる場面が出てきました。これを理解するのはとても苦労しました。マトリックス変形」の中で「・3D変形:matrix3d()~()内の値は16個あるので省略」としました。CSSで簡単にレイアウトが組めるボックスとしてflexboxという機能があります。その機能の一部に、「flex-wrap」プロパティがあります。CSSのtransformプロパティを使うと、要素に5種類の変形を適用させることが出来ます。その5種類の変形とは1マトリックス変形、2回転、3縮尺(拡大・縮小)、4傾斜、5移動をひっくるめた表現です。その場合に2D変形と3D変形とがあります。<div>美味しいもの食べたいな。HTMLのタグでときどき<canvas>タグを見かけます。キャンバスはこれに絵を描きますが、canvasタグの名前はそれに因んでいるようです。キャンバスに描く具体的な絵の内容は、JavaScriptで行い、その内容をHTMLで実行しています。皆様への情報発信が目的ではなく、私個人用に作成したものです。私がよく訪れるブログの管理が難しくなり、この解消が目的です。feedly(フィードリー)のRSSリーダーのツールの情報提供。試しに使うと超便利なので導入。HTMLの<marquee>タグを使って動かしています。「prettify」というJavaScriptで記述された、ライブラリを使用すると、通常なら画面上では見ることが出来ない色々な言語で記述されたコードソースを見栄えよく表示させることが出来ます。これは、prettifyを使ってJavaScriptのソースを表示させた例です。左側に画像が流れループしますが、いずれかの女性にマウスで触れるとループが止まります。離すと再びループします。使用した画像は、2種類だけです。上の枠内の文字部分をクリックすると、「Animate.css」のデモ画面になります。it」のタグがあります。これをクリックしてみてください。前回、「jQueryのカレンダーを使ってみましょう」の記事を書きましたが、そもそもjQueryの使い方自体の説明をしませんでしたので、今回は同じトップ画面に表示されている小項目の「Checkboxradio」を取り上げて、jQueryの基本的な使い方を説明したいと思います。「iquery.com」にアクセスすると、次のような画面になります。JavaScriptの記述で、多くの人がよく使うものは、各種のサイトからライブラリーとして提供されています。「jQuery」も登録なしで無料で利用できるライブラリーの一つです。本日は、そのjQueryのライブラリーの中から1つだけ「カレンダー」を紹介します。単なるお遊びの「気持玉」を作ってみました。これは本物の「気持玉」ではありませんので、試しに気楽にいくつでも好きなだけポチッしてみてください。※リンクは付きませんし、匿名です。本当に動作するとは思ってもいませんでしたが、やっとのことで動作した時は感動しました。CSSとJavaScriptを使うと、面白いことが出来るんですね。こんにちわ!わけいです。寒くなり、まるで雪が降ってきたような感じです。※昨日アップした記事は「気持ち玉欄・コメント欄」がクリックを受け付けない状態でしたので、本日修正しました。昨日の記事のたった1行を書き変えるだけで、泡→雪の画面に変えています。不思議な世界がかなり下の方まで続きますが、バブルは画面端から消えてもはじけません。桜の花びらが、画面いっぱいを舞い散ります。これが札束だったら、すごいことになりそうですね。時々風が吹いて、花びらが横に舞うところが憎い演出です。詳しくは、sctwayさんのサイトへ。※季節的には、枯葉が舞い落ちたり雪が降ったりですが、何事も早めの準備も怠らないように、です。これは、しばらく前(2019/09/22)に手掛けたのですが、3つの円が重ならず、しかも文字はとんでもないところに表示されました。そればかりでなく、記事以外の部分と重なって表示され、しばらくそのままになっていました。下書き記事がかなり溜まってしまいました。今まで、引用に関して深い注意は払っていなかったのですが、もっと注意して引用すべきだと感じました。そこで引用に関して、どのようなルールや根拠があるのか調べてみました。1番の根拠となるのは、著作権法です。著作権法の引用の要件を満たしていない場合は、違法な無断転載とみなされます。2枚の画像を単に重ねただけの基本的なモードです。※2枚重ねた上側の画像はPNG形式にしてありますので、文字以外の部分が透明になっていますが、通常は白色などの背景色で四角い画像になりその部分の下側は隠れてしまいます。