2020-01-01から1年間の記事一覧
役に立ったページ ・知っておくと便利なHTML5の機能、要素や属性のまとめ 「mapタグ」、「markタグ」、「datalist要素」など、どれも知っておいて損は良いと思えるタグや機能などでした。 coliss.com ・【CSS】mix-blend-mode >CSS3のプロパティ。これはDOM…
ボタンのCSSジェネレーター ボタンのCSSジェネレーター作ったので、よかったら使ってみて下さい！https://t.co/w3jyPDgqbB pic.twitter.com/YErJouOrkf— はにわまん (@haniwa008) 2020年9月12日 ちなみに、作者はにわまんさんのサイトでも、WordPressの記事…
・要素があるかどうか判別したい場合の記述 //querySelectorやgetElementByIdなどの単一要素を取得するメソッドを使った場合 const elem = document.querySelector('.elem'); if(elem !== null){ /* elemがあれば */ } //querySelectorAll や getElementsByC…
使い所 カーソルホバーで開く「プルダウン（ドロップダウン）メニュー」や、自動スクロールしている「スライダー」など、 イベントや動きの設定されている要素のスクリプトを一旦止めて、要素に設定されているスタイルを変更したい時など。 方法 ①Devloper T…
Webページで使っているJSでは、出てくることも多いので、改めて調べてまとめました。 setTimeout() ・引数に指定した待ち時間の経過後に、関数を1度だけ実行させます。 ・処理を遅延させたい時、例えばコンテンツの非表示を遅らせる時などに使います。 ・cle…
【HTML文字列の挿入】： insertAdjacentHTML insertAdjacentHTMLは、第二引数で指定するテキストをHTMLとして、指定された位置（第一引数で指定）に挿入します。構文は以下です。 .insertAdjacentHTML(position, text); ・第二引数で指定するテキストを HTML…
ブラウザで、要素に設定されたイベントを調べる方法を備忘録として書いておきます。 【Chrome例】 ①developerツールにて、タグを選択する。 ②Event Listenersタブをクリック。 ③clickイベントがあればclickなどと表示されており、▼を押してさらに下を見ると…
・コーポレートサイトなどでよくある、headerで、ロゴ要素だけ左端に置いて、他の要素は右端に並べるレイアウト。 （こういうレイアウト） ────────────────────────────── ロゴ 会社概要 アクセス お問い合わせ ────────────────────────────── ul { displa…
WordPress（PHP）で、投稿のカスタマイズなどを理解するために必須のような基本的な関数を、最近知った分をまとめます。 基本的な関数 get_post_type(); 指定した投稿または現在の投稿の、投稿タイプを取得します。 引数には、投稿タイプを取得したい投稿の …
WordPressでアーカイブにて投稿・ループなどをカスタマイズする業務すすめる上で、WP_Query関数を知りました。 まだまだ理解が浅いですので勉強中ですが、簡単にまとめます。 WP_Queryとは wp-includes/class-wp-query.php に定義されているクラスで、 どの…
私がコーディングの仕事で使用している基本的なツールやサイトを紹介します。 HTMLやCSSのタグやプロパティが、各ブラウザへ対応しているか確認できるサイト「Can I use... 」 使用例）FlexboxがIEなどのブラウザで有効なのか知りたい時。Can I use... Suppo…
【デバッグモード】 ｗp-config.php のDEBUG（） をtrueにする。 【固定ページのバックアップやインポートやエクスポート】 ・エクスポートは、左ナビの「ツール」から。xmlで落とせる。 ・インポートは、同じく「ツール」から「Wordpress」インポーターをイ…
一行で済む文の時 （三項演算子） 長い記述になりそうな時 PHPをHTML内に挿入する時 <p>aaa</p> <p>bbb</p> 参考にさせていただいた記事 unitopi.com
使い方 変数$aに文字列 hoge が入っている場合、以下のように var_dump で取り出してみます。 var_dump($a); 出力結果： string(4) "hoge" string は、型（文字列など）を、 (4) は、文字列のバイト数を、 "hoge"（ダブルクォート）は、値を表しています。 W…
左上の「見たまま」から「はてな記法」を選ぶ。 デフォルトでは前者になっているので、「設定」メニューから変えておくと良い。 以下のようにコードを入れる。 >|css|font-size: 10px;|| 結果： i{ font-size: 10px; } 管理画面の、タイトル下のアイコンを選…
問題 zeplinなどで作成されたデザインデータで以下のような値のまま、 font-family: meiryo; 入れていたら、ブラウザsafariで見た時に、明朝体での表示になってしまっていた。ほかブラウザだとゴシックで表示してくれていたが。 解決策 bodyなどのセレクタに…
