HTML_CSS

01:28・2020/12/20

擬似要素を使ってみる〜「:before」「:after」編〜

新たに実装した「pin」と「new」の実装方法について解説します。 ↓「new」の表示期間についてはこちらで↓WordPressで更新日からの経過時間を反映する コード 「pin」のコード 検証をして、先頭固定表示の投稿 …

WordPress

23:49・2020/12/19

WordPressの表示を更新順に変える

メインループにおける投稿の並び順を、タイトル・更新日・ランダムなど自由自在に変更する↑こちらのサイトを参考に変えてみました。 コード functions.php内に記述します。 降順で更新順に並び替えました。 設定につい …

GitHub

23:44・2020/12/07

簡易マインドマップをJavaScriptで作る(制作過程)

現在のDEMO サンプル(1/28時点) ポジトリはここ(1/28時点) 最終目標 (線を出したり単語をジョイントするのは技術的に難しいので)表示した単語を分類できるのが目指す完成形です。もはやマインドマップと言えるかは …

JavaScript

16:49・2020/12/03

色相をループさせるJavaScript

DEMO サンプル-GitHub Pages 解説 countup、countdownと数字の動きを分けて記述しました。順番はGoogleのカラーピッカーを左からなぞったものになっています。 処理が下から行われているのは …

WordPress

14:41・2020/10/20

WordPressで読み込むCSSを期間ごとに変える

ハロウィーンが終わるとあっという間に年末な気がしてきます。 WordPressで複数のCSSを読み込む そもそもどうやって「style.css」以外のCSSを読み込むのか調べました。 複数のCSSを読み込むコード 出力結 …

GitHub

23:25・2020/10/13

GitHub_Pagesを使ってみた

サンプルページを表示するのにGitHubPagesを使うことにしました。 新規リポジトリを作成する 右上のNewを押して作ります。 リポジトリを作成する-GitHub Docs 公開範囲はpublicにしてください。RE …

HTML_CSS

16:55・2020/10/12

headerを三角形にしてみる

縮めても伸ばしても、角が割れません。 サンプルページ-GitHub Pages コード 解説 四角形(.square)と下向き三角形(.triangle)を組み合わせて作っています。 三角形は左右のborderにtran …