【完全保存版】よく使うのによく忘れる(完全主観)web制作コード大全(随時更新中)

作業中にふっと忘れるweb制作のコードがある。

しかもとても初歩的なコードこそ、よく忘れる。

つどつど検索し、色々なブログにお世話になってきましたが、自分で書いたほうがいいじゃないかということに思い当たりました。

そこでとても初歩的なコードも含め、ふっとした瞬間に不安になる「web制作コード」を公開しました。

HTML

HTMLのアウトライン構造

たまに不安になるHTMLのアウトライン構造。

丁寧に書きすぎるとレイアウトの邪魔になるので、アウトライン構造とレイアウトの構造は別に考え方がいいかもしれません。

無性にHTML5のアウトライン構造が正しいのか不安になる時があるので、備忘録としてまとめました

CSS

CSSだけで簡単に追従させたい

いままで「jquery」を用いて一生懸命に構築していた追従がCSS2行で実現できるようになりました。

しかもとても滑らかに!

参考:position – CSS: カスケーディングスタイルシート | MDN

Font AwesomeをCSSの疑似要素で使いたい

インラインでなくCSSで使用する際に、 font-familyfont-weight の指定を忘れるので。

参考:Font Awesome

空要素に指定した背景を正しい縦横比で表示する

空要素に指定した背景を正しい縦横比で動的に変化させたい時。

Javascript

[jQuery]on()による主なイベント処理一覧

jQueryの基本的構文「on()」によるイベントをまとめました。

参考:【jQuery入門】on()によるイベント処理の使い方まとめ!

スムーススクロールの実装コード

アンカーリンクの際、すーっと動く。

追従ヘッダーのあるサイトでアンカーリンクの崩れを防ぐ方法は?

alertのメッセージ中に改行を入れたい

WordPress

URLを呼び出したい

※あくまでも基本構文。

参考:テンプレートタグ/the permalink

カテゴリを呼び出したい

※あくまでも基本構文。

参考:テンプレートタグ/the category

タイトルを呼び出したい

※あくまでも基本構文。

参考:テンプレートタグ/the title

タグを呼び出したい

※あくまでも基本構文。

参考:テンプレートタグ/the tags

投稿日時を呼び出したい

※あくまでも基本構文。

参考:テンプレートタグ/the time

更新日時を呼び出したい

アイキャッチ画像呼び出したい

※あくまでも基本構文。

参考:テンプレートタグ/the post thumbnail

webサイトの制作、お任せください。

あくまでも基本料金になりますので、まずはご連絡ください。

コーディング

トップページ
(ヘッダー・フッター含む)

¥8,000~

コンテンツページ(1P)
(ヘッダー・フッター含まない)

¥4,000~

ランディングページ

¥15,000~

※アニメーションはオプション料金

デザイン

トップページ
(ヘッダー・フッター含む)

¥20,000~

コンテンツページ(1P)
(ヘッダー・フッター含まない)

¥5,000~

ランディングページ

¥20,000~

※コーディングとのセット料金

サイト構築

10ページ
(お問合せページを含まない)

¥100,000~

20ページ
(お問合せページを含まない)

¥175,000~

Wordpress導入

(上記)+¥50,000~

※お問合せページは¥10,000~