HTML5やCSS3など、スマートフォン用サイト制作についてまとめるブログフリック・スワイプ操作でスライドする画像ギャラリー等に使えるjQueryプラグインをいろいろ探してまとめてみました。 ここに挙げたものは全て試してみましたが、どれも一長一短なので用途に合わせて使ってみてください。 テスト端末 ・iPhone4（iOS4.1） ・Xperia Arc(Android 2.3) ●jCarouse 作者が日本人なので日本語の解説あり。 iPhoneでは快適にフリック・スワイプ操作でスライドすることができますが、Androidではフリック・スワイプが機能しません。 iPhone限定のサイトに使用するのであれば問題ないと思います。 [対応状況] iPhone：○ Android：×（フリック・スワイプ操作が機能しない） ●jquery.flickslide.js 作者が日

こんにちはじぇいです。久々の更新です。 今日は新しくMacを買った人に送る、Mac App Storeでおすすめのアプリを紹介したいと思います。僕はMac歴２年半ぐらいなので初心者の方はぜひ参考にしてみてください！ Mac App StoreではiPhone App Storeと違い無料で良いものが少ないのが残念ですが、Mac Appは開発が大変なので生活を便利にしてくれる製作者に感謝しながら買いましょう。それでは開発者様に感謝しながらおすすめのアプリを紹介したいと思います！価格は2011年５月２６日現在の値段です。 素晴らしいプレゼン力をあなたに、Keynote!

背景 background-clip …… 背景の適用範囲を指定する background-origin …… 背景の基準位置を指定する background-size …… 背景画像のサイズを指定する 角丸 border-radius …… 角丸をまとめて指定する border-top-left-radius …… 左上の角丸を指定する border-top-right-radius …… 右上の角丸を指定する border-bottom-left-radius …… 左下の角丸を指定する border-bottom-right-radius …… 右下の角丸を指定する 画像ボーダー border-image …… 画像ボーダーを指定する border-image-source …… 画像ボーダーに使用する画像ファイルを指定する border-image-slice …… ボーダー画像の

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s w

What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe

2012.04.19   Bentoパートナーアプリ：hyperCOS plus（スマートフォン対応版）が追加されました。 2011.08.29   Bentoオフィシャルアプリ：LinkShare Affiliate Tools Ver1.0.2が追加されました。 2011.07.15   Bentoパートナーアプリ：AppStoreHelperが追加されました。 2011.04.12   ニッセン アプリ開発コンテスト結果発表！ 2011.03.31   Bentoパートナーアプリ：おせっかいなリンクジェネレーター for ニッセンが追加されました。 2011.03.30   Bentoパートナーアプリ：コンテンツガッチ for ニッセンが追加されました。 2011.03.11   Bentoパートナーアプリ：ニッセン★ブックマークレットが追加されました。 Bentoニュース新着情報一

iTunes Store Web Service Search API という API が Apple から公開されています。 これを使うと、iTunes Store で取り扱われているすべてのアイテム（ミュージック、映画、Podcast、アプリ）を検索することができるのですが、Apple が提供しているドキュメントの記述はちょっと古く、実際の iTunes Store のラインナップに追いついていません。iPad アプリの検索方法がわからなかったり。 というわけで、いろいろ調べてみたので、まとめてみます。 iTunes Store Web Service Search API の基本 検索用の API の URL は以下のとおりです。 http://ax.itunes.apple.com/WebObjects/MZStoreServices.woa/wa/wsSearch?[param

以前の記事で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シミュレーターはど

日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。

text-shadowプロパティ text-shadowプロパティで、テキストから影までの距離、ぼかしのサイズ、影の色を指定します。 指定の順番は、 text-shadow: ［左右の距離］ ［上下の距離］ ［ぼかしのサイズ］ ［影の色］ です。 前回のborder-radiusプロパティや他の多くのCSS3プロパティで指定の必要な、-webkit-、-moz-の指定は必要ありません。 こんな使い方も！ text-shadowプロパティはカンマで区切れば複数の影を指定できます。 text-shadow: 1px 1px 1px #000,-1px -1px #fff; みたいな感じです。 これをうまく使えば、縁取りっぽいものをつけたり サンプル2 HTMLコード

話題のjQuery Mobileを使用したWordPress のiPhone用テーマを作成する方法のご紹介 です。あくまで、対応させる為のTipsという事 で了承願います。jQuery Mobileは、モバイル に簡単に対応させる事が出来るライブラリで、 jQueryのプラグインです。 対応させるだけなのでcssの調整とか細かい点などはご自身で変更してみてください。 基本的に、jQuery Mobileはライブラリを読みこめばあとはdivにidを振ったり、data-theme等を加えればいいだけのようなのでテーマファイルを作るときもその手順通りで済むようですね。 細かい作り方は割愛し、ここでは大まかな手順をご紹介します。デザインに関してはjQuery Mobileのドキュメントをご確認ください。 おおまかな手順 適当にWPテーマのフレームワークを用意 header.phpにjQueryとj

Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing

自分用に備忘録。そろそろチートシート が出てくる頃じゃないかと思うので、そう 焦ることも無い情報だと思いますが、近々 使いそうなのでその時に面倒な事になら ないようによく使いそうなマークアップを リストとしてメモしておきます。 ちゃんとしたデモは本家で確認して下さい。ここにあるサンプルは僕のいい加減なサンプルです。尚、マークアップが見やすい様にするだけの為にコメントアウト入れていますが気にしないで下さい。 [note]追記 もう少し増やして見やすくしたものをダウンロード出来るようにしました。 [/note] プラグイン読み込み <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script type="text/javascript" src="

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"/> <

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。