8月
4

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

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

AppHtmlのテンプレートをiOS7風にカスタマイズ | 代助のブログ

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

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

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

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

CSS Gradient Background Maker

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

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

iOS7風-2
iOS7風-2 Photo by mayo1950

AppHtmlのブックマークレットのカスタマイズ

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

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

AppHtmlメーカー
AppHtmlメーカー Photo by mayo1950

この箇所を変更しました

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

iOS7風-1
iOS7風-1 Photo by mayo1950

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

iOS7風-3
iOS7風-3 Photo by mayo1950

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

iOS7風-4
iOS7風-4 Photo by mayo1950

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

【こちらの関連記事もご覧ください】


記事をお読み頂き、ありがとうございます!

記事の内容を気に入って頂けましたか?
もし気に入って頂けましたら、
ソーシャルボタンで共有頂ければ、とても嬉しいです♪


follow us in feedly RSS

Leave a Reply

  • (will not be published)

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

This blog is kept spam free by WP-SpamFree.