webサイトを作る際に必要な情報をまとめています。随時更新中!
基本的な部分で、こうしたいけどどうすれば・・・と言う際の参考になればと思います。

開発環境

webサイトを作るのに必要な開発環境を紹介しています。
メモ帳があれば、サイト自体は作れますがより効率的に作る方法や簡単に作れるようになる方法など、より便利に開発環境を紹介します。

コーダーが選ぶVS Codeの拡張機能!

CSS

CSSは、webサイトの装飾の部分を担います。
最近では動きをつけれるようになっているので、色々なデザインをCSSで実装する方法や動きの付け方の記事を紹介しています。

・レスポンシブ でPCだけ・SPだけ改行(br)する方法

header固定時のページ内リンクの位置を丁度いい位置に調整する方法【CSSのみ】

2色で背景を分割する方法【CSS】

CSSだけで画像トリミングする方法!IE11での対応方法も!!

動きをつける

CSSで動きをつける方法です。

ガクブルをCSSで表現してみた

javascript関連

javascriptやjQueryを使用して、サイトに動きをつけていきます。
目に見えるフロント部分を作るのに必須になります。

JavaScriptで横幅によって画像を切り替える方法

SPのみ電話リンクを有効にする方法

WordPress

大人気CMS「WordPress」をカスタマイズするための記事を紹介します。
WordPressのテーマ作成やカスタマイズに役立つ記事を紹介しています。

カテゴリ名とリンクを取得する方法【WP】

・singleページ

WordPressのsingleページをカスタマイズする記事です。

single.phpで前後のタイトルとリンクを別々に取得する方法【WP】

プラグイン

WordPressをより便利に使用するためのプラグインの紹介やプラグインの設定方法などを紹介しています。

セレクトボックス・ラジオボタンなど選択によってメールの受信先を分ける方法【MW WP Form】

関連記事