# CODE：コード

> Webサイト制作で使える、コーディングテクニックを紹介


## 固定ページ

- [test](https://www.prontonet.mobi/test-2/)
- [test](https://www.prontonet.mobi/test/)



## 投稿

- [jQueryでタブ機能を実装する](https://www.prontonet.mobi/javascript/jquery/tab/)
- [【CSS】共通パーツを作る](https://www.prontonet.mobi/css/common_parts/)
- [フォーム周りに設定されていると親切なあれこれ](https://www.prontonet.mobi/knowhow/form_ux/)
- [HTML構造の想像](https://www.prontonet.mobi/html/html%e6%a7%8b%e9%80%a0%e3%81%ae%e6%83%b3%e5%83%8f/)
- [スマホやタブレットと連携するときに便利な「Pushbullet」](https://www.prontonet.mobi/software/browser/%e3%82%b9%e3%83%9e%e3%83%9b%e3%82%84%e3%82%bf%e3%83%96%e3%83%ac%e3%83%83%e3%83%88%e3%81%a8%e9%80%a3%e6%90%ba%e3%81%99%e3%82%8b%e3%81%a8%e3%81%8d%e3%81%ab%e4%be%bf%e5%88%a9%e3%81%aa%e3%80%8cpushbullet/)
- [インデントと改行のススメ](https://www.prontonet.mobi/knowhow/%e3%82%a4%e3%83%b3%e3%83%87%e3%83%b3%e3%83%88%e3%81%a8%e6%94%b9%e8%a1%8c%e3%81%ae%e3%82%b9%e3%82%b9%e3%83%a1/)
- [console.logの罠](https://www.prontonet.mobi/javascript/console-log%e3%81%ae%e7%bd%a0/)
- [scriptタグとstyleタグはもうtype属性はいらないよねっていう話](https://www.prontonet.mobi/html/script%e3%82%bf%e3%82%b0%e3%81%a8style%e3%82%bf%e3%82%b0%e3%81%af%e3%82%82%e3%81%86type%e5%b1%9e%e6%80%a7%e3%81%af%e3%81%84%e3%82%89%e3%81%aa%e3%81%84%e3%82%88%e3%81%ad%e3%81%a3%e3%81%a6%e3%81%84/)
- [float解除の方法ベスト1！](https://www.prontonet.mobi/css/float%e8%a7%a3%e9%99%a4%e3%81%ae%e6%96%b9%e6%b3%95%e3%83%99%e3%82%b9%e3%83%881%ef%bc%81/)
- [スライド画像が２つ以上になったらスライダーを機能させる](https://www.prontonet.mobi/javascript/jquery/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e7%94%bb%e5%83%8f%e3%81%8c%ef%bc%92%e3%81%a4%e4%bb%a5%e4%b8%8a%e3%81%ab%e3%81%aa%e3%81%a3%e3%81%9f%e3%82%89%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%82%92/)
- [スクリプトを実行するタイミングを指定する](https://www.prontonet.mobi/javascript/jquery/%e3%82%b9%e3%82%af%e3%83%aa%e3%83%97%e3%83%88%e3%82%92%e5%ae%9f%e8%a1%8c%e3%81%99%e3%82%8b%e3%82%bf%e3%82%a4%e3%83%9f%e3%83%b3%e3%82%b0%e3%82%92%e6%8c%87%e5%ae%9a%e3%81%99%e3%82%8b/)
- [SCSSのmixinで背景グラデーションを出力しようとしたらうまくいかなかったこと](https://www.prontonet.mobi/css/scss/scss%e3%81%aemixin%e3%81%a7%e8%83%8c%e6%99%af%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e5%87%ba%e5%8a%9b%e3%81%97%e3%82%88%e3%81%86%e3%81%a8%e3%81%97%e3%81%9f%e3%82%89/)
- [Submile Text 3ショートカット](https://www.prontonet.mobi/software/editer/submile-text-3%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%82%ab%e3%83%83%e3%83%88/)
- [jQueryで、特定の日になったら画像を切り替える。](https://www.prontonet.mobi/javascript/jquery/jquery%e3%81%a7%e3%80%81%e7%89%b9%e5%ae%9a%e3%81%ae%e6%97%a5%e3%81%ab%e3%81%aa%e3%81%a3%e3%81%9f%e3%82%89%e7%94%bb%e5%83%8f%e3%82%92%e5%88%87%e3%82%8a%e6%9b%bf%e3%81%88%e3%82%8b%e3%80%82/)
- [特定の日、特定の時間になったらコンテンツを切り替える。PHP編](https://www.prontonet.mobi/php/php%e3%81%a7%e3%80%81%e7%89%b9%e5%ae%9a%e3%81%ae%e6%99%82%e9%96%93%e3%81%ab%e3%81%aa%e3%81%a3%e3%81%9f%e3%82%89%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84%e3%82%92%e5%88%87%e3%82%8a%e6%9b%bf/)
- [画面サイズによってCSSを切り替える（いわゆるレスポンシブ）](https://www.prontonet.mobi/css/%e7%94%bb%e9%9d%a2%e3%82%b5%e3%82%a4%e3%82%ba%e3%81%ab%e3%82%88%e3%81%a3%e3%81%a6css%e3%82%92%e5%88%87%e3%82%8a%e6%9b%bf%e3%81%88%e3%82%8b%ef%bc%88%e3%81%84%e3%82%8f%e3%82%86%e3%82%8b%e3%83%ac/)
- [GoogleMapをレスポンシブ対応させる](https://www.prontonet.mobi/css/googlemap%e3%82%92%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e5%af%be%e5%bf%9c%e3%81%95%e3%81%9b%e3%82%8b/)
- [テーブルのセル結合が紛らわしい](https://www.prontonet.mobi/html/%e3%83%86%e3%83%bc%e3%83%96%e3%83%ab%e3%81%ae%e3%82%bb%e3%83%ab%e7%b5%90%e5%90%88%e3%81%8c%e7%b4%9b%e3%82%89%e3%82%8f%e3%81%97%e3%81%84/)
- [カスタム投稿の投稿個別ページを作らせない](https://www.prontonet.mobi/php/wordpress/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e6%8a%95%e7%a8%bf%e3%81%ae%e6%8a%95%e7%a8%bf%e5%80%8b%e5%88%a5%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%92%e4%bd%9c%e3%82%89%e3%81%9b%e3%81%aa%e3%81%84/)
- [Wordpressのカスタム投稿タイプを作成する](https://www.prontonet.mobi/php/wordpress/wordpress%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e6%8a%95%e7%a8%bf%e3%82%bf%e3%82%a4%e3%83%97%e3%82%92%e4%bd%9c%e6%88%90%e3%81%99%e3%82%8b/)
- [baseをドメインによって切り替える](https://www.prontonet.mobi/php/base%e3%82%92%e3%83%89%e3%83%a1%e3%82%a4%e3%83%b3%e3%81%ab%e3%82%88%e3%81%a3%e3%81%a6%e5%88%87%e3%82%8a%e6%9b%bf%e3%81%88%e3%82%8b/)
- [baseタグについて](https://www.prontonet.mobi/html/base%e3%82%bf%e3%82%b0%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/)
- [1ページ内で複数のGoogleAnalyticsトラッキングコードを設置する](https://www.prontonet.mobi/javascript/1%e3%83%9a%e3%83%bc%e3%82%b8%e5%86%85%e3%81%a7%e8%a4%87%e6%95%b0%e3%81%aegoogleanalytics%e3%83%88%e3%83%a9%e3%83%83%e3%82%ad%e3%83%b3%e3%82%b0%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e8%a8%ad%e7%bd%ae/)
- [固定ページの親のスラッグを取得する](https://www.prontonet.mobi/php/wordpress/%e5%9b%ba%e5%ae%9a%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e8%a6%aa%e3%81%ae%e3%82%b9%e3%83%a9%e3%83%83%e3%82%b0%e3%82%92%e5%8f%96%e5%be%97%e3%81%99%e3%82%8b/)
- [高さが決まっているブロックの中で、画像を上下中央に配置する](https://www.prontonet.mobi/css/%e9%ab%98%e3%81%95%e3%81%8c%e6%b1%ba%e3%81%be%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8b%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e4%b8%ad%e3%81%a7%e3%80%81%e7%94%bb%e5%83%8f%e3%82%92%e4%b8%8a%e4%b8%8b/)
- [親Pタグと子P・DIVタグ](https://www.prontonet.mobi/html/%e8%a6%aap%e3%82%bf%e3%82%b0%e3%81%a8%e5%ad%90p%e3%83%bbdiv%e3%82%bf%e3%82%b0/)
- [文章を「途中で折り返す」と「折り返さない」](https://www.prontonet.mobi/css/%e6%96%87%e7%ab%a0%e3%82%92%e3%80%8c%e9%80%94%e4%b8%ad%e3%81%a7%e6%8a%98%e3%82%8a%e8%bf%94%e3%81%99%e3%80%8d%e3%81%a8%e3%80%8c%e6%8a%98%e3%82%8a%e8%bf%94%e3%81%95%e3%81%aa%e3%81%84%e3%80%8d/)
- [YouTubeの動画をWordpressの投稿に埋め込む方法](https://www.prontonet.mobi/php/wordpress/youtube%e3%81%ae%e5%8b%95%e7%94%bb%e3%82%92wordpress%e3%81%ae%e6%8a%95%e7%a8%bf%e3%81%ab%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e6%96%b9%e6%b3%95/)
- [jQueryの処理も画面サイズに応じて変えたい](https://www.prontonet.mobi/javascript/jquery/jquery%e3%81%ae%e5%87%a6%e7%90%86%e3%82%82%e7%94%bb%e9%9d%a2%e3%82%b5%e3%82%a4%e3%82%ba%e3%81%ab%e5%bf%9c%e3%81%98%e3%81%a6%e5%a4%89%e3%81%88%e3%81%9f%e3%81%84/)
- [画像をレスポンシブに対応させる](https://www.prontonet.mobi/css/%e7%94%bb%e5%83%8f%e3%82%92%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e5%af%be%e5%bf%9c%e3%81%99%e3%82%8b/)
- [CSSのみできれいにブロックを並べる](https://www.prontonet.mobi/css/119/)
- [CSSだけのパララックススクロール](https://www.prontonet.mobi/css/css%e3%81%a0%e3%81%91%e3%81%ae%e3%83%91%e3%83%a9%e3%83%a9%e3%83%83%e3%82%af%e3%82%b9%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/)
- [ブラウザ表示領域のサイズを取得する](https://www.prontonet.mobi/javascript/jquery/%e3%83%96%e3%83%a9%e3%82%a6%e3%82%b6%e8%a1%a8%e7%a4%ba%e9%a0%98%e5%9f%9f%e3%81%ae%e3%82%b5%e3%82%a4%e3%82%ba%e3%82%92%e5%8f%96%e5%be%97%e3%81%99%e3%82%8b/)
- [タグの意味（インライン要素編）](https://www.prontonet.mobi/html/%e3%82%bf%e3%82%b0%e3%81%ae%e6%84%8f%e5%91%b3%ef%bc%88%e3%82%a4%e3%83%b3%e3%83%a9%e3%82%a4%e3%83%b3%e8%a6%81%e7%b4%a0%e7%b7%a8%ef%bc%89/)
- [タグの意味（ブロック要素編）](https://www.prontonet.mobi/html/%e3%82%bf%e3%82%b0%e3%81%ae%e6%84%8f%e5%91%b3/)
- [コーディングとはなんぞや。3つ目。](https://www.prontonet.mobi/whats/%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%81%a8%e3%81%af%e3%81%aa%e3%82%93%e3%81%9e%e3%82%84%e3%80%823%e3%81%a4%e7%9b%ae%e3%80%82/)
- [コーディングとはなんぞや。2つ目。](https://www.prontonet.mobi/whats/%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%81%a8%e3%81%af%e3%81%aa%e3%82%93%e3%81%9e%e3%82%84%e3%80%822%e3%81%a4%e7%9b%ae%e3%80%82/)
- [コーディングとはなんぞや](https://www.prontonet.mobi/whats/%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%81%a8%e3%81%af%e3%81%aa%e3%82%93%e3%81%9e%e3%82%84/)