WordPress上のテスト&確認のためのカテゴリ

Font Awesome アイコンの有効活用
ウェブサイトでアイコンを有効に使う為に、有効な方法は、Font Awesomeのアイコンを使う事であり、無償版のアイコンだけでも、2000個以上ある。これらのアイコンの内、あなたのサイトで使うものを選んで、適切な設定をすることによって、あなたのサイトにハイセンスなアイコンを手にいれることができる。

FontAwesomeアイコンと”rotate3d”でアニメーション
アイキャッチは、アニメgifですが、 実際のアニメは、Font Awesomeのアイコンを、class"fa-spin"で回して、さらにcssの、animation: "rotate3d"で回転させ疑似3D表現を行っています。実カラー、#Color Code、RGB一覧を 追記

グラスモーフィズム デザイン
Glassmorphism
グラスモーフィズム
デザイン グラスモーフィズム・スタイル
背景のぼかしを使用したガラスのようなエフェクト空間に浮遊するオブジェクトを用いた、複数の階層、レイヤーぼやけた透明感を際立たせるた...

3D デザイン Test
3D 表現のテスト No.1 一時停止
/* cube_No5.css */
.css-cube {
width: 100px;
height: 100px; margin: 5%; bord...

WordPress 5.7 ブロック・エディタ(新機能)テスト投稿
wordpress5.7
インサーター(左のブロック一覧)からドラッグアンドドロップで、直接 設置したい場所にブロックやブロックパターンを置ける様になりました。(これは、益々concrete5に似てきました。)
WordPre...

大容量GIFアニメーションは、PageSpeedにどう影響するか?実験
これまでも、小容量gifアニメーション(299KB、645KB、968KB、など)は、このブログに利用してきた。
関連記事 ➡
今回は、大容量gifアニメーションファイルが、サイトの表示速...

実験 画像サイズ毎のGifアニメーションUP
YouTubeに動画アップ。プラレールSL C61(改)改め超小型カメラ付き撮影用車両、台座部分を前輪の間際まで切断し、カメラと合わせた車長と車高をギリギリまで短くしてやっと3層Wループの外側も内側もクリアしたが、
Wi-Fi小型カメラの固定強度が不足して、撮影した画像が大幅にブレる video編集で手振れ補正を目いっぱいかけたWi-Fi小型カメラをプラレール線路脇に設置して、500系、N700S,azusaの交差映像を撮影
➡ それがこの動画の中ほどの部分

『工作』 自作ウッドパームレスト
自作パームレスト:ホームセンターで手ごろな木材(桐合成材)を買ってきて自分で制作した、リストレスト(パームリスト)パームレストとはキーボードやマウスの手前にあるパットやクッションで、キーボードを打つとき手のひらを置いておくために使用する。これにより長期間の打鍵による生じる疲れや、腱鞘炎の予防にも有効。

CMS(2種)とHTML+CSSで作った6ウェブサイト比較
あなたは、CMSと言ったら WordPressと思っていませんか?でも違うんです。しかし、あなたがそう思うのも無理はないんです。だって、CMSで作られたウェブサイトは、日本では80%以上、世界では1/3以上が、WordPressですから。今回は、そんなCMSで作られたウェブサイトを4つ そして、CMS以外で作られたウェブサイト2つをご紹介します。CMSで作ったサイトとHTML+CSSで作ったサイトの比較、CMSは、WordPressとconcrete5でそれぞれ2サイト、WordPressのテーマはCocoonを使用して異なるスキンを使用

Test for Google Map
Google マップでの通常表示と、拡大表示での📍表示Test
通常表示
以下の手順でGoogle検索から作成したGoogleMapでは、近隣のライバルも同時に表示される
concrete5で作成するGo...