UIをSP用とPC用で作ってます。 user Agent?というやつでしょうか、デバイスを識別してペ......

UIをSP用とPC用で作ってます。
user Agent?というやつでしょうか、デバイスを識別してページの出し分けをしたいのですが、
どのように識別し、出し分けていくか、解説記事などあれば拝見したいです。

①index-spというスマホ用のpageを作る(page自体のwidth350~380)
②indexを1枚目の画像のように設定。
こうすると
PCアクセス→index
スマホアクセス→index-sp
へとそれぞれ分岐されます(^^♪
2枚目の画像はスマホでアクセスした時の見え方です

参考画像