iUIとは？ iUIは、ページをiPhoneのUI(ユーザーインターフェース)のように表示させるJavaScriptで作られたライブラリです。 タグの組み合わせで、簡単にiPhoneのUIそっくりにページを表示することができます！ まずはダウンロード 現在のバージョンは0.31です。 http://code.google.com/p/iui/ ↑こちらからダウンロードできます。 解凍したらiUIを使用するフォルダに入れてjsファイルとcssファイルをlinkタグで読み込むだけです。 ※環境によってパスは変えてください。 サンプルコード <html> <head> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> <
以前の記事でsafariによるユーザーエージェントの偽装でのスマートフォンサイト開発を紹介しました。 今回は前回にも少しだけ触れたiOSシミュレーターを紹介します。 Xcodeをダウンロード えっ？iOSシミュレーターをダウンロードするんじゃないの？ と思われた方はご心配なく、Xcodeとはソフトウェアを開発するためのアップルの統合開発環境 (IDE) で、その中にiOSシミュレーターが入っている、というわけです。 なので残念ながらMAC専用です。 windows、LINUXの方ごめんなさい。 iOS SDK と iPhone シミュレーターのインストール ↑こちらのブログでダウンロード方法が分かりやすく解説されてます。 ちなみに現在の最新版のXcode4.3は有料なので、Xcode 3.2.6 and iOS SDK 4.3をダウンロードしましょう。 iOSシミュレーターはど
.Border-radius{ padding: 10px; background-color: #ECECEC; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .Border-radius p:last-child { margin-bottom: 0; } border-radiusで「かどまる」 border-radiusプロパティで角の半径を指定します。 -webkit-border-radiusはSafari・Chrome、-moz-border-radiusはFirefoxのための指定です。 ＩＥも9から対応しています。 ここではすべて10pxを指定しています。 おまけでlast-childセレクター last-childはCSS3のセレクターの1
text-shadowプロパティ text-shadowプロパティで、テキストから影までの距離、ぼかしのサイズ、影の色を指定します。 指定の順番は、 text-shadow: ［左右の距離］ ［上下の距離］ ［ぼかしのサイズ］ ［影の色］ です。 前回のborder-radiusプロパティや他の多くのCSS3プロパティで指定の必要な、-webkit-、-moz-の指定は必要ありません。 こんな使い方も！ text-shadowプロパティはカンマで区切れば複数の影を指定できます。 text-shadow: 1px 1px 1px #000,-1px -1px #fff; みたいな感じです。 これをうまく使えば、縁取りっぽいものをつけたり サンプル2 HTMLコード
Web制作会社ブログ
お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。
iphoneアプリでスマホサイトをキャプチャー「Page Capture」 スマホサイト制作に役立つiphoneアプリを紹介していきます。 Page Capture 2.0（￥230） iPhone、iPod touch および iPad 互換 iOS 3.0 以降が必要 カテゴリ: 写真 価格: ￥230 更新: 2010/07/22 目的のページへ行きカメラボタンをタップします！ カメラロールに保存かメール送信かを選びます！ 試しにメールでEvernoteに送ってみると画像がちゃんと入ってます！ こんな感じで通常のスクリーンショットでは撮れない一番下の部分まできちっと撮れてます！
ブログ、制作実績ページをSNSと連携させました。今までは新着情報のみ連携させておりましたが、設定の変更を行い、公式ブログ、制作実績との連携をしました。 今後はfacebookページの投稿が大幅にアップします。 より役に立ち、より面白い投稿をたくさん行っていきたいと思います。 下火になってきたとはいえ、まだまだ効果抜群のSNS。 昨年は疎かにしていたため、今年はSNSを活用していく年にしていきたいと思っております。 OGP設定を行いました。久々に行い結構忘れていたので今回備忘録としてこの場をお借りします。 まずOGPという言葉について説明します。 OGP（Open Graph protocol）＝FacebookやTwitter、Google+、mixiなどといったSNSでシェアされた際に表示されるページの情報の設定です。 facebook等でよく見かけるこれですね。 この設定を行う事で、効
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
簡単にシンプルなスマフォサイトを構築できる「iUI」 | スマートフォンサイト制作会社ブログ
MACでiphoneが使える！「iOSシミュレーター」 | スマートフォンサイト制作会社ブログ
CSS3でつくるスマフォサイト 第一回:おてがる角丸 | スマートフォンサイト制作会社ブログ
CSS3でつくるスマフォサイト 第二回:おてがる影付き文字 | スマートフォンサイト制作会社ブログ
スマホサイトをキャプチャー「Page Capture」 | スマートフォンサイト制作会社ブログ
長崎のホームページ制作・WEB制作会社｜ブログを連携させました！｜合同会社WebJoy