サイト運営

css :デザイン

Gradation Design .cssで作るグラデーション:ここから.cssをコピーできます。

divタグ1つと.cssで実現できるグラデーションここで定義したdivと.cssを利用できます。両方をコピペすることで、あなたのサイトでも利用できます。 <div class="filter_x"></div> 、 <div class="...
css :デザイン

日本の伝統色(抜粋&RGBコード)、ほかの代表的なカラーグループも系統ごとにまとめ

デザインで使える日本の伝統的な色を抜粋してコード化とRGB表示でまとめてみました。ほかにも代表的な色を系統ごとにまとめてテーブル表示しています。あなたのウェブサイトデザインにお役立てください。 日本の伝統色「抜粋」  日本の伝統色 色の名前...
WordPress

WordPress 6.2.1 ➡ 6.2.2 Security & Maintenance release

複数のセキュリティ問題に対応このマイナーリリースでは、コアの20のバグの修正とブロックエディターの10のバグの修正が行われています。セキュリティ対応を含むリリースのため、ブランチ 6.2をお使いの場合は直ぐにアップデートをお勧めします。また...
WordPress

WordPress 6.2 メジャーバージョンアップ 新機能

Word Press 6.2 がリリースされました。今回のバージョンは、メジャーバージョンです。新機能についてご紹介しますが、このサイトは6.1.1のままで、6.2.1のマイナーバージョンがリリースされるまでは、テスト(Local)環境のみ...
css :デザイン

WordPressで、Bootstrap5始めました。

Bootstrapを使ったデザイン。最初にご紹介するのは「グリッドシステム」を使ったDesign、responsiveレスポンシブ Table hover(.text-nowrap クラスを設定する)デザイン、Floatユーティリティークラスを使用した画像配置例(文書付き)Designです。
css :デザイン

デザイン:FontAwesomeアイコンでサイトにメリハリを 2

FontAwesomeアイコンで、視覚的なアクセントを持たせる(サイトデザイン)の2回目です。 今回は、「文字と合わせて表示、Linkも!」、「アイコン重ね表示」、「文字とアイコン重ね表示」、「spinの違い」、「アイコンと"fa-spin...
css :デザイン

デザイン:FontAwesomeアイコンでサイトにメリハリを 1

今回はサイトで使用しているFont Awesome 5 Freeアイコンを使って、どの様なデザインができるか?その1回目として、FontAwesome5アイコンを組合せて、視覚的なアクセント(着色、拡大、回転、角度変更)を持たせること。また...
css :デザイン

Glassmorphism グラス モーヒズム to your liking! ➡css can be output. try moving.

すりガラスのパネル デザイン、不透明度の指定、ぼかしの指定、境界線の太さ、パネルの四隅の角丸、Glassのカラーの選択(カラーパネルからの選択 or カラーコード入力)あなたの感覚で、この画面から操作してみてください。「Codeを生成」からコピペで生成されたコードをご利用いただけます。グラス モーフィズム
WordPress

WordPress 6.1.1 Maintenance Release

このメンテナンス リリースは、コアの 28 件のバグ修正とブロック エディタの18 件のバグ修正があります。WordPress 6.1.1 メンテナンス リリース
WordPress

WordPress6.1 Major Update

WordPressのメジャーアップデート6.1多くの機能強化やブロックライブラリの充実・ブロック エディタの強化、アクセシビリティ対応が図られました。
PR広告