「代助のブログ」で紹介されていたAppHtmlテンプレートのiOS 7風を試してみました♪

HOME > iOS 7 > 「代助のブログ」で紹介されていたAppHtmlテンプレートのiOS 7風を試してみました♪

8月
4

昨日遅くまで起きていたら、「代助のブログ」の更新の通知がきました(((o(*ﾟ▽ﾟ*)o)))
早速見てみると、@hondamarlboroさんらしい、先を見越した素晴らしい内容ものでした♪
さすがっす＼(^o^)／
そして今回のカスタマイズの難易度は、私にでもできそうでしたw

iPhoneやiPadの次世代iOS7はフラットデザインを採用するらしいのでApp Storeアプリを紹介するAppHtmlブックマークレットのテンプレートをiOS7風にカスタマイズしてみました。 …

自分好みの色合いでグラデーション

やっぱり、自分のブログにあった配色がいいと思って、
マルボロさんが、紹介されていたサイトで、色々遊んで楽しみました。

でもこれって、なかなか自分のセンスが問われますね。
(´Д｀)ﾊｧ…ー

Use this demo to create CSS background-image gradients. The CSS markup works in browsers (including …

散々楽しんだ後、結局汚い色合いに落ち着いた（笑）

@hiro45jpさんの「AppHtmlメーカー」
いつも世話になります！

設定はお好みで、リンクシェアidもあれば入力します。
書式テンプレートの下にある、カスタマイズの箇所に自分の作成したものを入れます。

どの箇所を変更したかというと、
オレンジの下線部分です。
始めと終わりのダブルクォーテーションは削除しないでね。

順序が逆になりましたが、
私が先ほどのサイトで取得したCSSを、差し替えたものです。
webkitはSafariとChromeに対応したものを選んでいます。

出来上がった、テンプレートが下のものです。
「iOS 7風」いい感じですね〜

iOS 7、来るのが待ち遠しい〜
みなさんも、カスタマイズしてみてはいかがでしょうか(^_^)
ではでは。。