Tag : Smartphone

- 8 Articles -

レスポンシブWebデザインやスマートフォンサイトに最適なメニューを実装できるプラグインやチュートリアル 25

Read Article

レスポンシブWebデザインやスマートフォンサイトに最適なメニューを実装できるプラグインやチュートリアル 25

いずれもメニューを実装する際に便利なプラグインやチュートリアルで、もちろんPCサイトでも問題なく使えますが、レスポンシブWebデザインやスマートフォンサイトといったサイトを制作する際には特に便利なものです。サイドからスライドしてくるものやウィンドウサイズが狭まるとセレクタやアコーディオンに変化するものなど、見せ方も様々なタイプがあります。ずらっと並んではいますが、大まかに同じような動きをするものは…

  • Tips
スマートフォンサイト制作時に覚えておきたいCSS 15

Read Article

スマートフォンサイト制作時に覚えておきたいCSS 15

スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてくださ…

  • Tips
特定のジャンルに特化したデザインギャラリーやショーケースのまとめ

Read Article

特定のジャンルに特化したデザインギャラリーやショーケースのまとめ

引き続きデザインの参考になるギャラリーなどを整理兼ねてシェアします。縦長のサイトのみを集めたギャラリーや各パーツデザインのみを集めたギャラリー、素敵なヘッダー・フッターデザインのみを集めたまとめエントリーなど、特定のジャンルに特化したギャラリーやデザインショーケースをまとめたエントリーのまとめです。

  • Inspiration
jQuery:電話番号リンクの有効・無効をUAで切り替える方法

Read Article

jQuery:電話番号リンクの有効・無効をUAで切り替える方法

備忘録。スマートフォン専用で制作されたものはそのままで問題ないと思いますが、レスポンシブで制作した場合などにPC上では電話番号リンクは無効にしたいということがあります。そこでjQueryとユーザーエージェントを用いて、スマートフォンからアクセスされている時のみ電話番号のリンクを有効化するようにします。

  • Tips
WordPress:PCとスマートフォンでコンテンツを切り替えたい際に便利なwp_is_mobile関数+α

Read Article

WordPress:PCとスマートフォンでコンテンツを切り替えたい際に便利なwp_is_mobile関数+α

`wp_is_mobile()`とはWordPressの3.4から実装された関数で、PC用とiPhoneやAndroidといったスマートフォン用とでコンテンツを切り替える際に便利な条件分岐タグです。今まで実際に使ったことはなかったのですが、ちょっと使ってみて今後使いそうだと思ったので備忘録。

  • WordPress

Close the search window,
please press close button or esc key.