NxWorld

CSS Snippets #7

Read Article

CSS Snippets #7

CSSで「〇〇したい」とか「これどうするんだっけ...」というときに使えるものや地味だけど覚えておくと便利だと思う簡易的なスニペットを紹介します。以前であれば画像やJavaScriptを用いなければいけなかったものがCSSのみで表現できたり、上手く使えばよりシンプル且つ効率良く記述するのに役立つものもあるので、特にこれからCSSを学びたいという人や学び始めたばかりでもう少しレベルアップしたいという…

  • Tips
CodePenで公開されている、CSSを使ってIsometric（アイソメトリック）な見栄えを実装したデモ 15

Read Article

CodePenで公開されている、CSSを使ってIsometric（アイソメトリック）な見栄えを実装したデモ 15

CSSを使って要素を斜め上から見ているようなIsometric（アイソメトリック）な見栄えを実装しているデモをCodePenで公開されているものから紹介します。基本的にこのような見栄えを実装したいときによく使われる`transform`の`rotateX()`と`rotateZ()`を組み合わせたもので、そこに＋αを加えて見栄えや動きを作っている感じです。

  • Tips
WordPress：アイキャッチ設定や記事内の画像有無によって、記事内ひとつ目の画像や代替画像を表示させるスニペット

Read Article

WordPress：アイキャッチ設定や記事内の画像有無によって、記事内ひとつ目の画像や代替画像を表示させるスニペット

WordPressでアイキャッチを利用するテーマの場合、登録されなかったときの処理として記事内にあるひとつ目の画像やあらかじめ用意しておいた代替画像をアイキャッチとして表示させることが多いのですが、そのようなときに使えるスニペットの備忘録です。

  • WordPress
WordPress：「MW WP Form」でセレクトボックスやラジオボタンの選択項目によって送信先アドレスを変更する方法

Read Article

WordPress：「MW WP Form」でセレクトボックスやラジオボタンの選択項目によって送信先アドレスを変更する方法

WordPressで確認・完了画面付きの問い合わせフォームを実装したいときに便利なプラグイン「MW WP Form」で、セレクトボックスやラジオボタンの選択項目によってそれぞれ異なるメールアドレス宛に送信されるようにする方法です。

  • WordPress

Close the search window,
please press close button or esc key.