スマートフォン

jquery.colorbox.jsを本当にレスポンシブ対応させる

レスポンシブと言っても色々ある。 PCでもスマートフォンでも同じように、コンテンツをモーダルウィンドウに表示する場合 高さ、幅の最大値を指定してあげることで、スマートフォンでもモーダルウィンドウがはみ出すことなく表示できる jQueryプラグイン「Co…

jquery.colorbox.jsで外部htmlをグループ化する方法

久々にjQueryのモーダル系プラグインColorboxを使う場面があった。 今回のリクエストは、外部htmlをモーダルで表示して、さらに画像のようにグループ化してギャラリー表示するというもの。公式サイト http://www.jacklmoore.com/colorbox/jQuery Colorboxを…

Macローカル環境でスマホサイトの実機テストを行う方法(2)

前回は、Macをwifiアクセスポイントにするところまででした。 charlie.hateblo.jp今回は、「MacのローカルフォルダをWebサーバーにする」です。 MacのローカルフォルダをWebサーバーにする Macには、ApatchというWebサーバー機能がある。 これを利用する方法…

Macローカル環境でスマホサイトの実機テストを行う方法(1)

スマートフォンサイトを作っていると、chromeのスマホプレビュー機能がとっても便利。これがないと仕事ができないと言ってもいい。 参考: wayohoo.com chromeのスマホプレビュー機能を使いどんどん制作をすすめていく。 やったーできた!! さてさて、テス…

ホームボタンのききが悪くなった iPhone4 を修理したよ

iPhone5では改善されているという、iPhoneの弱点、ホームボタン! 自分で直せば、1200円(もっと安く買えるところもある)の部品代のみ! これから始めます! ホームボタンの効きが悪くなったiPhone4と分解用の工具。 バックパネルを外したところ。 ここから…

パソコンでスマートフォンサイトを見る方法

このサイト、スマートフォンでみるとどうなっているんだろう? 制作中のスマートフォンサイトの確認を手軽にパソコンでできないかな? そんな時は、Google Chromeが便利! やり方は簡単! 1.Chromeを普通に起動する 2.[ Ctrl ] + [ Shift ] + [ I ] で、…

スマートフォンサイトを無料で簡単に

ドメインとるなら! のお名前.comが、スマートページビルダーなる無料サービスをやっている。 http://www.onamae.com/campaign/smart/ ドメインを登録していれば、簡単な操作でスマートフォン用サイトが自分で作れる。 ドメインとか、会員とかの特典として、…