- 2018年2月18日
- 2018年2月18日
超簡単！CSSで引き算をして横幅【width】を指定する方法・ファンクション”calc”
例えば100%のボックス要素の中に、50pxの要素 と 100% – 50pxの要素を並べる場合 このような場合、cssの数値で引き算が出来るとベスト。 calcという便利なファンクションがありますので、calcで計算式をすることが可能。 […]
TAG
コピペ
- 2017年9月20日
- 2017年9月20日
CSSで矢印の”＞”アイコンを作る方法
最近良く見かける'＞'での見出しやリストの項目があります。 これをテキストで打ってしまうと ＞ ここにリンクのテキスト といったように、不格好になってしまいます。 このようになっているとかっこいいですね。 html [crayon-662a468a8 […]
- 2017年9月20日
- 2018年2月18日
cssのbox-sizingを利用して、余白やborderを内側にしてレイアウトをしやすくする。
box-sizingを使用することで、要素のサイズ（width）を明確にすることができます。 box-sizingを使用しない場合 たとえばbox-sizingを使用しない場合で、40%と60%のbox要素にpadding 20pxをかけると このよ […]
- 2016年11月14日
- 2018年2月23日
【WordPress】よく使うテンプレートタグ一覧
よく使うWordPressテンプレートタグ一覧 最もよく使うWordPressのテンプレートタグをまとめてみました。 こちらからコピペして使って下さい。 インクルードタグ [crayon-662a468a8fb19936152736/] テンプレート […]
- 2016年11月6日
- 2018年2月18日
【プロが教える!!】DOM操作の基本『after・before・append』の使い方
超便利！jQreryの基本 DOM操作！ WordPressのテンプレートタグや、自動生成されてしまってタグをカスタマイズ出来ない時があります。 でも最初からプログラムを書いていると時間と手間が… という時には、指定した要素の前や後ろ、子要素の前や後 […]
- 2016年11月3日
- 2020年5月14日
1分で導入可能【Google Fonts（グーグルフォント）】の使い方！
googleフォントにアクセス https://fonts.google.com/ google Fontsにアクセスしてください。 使ってみたいフォントをクリック！ 今回はNoto Sansを使ってみます。 使いたいWeight（太さ）を選択！ 私 […]
- 2016年11月3日
- 2018年2月18日
【WordPress】超便利＆超簡単なPHPでのコメントアウト方法を紹介
htmlのコメントアウト htmlファイル [crayon-662a468a905d7307933586/] これは、あなたが書いたhtmlのコードが何のコードだったかをわかりやすくく術するための方法。 しかし、たまに、コード自体をコメントアウトした […]
- 2016年11月3日
- 2018年2月21日
【コピペで超簡単♪】スクロールしたら現れるTOPに戻るボタン
コピペで簡単実装【TOPに戻るボタン】の紹介。 何も考えない。コピペで簡単実装しましょう（笑） jQueryの呼び出し まずはjQueryをhtmlファイルに呼び出します。 htmlファイルにコピペ [crayon-662a468a907d95335 […]
- 2016年11月3日
- 2018年2月18日
【5秒実装!!】Copyrightを現在の年号に自動更新してくれる！？
Copyrightの年号を記載してある部分を自動更新 この【2016】の部分を現在の年号にしてくれるphpのテンプレートタグがありました。 下記コードをコピペで実装 phpテンプレート [crayon-662a468a90b73016961453/] […]
- 2016年11月3日
- 2018年2月18日
要素が画面に入ったらアニメーションをするパララックス【inview.js】と【animeite.css】の使い方
最近ではLPのみならず、通常の企業サイトでもアニメーションを使用して要素を出現させたり動かしたりするサイトが増えてきました。 その中でも最も使いやすく動作が軽いjQueryのプラグイン【inview.js】と、cssのアニメーションプラグイン【Ani […]