タグ

WEBデザインとスマホに関するlemondm7のブックマーク (2)

  • たった1行!スマホサイトのコーディング時に役立つ小技8(サンプルあり) - Design Color

    もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし

    たった1行!スマホサイトのコーディング時に役立つ小技8(サンプルあり) - Design Color
  • 「売れる」アプリに欠かせない超カッコいいLPテンプレ 10選|グロースハックジャパン|Growth Hack Japan

    ユーザー獲得(アクイジション)最大の間口の1つ、ランディングページ。 テンプレが固定されているGoogle PlayやApp Storeと比べてデザインの融通が利く分、アプリの印象を伝える最適なマーケティング・チャネルです。 一方、リソースの少ないスタートアップではアプリの開発に手がいっぱいで、LPのデザインに多くの工数をかけられないのも現実です。 そこで日は、多くのリソースを割かずともアプリの魅力を印象づけられる超かっこいいLPテンプレを10個ご紹介致します! FeedApp 特徴: カラフルなフラットデザイン 価格: 10ドル レスポンシブ: PC、タブレット、スマホ対応 ライブデモはこちら Landiin 特徴: アプリ内UIのサンプルを動的に見せることが可能 価格: 11ドル レスポンシブ: PC、タブレット、スマホ対応 ライブデモはこちら Rise 特徴: 3種類のバリエーショ

    「売れる」アプリに欠かせない超カッコいいLPテンプレ 10選|グロースハックジャパン|Growth Hack Japan
  • 1