1枚のフォトをモザイク表示

今回は、この画像を使って、以下で遊んでみます。 7月も、今日で終わりです。 台風が発生しない7月は、観測史上初めてらしく、それは有難いです。 でも、台風じゃなくても、豪雨で各地に大きな災害があったので、 結果的には、台風が沢山到来したような状態と同じ気がします。 1 モザイク風フォト この1枚のフォトを、モザイク風にして表示。 とても面白…

続きを読む

ビートルズが演奏した「Carol」のカバー曲

画像は、わけいの思い出のビートルズラベルより チャックベリーのオリジナル曲の Carol 「Carol」はチャックが作った数ある曲の中でも飛び抜けて魅力的な曲のひとつといわれています。 この歌とは別に「キャロル」という言葉を耳にしますが、「キャロル」って何なんでしょう?何か関連があるのでしょうか? ・チャックベリーの「キャロル」…

続きを読む

こうなってんですね!PCアニメ・目の描き方

画像は、わけいのコラージュより 私は、小さいころからイラスト・マンガを描くのは苦手だったのですが、 クラスにはたいてい上手な子がいました、特に女の子が多かった気がします。 少女漫画の目の輝きは、すごいですね! 目のイラストをしみじみと眺めると、いろいろ工夫しているんですね。 そんなわけで、今回はPCアニメ・目の描き方の話題です。 1 アニメの目…

続きを読む

フィッシング詐欺です!「親愛なChromeユーザ様 あなたは〇月のラッキービジターです」

画像は、わけいのトマト缶ラベルより 記事:2020/07/27、更新:2020/07/28 本日、私のパソコンでフィッシング詐欺の未遂事件がありました。 未遂でよかったですが、みなさんもお気を付けください。 記録に、その状況を書いておきます。 フィッシング詐欺の「親愛なChromeユーザ様 あなたは7月27,2020のラッキービジターです」に注意! 2…

続きを読む

くらげを飼育してみませんか

画像は、わけいのコラージュより くらげの飼育 世の中にはクラゲをペットにする人がいるそうで、 クラゲと飼育キットを売ってるペットショップもあるそうです。 でも、グッピーでも大変なのに、クラゲとなると水・光・温度・餌管理などとても大変そうです。 その点、PC上だと管理不要で簡単なんですけどね。 …

続きを読む

スクロールで回転する箱

画像は、わけいのコラージュより スクロールで回転する箱 スクロールすると箱が回転します。 箱が一回りすると、箱の下にスクロールできます。 なお、箱の4面のアイコンは・・・ ① 緑色~ギフト ② 水色~バースデーケーキ ③ ベージュ色~レトロカメラ ④ ピンク色~ワイングラス ・・・です。 最初に青の画面があるので…

続きを読む

笑点大喜利の「小遊三師匠の犯罪キャラ」

画像は、わけいのトマト缶ラベルより 笑点の大喜利の話が続きました。 今回は、小遊三師匠の話題です。 小遊三師匠のキャラの確認 小遊三師匠の話の前に、師匠のキャラを再掲しておきます。 三遊亭小遊三師匠 ・自称イケメンキャラ、「(二枚目の〇〇)と間違えられる」などをネタに ・泥棒、夜逃げ、食い逃げ等の犯罪者キャラ ・銀杏拾い、Hキャラも ・た…

続きを読む

笑点大喜利「なんでもランキング」

画像は、わけいのトマト缶ラベルより 世の中、いろんなランキングがありますね。 今回は、笑点の大喜利での「なんでもランキング」の話題です。 このランキングでの「1位・2位から3位への持ってき方」は、とても参考になります。 何でもランキング お題:3位までランキング皆さんは「1位から3位までのランキングを発表してください」 私が「それは何のランキングですか?」…

続きを読む

笑点大喜利の「秩父大月戦争」

画像は、Pixabayから 私は銀杏の木を見ると、小遊三師匠の銀杏拾いを連想してしまいます。 これは小遊三師匠の数あるキャラの一つですが、 このキャラが長年にわたり、無意識のうちに身に染み続けたので、今では完全に反射的にそう感じてしまいます。 笑点の大喜利では、こういったキャラが重要な役割を果たしているようです。 いくつものキャラを持っている=話題が多い=回…

続きを読む

コールドブリューで楽しむコーヒー

Cold Brew Coffee 画像は、Pixabayより コールドブリューコーヒー を楽しむ 最近はカフェのメニューでもよく見かける「コールドブリューコーヒー」。 熱を加えずに、時間をかけ水で抽出したのがコールドブリュー コーヒー。 香り高い風味が引き出され、まろやかな味わいが楽しめる! …

続きを読む

CSSで色々なレイアウト表示

画像は、わけいのコラージュより。 25枚の画像があります。 これを1枚づつではなく、一気に一覧で表示したいのですが、 色々な表示方法があります。 今回は、4種類のレイアウトボタンを選択して表示方法を変えるものです。 CSSだけで実現した色々なスタイルのレイアウト 表示モードの変更: ラジオボタンにチェックを入れてください。 ① グリッド…

続きを読む

マソンリーレイアウトを使ってみる

画像は、わけいのコラージュより CSSを使ったフレックスボックスレイアウトとグリッドレイアウトを紹介しました。 今回は、JavaScriptのライブラリのMasonryを使った自由度の高いレイアウトの紹介です。 JavaScriptのライブラリを使う方法は、CSSの記述より非常にシンプルで使いやすいです。 難しい細かい設定は全てMasonr…

続きを読む

グリッドレイアウトの体験

画像は、わけいのコラージュより 先日フレックスボックスレイアウトの関係に触れましたので、今回は同様に自由なレイアウトを実現するためのグリッドレイアウトを使ってかつレスポンシブなレイアウト、それがどんなものかを体験していただければと思います。 1 レスポンシブ・グリッドレイアウトの体験 ・事項の2の実例では、カラフルなカードに番号(1-26)が書か…

続きを読む

簡単なデバイスの画素数サイズの比較

シンプルにデバイスの画素数サイズが分かる Simple device mockups in CSS シンプルで分かりやすい各デバイスの画素数でのサイズです。 デバイスは、デバイス内の画像のサイズに合わせて自動的にサイズを調整します。 デバイス全体の相対的な比較 以下に登場するスマホ、タブレット、デスクトップPCの相対的な大きさです…

続きを読む

フレックスボックス・レイアウトの学習

画像は、わけいのコラージュより Webサイトやブログで画像やテキストなどを、自由度のあるレイアウトをCSSで実現しようとする際に、よく使われるのがフレックスボックスレイアウトとグリッドレイアウトです。 今回は、フレックスボックスレイアウトに関する違いを体験する学習の紹介です。 参考になれば幸いです。 フレックスボックス・レイアウトの学習がで…

続きを読む

きらきら星玉

画像は、Pixabayから きらきら星の玉 こんな夜空の星は現実にはないと思いますが、 あったらさぞかし綺麗でしょうね。 花火のように消えてしまわないで、一晩中キラキラと・・・ 翌日も、その次の日も・・・ …

続きを読む

iPhoneにピッタリのヘッドフォン

今回は、iPhoneアクセサリに最適なワイアレスヘッドフォンのCM風の紹介です。 このヘッドフォンは、以下の特徴があります。 ・臨場感あふれるサウンドで自分の世界に没頭、外部音取り込みモードで周囲の状況に配慮できます。 ・ヘッドフォンを折りたたむと電源のオン・オフができます。 ・人間工学に基づくデザインで、長時間装着でもとても快適です。 ・バ…

続きを読む