好奇心

直感・閃き・気になる事探究を楽しむ

スマホデザインコンテストでHTML賞を受賞!実機動画付き

HTMLテンプレートエディタープレデストならスマートフォンサイト用のテンプレートカスタマイズも楽々!製作の裏側と実機(スマートフォン)での動作まで動画でお見せしましょう

先日、私が書いたこちらのレポートを絶賛してくださった方からとあるメールが届きました(^^ゞ
https://curiosity-koukisin.com/maillmagareport/commentkaraaccessup.html
その頂いたメール中でスマホデザインコンテストに出てみませんか?というオファーを受けたのでちょっと興味を持って覗いてみました
第一回侍レンジャー チキチキ☆スマホデザインコンテスト
スマホデザインコンテスト
最初は ( ̄- ̄)フーン・・
って流そうと思ったんですが、ふと思ったんです
すでに運営中のスマートフォンサイトでもエントリー可能との事らしいので
自分が運営中のサイトURLをエントリーするだけで・・
もしかしたら・・アクセスがのびて、何か売れるかも?
もしかしたら・・被リンクがついて、検索エンジンの評価が上がるかも?
そんな軽い気持ちでエントリーをしてみた訳ですが、エントリーする以上・・
他の人と同じスマホサイト同時生成のSIRIUSじゃおもしろくない!という事で
こしゃくにも、匠の技が光るHTML部門(テンプレート)に挑戦してみようと・・
拾ってきたスマートフォンテンプレートをベースにプレデタでカスタムしちゃいました
どうせ、ほとんどの人がデフォルトテンプレートに毛が生えた程度だろうから気にしない(笑)
審査の時点ではじかれる事もあるらしいので、それもまたいい経験として受け止めよう(/・ω・)/
失敗するって事は、それだけ『他の人よりも情報を得る』って事

例え一枚でも
 買えば『可能性』がある
        by たぬきち

という訳でツールでの製作裏側をみせつつ・・
完成した後の実機(スマートフォン)での操作もお見せしちゃいます(´▽`)ノ

プレデタスマートフォンテンプレートカスタマイズ+実機操作動画

結論:匠の技が光るHTML部門獲りました!

コンテスト入賞
私がやった事は、差し替え用の画像を用意して、無料公開されていたギミックたっぷりのスマホ用テンプレートを、ツールを使って必要な部位を入れ替えていっただけなので・・見た目や操作性が多くの人の投票を集めたのであって、本質的にはデザインコンテストで入賞しちゃいけないんですけどね(笑)
でも、元々のテンプレートには搭載されてなかった、RSSやサイトマップファイルの導入など、そういったSEO対策などの裏の技術がしっかりしているとのスタッフ評価もあって優秀賞に繋がったらしいですが・・
やっぱりこれも私の力というより、プレデタという
テンプレート編集ツールを使ったからという(笑)
とはいえ、当時、スライドアニメーションするとか、タブのタップでページの下部だけ入れ替えるとか・・スマホにしてはかなり勉強になるテンプレートだったので、編集している途中で、かなりHTMLとCSSは鍛えられました(笑)
そんな高度なテンプレートでもお手軽にカスタムできるプレデタが進化したのが、今のプレデスト

今だから語れるプレデスト(PREDEST)誕生秘話


今はスマートフォン出始めの頃とは違い、スマートフォンに特化したテンプレートよりも、PCもスマホも両方対応するレスポンシブWEBデザインが主流になっている・・という時代の変化にもしっかりと対応

スマートフォンもレスポンシブWEBデザインテンプレートも編集できる

COMMENTS & TRACKBACKS

  • Comments ( 2 )
  • Trackbacks ( 1 )
  1. By クスノキタケユキ@JAST

    たぬきちさん
    お世話になります。クスノキです。
    レベル高すぎですよ!
    たぬきちさんって、いったい・・・・??!!
    応援して帰ります!

    • クスノキさん(´▽`)ノ
      レベル高いのは私じゃなくプレデタの性能です(笑)
      どんなテンプレートでも適応しカスタマイズできるという点と
      HTMLとCSSの知識は普遍的に共通であること
      この両方がプレデタでは生かせます ニヤリ
      私は一体何者なんでしょうね・・・??!!

  1. プレデタ Youtube埋め込み機能を搭載! | アフィリエイトツールで生活満足

    […] たとおり、スマートフォンテンプレートにもばっちり対応 参考記事:プレデタでスマートフォンサイトを作る!実機動画付き 今回プレデタに新しい機能として『Youtube埋め込み機能』 […]

LEAVE A REPLY TO 匿名 CANCEL REPLY

*
*
* (公開されません)

Return Top