HTML5テンプレート配布サイトのデザインを変えてみました。

0

    久々過ぎて、ログイン情報を忘れていました・・・。

     

    新しいHTML5テンプレートを配布するに当たり、自分のサイトを流行りのデザインにしてみました。

    やったら、エフェクトかけてます。

     

    HTML5テンプレート

     

    思ったのは、表示を遅延させるので、表示が遅くなるのはあまり良くないのかなと思います。

    全面的に表示を遅延させているので、もう少し的を絞ってもよいのかもしれません。

     

    こういったデザインは一般受けするのでしょうか。

    わりとこういった効果のあるデザインはコーディングすることは最近では増えてきたのですが、Webデザイナーさんでもなく、自分のWebサイトを自分で作りたい人にとっては、そもそも動きのアイデアがなかなか出てこない気がします。

     

    ご要望があれば、こういったデザインのテンプレートも作ってみたいと思います。

    posted by: vanilla | 更新 | 22:43 | - | - | - |

    CoolWebWindow.bizのデザインを変更してみた。(ver.8)

    0

      全く自サイトを更新していない管理人です。こんにちは。

       

      今更ながら、Bootstrapの勉強がてら 『CoolWebWindow.biz』のサイトを Bootstrapで作ってみました。と言っても、イチから作ると面倒なので、テンプレートをお借りしました!

      なので、ほとんどコードはいじっておりません。いじったところは、スマートフォン表示のときにメインメニューをクリックしたらメニューが開きっぱなしになってしまっていたので、クリックしたらメインメニューは閉じるように変更したくらいです。

       

      今回、テンプレートを色々見て思いましたが、Bootstrapのテンプレートから色々と変更するのはなかなか難しいということです。なので、限りなく完成形に近いテンプレートを探すのが一番ですね。

      テンプレートなので、結構かっちり作られているものが多く、少しでもレイアウトを変更しようとすると、レイアウト崩れが起きるものが多かったです。

       

      また他のBootstrapのテンプレートでも制作してみたいと思います。

      posted by: vanilla | 更新 | 17:19 | - | - | - |

      HTML5/CSS3デザインテンプレート No.6を修正しました。

      0
        皆様、GWはいかがお過ごしですか?

        さて、以前からお知らせしていたとおり、HTML5デザインテンプレート No.6の修正を行いました。色々と不具合をご報告してくださり、ちょっと変わった動きにしてしまったのを今更ながらに後悔しております(笑)

        個人的には、レスポンシブWebデザインでも、最初に各種デバイスでアクセスして動作に問題なければ良いと思っているのですが(スマートフォンやタブレットはブラウザの横幅を変えれないし、PCでもわざわざブラウザの横幅を変える人は早々居ないと思っているのですが)、結構、PCで見た時にブラウザの横幅を変更されて動作確認を行う方が多いようで、リサイズ処理を入れないといけないのが、すごく苦労しました。リサイズ処理を入れると、動作が重くなるし、動作の制御が難しいし、特にPCとスマートフォンのデザインの切り替えでかなり色々と処理を入れないといけないので、面倒大変なんですけど、頑張りました。
        ただ、ページ内リンクだけは、他ページからのリンクの動きを制御できず、特殊なやり方で無理やりなんとかとりあえず動くものができた〜と言った感じで大変申し訳ないものに仕上がっています。私の力不足です…。

        実機のiPhoneで動作確認ができないので、まだ修正が完全ではないかもしれませんが、また追々直していきます。

        できれば、スマートフォン向けのローカル上での動作確認は単純にブラウザで行うのではなくて、Google Chromeのディベロッパーツールをご利用いただきたい所存…。



        HTML5デザインテンプレート No.006
        posted by: vanilla | 更新 | 19:15 | - | - | - |

        CoolWebWindow.bizのデザインを変更してみた。(ver.7)

        0
          どうも。CooiWebWindowの管理人です。

          いくつか趣味があって、不定期的にブームがやってくるのですが、最近はWebサイト制作(レスポンシブWebデザイン)です。

          というわけで(?)、新しいことをするのに『CoolWebWindow.biz』のサイトを実験場にしているのですが、今回は、HTML5 UPのレスポンシブWebデザインのテンプレートがかっこ良すぎなので、自分もテンプレート配布業をやっているのにもかかわらず、人様のテンプレートを使ってみました。

          自分ではテンプレートを作るんですけど、人様のものでサイトを作ることってしないんですよね。

          で、やってみた感想ですが、テキストを変更するだけなら簡単ですね!ものの十数分でできました。で、細かいデザイン調整ですが、Sassを使ったことないんで、普通にmain.cssを弄ったんですけど、ソースコードが2500行くらいあるので、とてもじゃないと目では追えないですね。私はFirefoxのFirebugでCSSを追うんですけど、それでもすごくわかりにくかったです。

          CSSって開発者がどういう思想設計でやっているか理解していないと、どこ編集したらよいのかわかんないですね。

          自分がテンプレートを作るときもよく考えてコーディングしないといけないなーと思いました。勉強になりました!

           
          posted by: vanilla | 更新 | 21:33 | - | - | - |

          商用向けCSSテンプレートをメンテしました。

          0
            GW中に商用向けCSSテンプレートをメンテナンスするって予告してたのにできませんでした。漸くメンテナンスしました。遅くなりましてすみません。

            No.24とNo.25のスライドショーを修正しました。自作なので、結構動作不良がありまして、それを修正しました。多分、これで問題なしだと思います。

            デザインテンプレート    デザインテンプレート

            そもそも、このスライドショーはスマートフォン対応にするために修正したので、スマートフォン対応(スワイプでスライドできるよう)になっていますが、テンプレートそのものはスマートフォン対応になっていません。スマートフォン対応のテンプレートをご希望の方は、HTML5/CSS3テンプレートをご利用ください。

            フリーHTML5ホームページテンプレート
            posted by: vanilla | 更新 | 22:58 | - | - | - |

            商用向けデザインテンプレートpub024およびpub025を更新しました。

            0
              デザインテンプレート    デザインテンプレート

              商用向けデザインテンプレートpub024およびpub025を修正しました。

              一旦、リリースしたものをここまで修正することはないのですが、スライドショー部分を大幅に修正いたしました。
              前の画像および次の画像を呼び出す矢印のナビゲーションと、ページネーションを付けました。

              不具合等あるかもしれませんが、もし何か不具合を見つけましたらご連絡くださると幸いです。

              今回も色々と苦戦しました…。jQuery は奥が深いですね><
              posted by: vanilla | 更新 | 19:59 | - | - | - |

              個人向けCSSテンプレートをメンテしました。

              0
                予告していたとおり、個人向けCSSテンプレートをメンテナンスいたしました。

                基本的にデザインの変更は行っていないのですが、文字コードを変更したり、ファイル構成を変えたり、見えないところをいじっています。あと、ちゃんと最新のブラウザにも対応させました。逆に古いブラウザではどう見えているかわかりませんが…。


                新しいCSSテンプレートも作りたいのですが、なんか作りたいテンプレートのイメージが沸かないのですよね…。
                posted by: vanilla | 更新 | 11:05 | - | - | - |

                商用テンプレート『No.007』『No.018』更新しました。

                0
                  昨日の今日で恐縮ですが、再度、商用サイト向けCSSテンプレート『No.007』および、『No.018』を更新しました。背景画像の設定を変更しています。


                  商用向けCSSデザインテンプレート



                  商用向けCSSデザインテンプレート

                  CSSデザインテンプレート無料配布 [Cool Web Window]
                  posted by: vanilla | 更新 | 19:26 | - | - | - |

                  商用向けCSSデザインテンプレートpub「007」を修正しました

                  0
                    本当に更新していないCoolWebWindowです…。
                    皆さん、お元気ですか?私は元気です。

                    新しいCSSテンプレートを作りたい気持ちはありますが、なかなかアイデアが出て来ません><

                    そんな中、商用向けCSSデザインテンプレートpub「007」を修正しました。

                    商用向けCSSデザインテンプレート

                    CSSデザインテンプレート無料配布 [Cool Web Window]

                    jQueryがすでにバージョン1.9になったのですが、結構コードの書き方などに変化があって…。それに対応したりしています。ブラウザの更新具合もFirefoxとChromeは激しいですね〜。IEも10が出たようです。(まだ更新してませんが><)

                    ちょいちょい、サイトの中は時間があると更新していたりするのですけど、気づかないですよね…。

                    今後もこんな感じですが、ぼちぼち更新していきますのでよろしくお願いいたします。
                    posted by: vanilla | 更新 | 21:35 | - | - | - |

                    商用向けCSSテンプレートNo.7とNo.15を修正しました。

                    0
                      ちょいちょい、公開しているCSSテンプレートを修正したりするのですが、たいてい、ここで告知することを忘れています。すみません。

                      最近であれば、商用向けCSSテンプレートのNo.7とNo.15を修正しました。

                      No.7のほうは、インデックスページで、自動画像切り替えのスクリプトを使用しているのですが、Firefoxの10のバージョンで、きれいに切り替えができていなかったのを修正しました。画像と画像の切替の間が一瞬黒くなってしまう現象が起こっていて、恐らくCSSで直ると思ったら案の定直りました。コンテンツ領域の背景を白にしておかないといけないみたいでした。

                      No.15は、コンテンツ部分が少なくなった時に、フッターが上まで上がってきて、格好悪くなってしまうのを修正しました。ここの部分は、メインコンテンツ部分の下のみにフッターがくるようなデザインにしたくて、実装方法を色々変えていたのですが、よく考えたらCSSでうまくできることに気づきました。これも経験なのか・・・。

                      できるだけCSSテンプレートを公開した後に修正しないように、公開した時点で完璧を目指しているのですが、やはり、色々とカスタマイズしていただいていると不具合が出てきますよね。むーん。精進します。
                      posted by: vanilla | 更新 | 12:34 | - | - | - |