スポンサーリンク
Test

Font Awesome アイコンの有効活用

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

FontAwesomeアイコンと”rotate3d”でアニメーション

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

グラスモーフィズム デザイン

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

3D デザイン Test

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

WordPress 5.7 ブロック・エディタ(新機能)テスト投稿

wordpress5.7 インサーター(左のブロック一覧)からドラッグアンドドロップで、直接 設置したい場所にブロックやブロックパターンを置ける様になりました。(これは、益々concrete5に似てきました。) WordPre...
2021.03.12
GIFアニメーション

大容量GIFアニメーションは、PageSpeedにどう影響するか?実験

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

実験 画像サイズ毎のGifアニメーションUP

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

『工作』 自作ウッドパームレスト

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

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を使用して異なるスキンを使用
2021.04.07
GoogleMap

Test for Google Map

Google マップでの通常表示と、拡大表示での📍表示Test 通常表示 以下の手順でGoogle検索から作成したGoogleMapでは、近隣のライバルも同時に表示される concrete5で作成するGo...
2020.10.10
スポンサーリンク
タイトルとURLをコピーしました