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

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

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

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

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

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



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

    無料のjQueryプラグイン配布サイト始めました。

    0
      こんにちは。CoolWebWindowの管理人です。

      最近は配布しているCSSテンプレートにも独自のjQueryプラグインを使用しているのですが、バージョンアップを繰り返すことなどして、管理が繁雑になってきたので、jQueryプラグイン配布用のサイトを作りました!
      すでに配布していたので、それをまとめるだけだったのですが、結構面倒でした。合間を縫っての作業ですが3日くらいかかりました。

      jQueryプラグイン無料配布 [Cool Web Window]

      使用ライセンスも著作権表示なしにしようかと思ったのですが、再配布していただいたときに元がたどっていただけるように、MITライセンスを利用しております。あと、結構頻繁にバージョンアップしているので…。

      余談ですが、今、CoolWebWidndowのサイトのWebレスポンシブ化を行っております。WordPressでデフォルトのテンプレートをつかっているやつはそのままでレスポンシブ化(スマートフォンに対応)できるのでよいのが、自分でカスタマイズしたものは自分でしないといけなくって…。特にメインサイトCSSデザインノートはどうしようかなーって思っている次第です。


      今後もCoolWebWindowをよろしくお願いいたします。
       
      posted by: vanilla | リリース | 15:33 | - | - | - |

      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 | - | - | - |

        HTML5/CSS3デザインテンプレート No.5を公開しました。

        0
          HTML5/CSS3テンプレートを公開しましたのでお知らせします。

          最近よく見る、かなり幅広のワンカラムテンプレートです。旅館とかおしゃれなECサイトとかでよく見るタイプです。こういうタイプはシンプル故に写真がすごく映えるので、写真が肝となります。最近はカメラも高画質ですし、みんな写真を撮るのも上手ですよね。私はそういうセンスが全くないので、使っている写真がしょぼしょぼですみません。無料で配布しているおしゃれな写真ってたくさんあるのですが、二次配布になっちゃうからテンプレートでの配布って使えないんですよねー。


          フリーHTML5ホームページテンプレート No.005

          フリーHTML5ホームページテンプレート


          あと、全体的にテンプレートを修正しました。まだまだベータ版から抜け出せそうにないですね…。ちょっとずつこのサイトに内部リンクしていっているのですが、完璧なところまでいかないと、ちゃんと公開できないなーとも思っています。スマートフォン向け(レスポンシブデザイン)のサイトを作るのが試行錯誤の段階なのですみません。
          posted by: vanilla | リリース | 00:28 | - | - | - |

          HTML5/CSS3デザインテンプレート No.4を公開しました。

          0
            おかげさまで裏方作業に追われて、全然サイトが更新できておりませんが、合間を見て、HTML5やjQueryの勉強したりしております。

            今日は、HTML5/CSS3テンプレートをひとつ作りましたので、お知らせします。

            フリーHTML5ホームページテンプレート No.004

            フリーHTML5ホームページテンプレート


            今さらながらのフラットデザインです。
            Webサイトデザインのトレンドの移り変わりは速いので、すぐに違う技術が出てきてなかなか技術が追いつけません。奇を衒ったデザインも多いのですが、汎用性があるとは思えないので、そういう勉強もしたいんですけど、なかなかCSSデザインテンプレートにはできないなーといった感じです。

            色々と試行錯誤しながらなので、なかなかベータ版から抜けだせませんが、10つくらい作ったら正式に公開したいなーと思っています。年内にできるのか…。
            posted by: vanilla | リリース | 23:47 | - | - | - |