タグ

Web制作とアプリに関するnaohorのブックマーク (6)

  • スマホサイト:Webアプリモードで意外と書かれていない落とし穴 - Kaleidoscope

    ちょっと今回はまめ知識的な内容です。 最近、「iPhoneでWebアプリを作成」といった記事をよく見かけます。 (jQuery Mobileなどを利用した開発方法は置いといて) HTML5+CSS3+JavaScriptで一から作成する方法について、意外と肝心な注意点が抜けてるように思います。 とくに、よくmetaタグを使った「Webアプリモード(フルスクリーンモード)」にする方法が書かれていたりします。 <meta name="apple-mobile-web-app-capable" content="yes" /> これをやると、URLバーとかが無くなって、サイトがネイティブアプリっぽくなってかっこいいんですよね。 これで、サイトをアプリっぽく見せられる!ってちょっと興奮しちゃいますよね。 ただ、これって意外な落とし穴があるんです( ̄▽ ̄;) 今回は、僕が知ってる大きな2つの注意点を

    スマホサイト:Webアプリモードで意外と書かれていない落とし穴 - Kaleidoscope
    naohor
    naohor 2013/08/19
    <meta name="apple-mobile-web-app-capable" content="yes" />
  • HTMLをレイヤー別けしたPSDに変換するキャプチャーソフト Page Layers が神 | fladdict

    Page Layersは、すごいウェブのキャプチャアプリ。なんとキャプチャするサイトを、DIVやIMG要素ごとにレイヤー分割したPSDにしてくれるのだ! これは素敵と言わざるをえない。 ビデオをみれば使い方は一目瞭然。URLを入力して保存ボタンを押すだけで、なんでも構造化したPSDにしてくれる。 Mac専用アプリで、AppStoreで$28.99。これは買いだと思います。 Web関係者は必須的な。

  • 永久保存版 ウェブ制作者に役立つ30+のiPadアプリ - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ

    無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> ウェブ系のカンファレンスや会議でiPadを持ち歩いている人を多く見かけるようになりましたが、「使いにくくないのかな?」「重くないのかな?」と未だに思ってしまうオールド世代な私です。今回は、そんな私の規定概念を打ち崩すような、ウェブ制作に便利なiPadアプリを30以上一挙に紹介したiPadファン涙目な記事をspyrestudiosから紹介します。メモ帳からスケッチ、モックアップに格的なドローイング、そして編集や企画、データ解析までウェブ制作に必要なアプリは全て揃っているといっても過言ではありません?! — SEO Japan 数日前、私がダウンロードしたiPadアプリの多くを使っていないとTwi

    永久保存版 ウェブ制作者に役立つ30+のiPadアプリ - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
  • 【最新版】Facebookページ Welcomeページの設定方法(iframe) 【ホームページ制作 福岡・作成】 グレート・ビーンズ

    2011年10月現在、Facebookページのウェルカムページをiframeで設定する際に、設定画面が少し変更していますので、最新版の設定方法をまとめておきます! なお、Facebookページ自体の作り方(初期設定)は ・Facebookページの作り方 をご覧ください。 /////////////////////////////// 1.アプリの設定 iframeでWelcomeページを設定する場合は、今まで通りアプリの設定からはじめます。 まずはFacebookのディベロッパーズページへ ページ上の「アプリ」をクリック アプリページの右上に表示される「Create New App」をクリック 「App Display Name:」と「App Namespace:」に入力して、Platform Privacy Policyに同意のチェックを入れて「続行」 このとき入力するDisp

  • オリジナルコンテンツを加えたFacebookページ(旧ファンページ)を作ったので、手順をメモ - かちびと.net

    FBMLが廃止されてから一度も作って なかったFacebookページ(ファンページ) ですが、土日に少し時間が出来たので 改めてこのブログのFacebookページを 作ってみました。以前よりも面倒なようで すが、見方によっては手軽になった印象 ですね。 前回はデモ的に作りましたので完全放置でしたが、今回は割と真面目に運営を考えています。飽きるまでしっかり管理してみるつもりです。 尚、今回のFacebookページの作成にかけた時間はおよそ6時間です。制作プロセスを書いていきますので、少しでも参考になれば幸いです。 一応見せられるレベル、程度のものですけどw折角なのでコンテンツを1から2つほど作ってみました。1つは目次的に上記のようなページをリキッドレイアウトでコンパクトに配置。特に珍しいもんでもないです。 2つ目のコンテンツはこのブログのサイドバーにあるタブコンテンツっぽいものを作りました。

    オリジナルコンテンツを加えたFacebookページ(旧ファンページ)を作ったので、手順をメモ - かちびと.net
  • iFrameによるFacebookページ作成法と6つのポイント|Webpark

    先日はじめたばかりなのにFacebookについて語るのも偉そうかもしれませんが、せっかくiFrame形式のページを設置したので、その作成方法や個人的に悩んだところをまとめてみます。 今回はiFrameを使ってFacebookページを自由にカスタマイズする方法を紹介します。Facebookページ自体はログインした状態で「Facebookページを作成」にアクセスすると作成することができます。 今まではFBMLというFacebook独自の言語を使っていたのですが、現在はiFrame(インラインフレーム)に移行されています。ということで、上の赤い部分に、自分で用意したサーバーのページを表示するということになります。 移行の理由はよく知りませんが、iFrameだとユーザーがサーバーを用意しないといけないので、やはりサーバーの負担を考えてなのでしょうか。 個人的にインラインフレームはあまり好きではない

    iFrameによるFacebookページ作成法と6つのポイント|Webpark
  • 1