Thousands of Free Templates Just for You! The easiest way to create professional designs for free! Choose from our ever changing library of free mockups, designs, videos and logos.
![Placeit - Generate Product Screenshots in Realistic Environments 画像をiphone画面に合成してキービジュアル作成](https://cdn-ak-scissors.b.st-hatena.com/image/square/fcfba6263cbe5c34d46cda4543f0ded27a096e7f/height=288;version=1;width=512/https%3A%2F%2Fblog.placeit.net%2Fwp-content%2Fuploads%2F2017%2F04%2Fdigital.jpg)
知人から、 ・ヘッダーとフッターは固定で表示 ・PCでもiPhoneでもiframeのようにスクロールバーでコンテンツ部分をスクロールさせたい という相談を受けたので、iframeで良いのでは?と思ったけど、iPhoneでは「iframeは非推奨」との事。 なのでいつも通り、Google先生に聞いてみたところ良いJavaScriptライブラリがあった。 Dragdealer JS ブログ:http://blog.ovidiu.ch/dragdealer-js ドキュメント:http://code.ovidiu.ch/dragdealer/ このライブラリで出来る事は、スクロールバー・写真のスライドショー・コンテンツをドラッグでスライドなど。 IEでもSafariでもiPhoneのSafariでも問題無く動作しました。 使いかたは簡単。今回は知人の要望通り「スクロールバー」を実装してみる。
なかなか使い勝手が良さそう だったのでメモ。スクロールバー や、コンテンツスライダーなど、 多方面で応用の効くjsライブラリ、 Dragdealer JSのご紹介。 IE6、7、8や、iPhoneでも動作を確認しましたが、何の問題も無く動いてくれますよ。 ↑ 上図はスクロールバーに使用した例です。動作も凄くスムーズです。Flashでよく見かけますね。 ↑ 文字の拡大をドラッグで実装。 ↑ 斜めに移動するコンテンツスライダーにも応用できる。 ↑ こちらではコメント送信に使っています。ユニークですね。 iPhoneでは全てフリックで動作します。 IE6とか7がだいたいネックになるのでどのブラウザでも実装できるjsはいくつ覚えておいても損なさそうですね。加えてiPhoneなどでもスムーズに動いてくれるのでなかなか使えそうです。以下で動作をご確認下さい。 Dragdealer JS
iPhoneと過ごして500日経ちました。(2008年7月12日に買ったので2009年11月24日で500日。) 宮本武蔵さん曰く「千の稽古を鍛とし、万日の稽古を練とす。」らしいのでiPhone道も道半ばですが...500日を記念してどんなアプリを使っているのかまとめておきます。 とりあえずホーム画面を横繋ぎにするとこんな感じです。中にはあんまり使っていないアプリもありますが...一応スタメンアプリ達です。(ロックスクリーンから9枚目まで。10枚目は以降は現在お試し中アプリ領域なので割愛。) 大きな画像 2009/11/30 - 別冊と付録も書きました。 別冊:1軍なアクセサリートップ5 付録:アプリ表の作り方 前置き ページ分けしていない重い記事でごめんなさい... HTML込みの原稿レベルで10万文字超あります...があえての1記事。 iPhone 3GS(OS 3.0)での使用感で書
最近、何かと話題の多い電子書籍界隈。昨日も以下のニュースが話題になってました。 逆の明文化となるか:東野圭吾さんら作家7名がスキャン代行業者2社を提訴――その意図 - 電子書籍情報が満載! eBook USER 色々と思うところはあるけど、それはさておき。この中でも言及されてる日本の電子書籍の状況については私も非常に気になるわけで、以下のように表現されてます。 電子書籍については今まさにラインアップを充実させる過程にある。 これ実は確かにその通りで、最近の電子書籍サービスにおける電子書籍のラインナップはどんどん充実してきている印象があります。 以前、私は以下のように書きました。 ユーザが望む形の電子書籍と出版社がすべきこと ポイントは以下。・安価・お手軽・半永久的 これを書いたのが3ヶ月ちょっと前。その頃はこう書くしかないって状況だったけど、最近の状況はかなり改善されてきてるので、そろそろ
スピーディ PCページの要素をドラッグ&ドロップすることで直感的にスマホ対応ページを組み立てていくため、簡単なページであれば数十分でスマホ対応が可能です。
スマートフォンを対象にしたHTML/CSSコーディングは、基本的にデスクトップ向けウェブサイトのコーディングができていれば、それほど難しくはありません。あとはスマートフォン特有の仕様や、コーディングのパターンを掴むことができれば大丈夫です。なお、HTML5をベースにしたマークアップや、CSS3でよく使われるプロパティなどについては、ADC内の小山田晃浩氏の連載「HTML5&CSS3入門 with HTML5 パック」をおすすめします。 今回はコーディングの前に知っておくべきこととして、スマートフォンのスクリーンサイズなどについて解説します。小さなスクリーンサイズを対象にデザイン/コーディングしますが、そのスクリーンサイズの値はHTML側で定義する必要があります。 iPhone/Android各機種のブラウザーについて iPhoneとAndroidともにWebkitブラウザーがデフォルトブラ
フリーランスでwebの仕事をしながらwebサービスとかを作ったり作らなかったり、成長と挫折の記録・・・かもしれないiPhoneの登場でスマートフォンで閲覧しやすいサイトの需要が高まってきたようです。 でもわざわざiPhoneやスマートフォン向けにサイトを作るのは大変・・・。 そんな方に、今までに制作したモバイルサイトをスマートフォン対応させる方法があります。 しかも5分でお手軽にできます! htmlとCSSで解決する方法なのですが、実はこの方法を使うだけで開発もしやすくなる優れものです。 論より証拠ということで、まずはこちらをご覧ください。 (PCからでもオッケーです。htmlはこちらの記事で作成したものを使ってます。) まず、こちらが普通に作成したモバイルサイト→before そしてこれがその方法を使ったもの→after やっていることは閲覧しているブラウザに応じて、3つの
昨日のやつ(あなた専用のiPhoneアプリを作るサービス、始めました。 | itFun.jp)の補足と言うか、ネットだと意外と間違った?情報が多かったので自分なりにWebClipアイコンに関してまとめてみたいと思います。 iPhone/iPod TouchにはWebサイトをSafariのブックマーク以外にネイティブアプリと同じようにアイコンをホームスクリーンに置くことが出来ます。 この方法はすごい簡単で、Web開発者の方は<head>の中に <link rel="apple-touch-icon" href="apple-touch-icon.png"> を書き込むだけ! これで、hrefに指定した画像がホームスクリーンに追加する際にアイコンとして表示されます。 んで、ここからネットの情報と違うところ。 (ダウト)ファイル名は必ずapple-touch-icon.pngで無ければならない
概要 「タバコを止めたい、減らしたい」 節煙タイマーは「節煙」をサポートするiPhoneアプリです。 いきなりスパッとタバコを止められたら苦労はないですね。でも無理して結局挫折してしまったら意味がありません。このアプリは、はじめから高い敷居を作らず、負担を少なく、モチベーションを損なうことなく節煙できるようお手伝いをします。 「タバコを喫いたい」と思ったら、このアプリを立ち上げ<Smokeボタン>をタップしてください。応援サポーターが現れて動画で応援してくれます。 貴方が目標とした我慢時間に達していれば、応援サポーターが素敵な笑顔で褒めてくれます。ただし、達していなければ叱られてしまいます。まだチャンスはあります。そこで考え直して喫うのを止めると再び褒めてもらえます。 飽きの来ないように応援動画は「さわやか」「リラックス」の2モード、合計で64パターンの動画が入っています。 機
This site may not work as you're currently using an old web browser. For the best viewing, please upgrade to a modern browser. The Guide to the App Galaxy by Google is designed to help app developers, regardless of platform, build a business on mobile--whether they've just launched their first app or are looking for additional tips as they grow their portfolio. Promote their app: AdMob offers two
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く