css :デザイン

Design 回転する Cube Cube Cube & HTMLとcssの解説とCopy to Clipboard

Webページにダイナミックな動きと鮮やかな色彩を加えたいと思ったことはありませんか?CSSアニメーションを使えば、あなたのWebページをより魅力的にすることができます。今回は、その中でも特に目を引く、虹色グラデーションで回転するCubeとテ...
css :デザイン

Design ユーザーによる要素の編集が出来る .htmlも.cssもCopyできます。

contenteditable グローバル属性は、ユーザーによる要素の編集を可能にする列挙型属性です。今回は、<div>タグに「contenteditable」を使用し、配下のコンテナ内に配置したカード内のテキストを編集できる様にしました。...
css :デザイン

Design Cube Cube Cube ➡HTMLとCSSのコードもCopyできます。

今回は、4種の異なるアニメーションCubeをご紹介します。あなたのPCに、コードをコピーして、動きを楽しんでみませんか?Codeは、のクリックでクリップボードにCopyできます。 8Cube'sと 9Cube's x 6Faceは、カラーク...
WordPress

WordPress6.7.2 Maintenance

WordPress 6.7.2 は、以前のバージョンで報告されたバグを修正し、安定性を向上させるためのアップデートです。ブロックエディターの操作性やパフォーマンスが向上し、よりスムーズなコンテンツ作成が可能になりました。HTML APIに関...
css :デザイン

Cube Design 1、8、27のアニメーションとcode解説・Copy も!!!

8Cubeと、27Cubeでは、アニメーションの違い(遅延など)が分かる様に、各Cubeに番号を付けています。Codeは、のクリックでクリップボードにCopyできます。各Cubeの定義には、静止とアニメーション・関連のプロパティ(継続時間、...
css :デザイン

心を彩る、和色とカラーコードの調べ – あなただけの色彩パレット

Webサイトやブログで「もう少しだけ、この色を添えたい」と思ったことはありませんか?微妙なニュアンスを表現できるグラデーションカラーは、デザインの可能性を無限に広げてくれます。しかし、色の選択は時に迷路のよう。例えば、同じカラーコード #00FFFFでも、※.アクア 「 Aqua」や、シアン 「 Cyan」といった異なる呼び名が存在します。また、「Medium spring green」のように、同じ名前でも※.「 Medium_springgreen 」#00FA9A:(薄い緑系)と、※.「 Medium_Spring_Green」#348017:(濃い緑系)のように、カラーコードが異なる場合もあります。日本の伝統色である和色は、その繊細な色合いと美しい名称で、私たちの心を魅了します。※.「濃紺」:「 のうこん」#1F2F54で「 Navy blue」とも呼ばれますが、※.「 Navy」または、「 Navy blue」でも #000080という別の色も存在します。瑠璃紺:※. るりこん:#19448E と、紺瑠璃:※. こんるり:#213380のように、似たような名前でもわずかに異なる色合いを持つ和色は、日本文化の奥深さを感じさせます。
WordPress

WordPress 6.7.1 maintenance release

WordPress 6.7.1 は、主にバグ修正に焦点を当てたメンテナンスリリースです。 このリリースは、WordPress 6.7で導入されたバグに特化しており、安定性を向上させるための高い優先度の修正が含まれています。16のバグ修正: ...
WordPress

サイトで記事の保存に時間がかかりすぎた時にすること

データベースの最適化  記事の保存はデータベースへの書き込みを伴います。データベースが肥大化したり、インデックスが適切に構築されていない場合、クエリの実行時間が長くなり、保存に時間がかかることがあります。私のサイトでもつい先日、記事を再編集...
css :デザイン

デザイン:タグクラウドのアニメーション Tag cloud Design

--tagcloud-Design 数字部分に、カーソルを当ててみて(ホバーして)ください。タイトルが表示されている部分は、クリックすると該当のページにジャンプします。これは、タグクラウドを利用したメニューにもなります。タグクラウド数字部分...
css :デザイン

デザイン:3D Rainbow Sphere

HTMLとcssだけで作る虹色に変化する3DデザインHTMLの基本形はとても簡単なものです。そこからCSSでclassに様々な設定をして3D表示を完成させます。ここではステップを追う事。進捗が見えるようにHTMLとcssの進捗(進化)をco...
PR広告
タイトルとURLをコピーしました