サイト構築

[WordPress] タイトル

テーマを自作した場合のタイトル設定下記の設定をした場合、サイト名|タイトルという表記になる。<title><?php bloginfo('name'); wp_title('|', true, 'left'); ?></title>
サイト構築

[CSS] 初期化設定

初期化状態を考えると、次のようなものが必要かな。// 共通設定* { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: bas...
サイト構築

[jQuery] カットインサンプル

jQueryを利用したカットインのサンプルです
サイト構築

[jQuery] スクロールに応じてカットイン

jQueryを使って上下左右のカットイン処理について記述します。
サイト構築

[CSS] 画像に対する文字の回り込み

Flexboxのおかげで、floatを使うことはほとんどなくなったけど、画像に対する文字の回り込み処理には、まだ使う感じ。afterにいわゆる clearfix を設定しています。// 画像に対する文字の回り込み/// 左側に画像.img-...
サイト構築

[jQuery] スクロールに応じてフェードイン表示

jQueryを使うならこうかな。fade-in というクラスを与えたタグをスクロールに応じてフェードイン表示します。// HTML読込終了に伴う処理jQuery(document).ready(function() { $('.fade-i...
サイト構築

[CSS] リストをカンマで区切る

最後以外にカンマをつける。カンマの後ろに半角スペースも挿入したい。となると下記のようになる。あら、とてもスマートで素敵。難しくはないんだけど、:not(:last-child) がね。忘れちゃって出てこないんだよね。// カンマ付き横並びリ...
未分類

蛍光ペン

蛍光ペンサンプル.highlighter-blue { background:linear-gradient(transparent 75%, #6cf 60%); }.highlighter-yellow { background:lin...
未分類

pwd (現在のディレクトリを表示:Present Working Directory)

現在のディレクトリを表示するpwd
Linux

cat (concatenate:連結する)

ファイル内容を出力するfilename を閲覧表示$ cat filenameファイル内容を結合して出力する$ cat filename1 filename2