CoolWebWindow開発日誌

Webサイト制作代行お問い合わせの別サイトを作りました。

vanilla — 2012-05-05T14:52:00+09:00

なんだかややこしい記事タイトルですが・・・。
Webサイト制作代行をちらほらやってたのですが、このお問い合わせページを別サイトにしました。

CoolWebWindow.biz

要は、有料のコンテンツを別サイトにしたというわけです。
こうした理由は、元々CoolWebWindowは個人サイトだったわけで、ユーザーさんのご要望により有償サービスをすることになったのですが、例えば、MovableTypeは個人無償版を利用しているし、Yahoo!のカテゴリも個人サイトで登録しているので、色々規約に抵触していることにふと気づきまして。
なので、有償サービスは別サイトにすることにいたしました。

本当は別ドメインをとったほうがよいんでしょうが、「CoolWebWindowで配布しているCSSデザインテンプレートを用いたWebサイト制作代行」なわけで、突然別のサイトに遷移したら、ユーザーさんが困りますよね。

ということで、今後ともCoolWebWindowをよろしくお願いいたします。

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

vanilla — 2012-03-04T12:34:00+09:00

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

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

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

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

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

hello!201２!あけましておめでとうございます。

vanilla — 2012-01-01T08:54:00+09:00

新年あけましておめでとうございます。
年々、一年が短く感じられます。歳ですね・・・。

昨年は更新は遅いものの、色々と新しいコンテンツを増やした年でありました。芽はまいたので、今年はそれを大きく育てていければと思います。

HTML５とかiPhone向けのWebサイトとかMTとかWPとかやりたいことはたくさんあるのだけど、あくまで趣味の時間でやらないといけないので、本当に本当にゆっくりです。昨年は途中で忙しくなってしまい、HTML5の勉強が途中だったのにもかかわらず、HTML5のWebサイトを作ったりしなければならなかったりでしたので、きっちりと勉強を完了させたいですね。あとはブラウザのほうもどんどん進化してきているので、CSS3もきっちりと抑えたい。CSS3のプロパティが空で覚えていないのでいちいちどこかから引用してこないといけないのが面倒。まあDreamWeverとか使えばいいのでしょうけど。

あともうちょっと、Webサイトのデザインのあり方とかについて考えていきたい。最近そういう記事みたいですよね。楽に楽になるサービスばかり出てる気がします。いや、それはそれで別にいいんですけど。考えるブログに出会いたいです。

では、今年ものらりくらりとした更新になると思いますが、よろしくお願いいたします！

過去テンプレートを廃止しました。

vanilla — 2011-12-28T12:59:00+09:00

さきほどの新しいCSSテンプレートのリリースに伴い、過去テンプレート（CoolWebWindow以前のサイトで配布していたもの）は撤去いたしました。

これ、どうしようかなーって思ったまんまで、でも、ページを削除すると色々と不都合なことがあったのですが、これを気に潔く廃止することが出来ました。

過去テンプレートをベースに、シンプルCSSテンプレートが作れると、一石二鳥なのですがね。

ということで、今後共CoolWebWindowをよろしくお願いいたします。

シンプルCSSテンプレートを公開しました。

vanilla — 2011-12-28T12:44:00+09:00

お久しぶりです。私は年末年始休暇に入って、すでに5日目でございます。あと、1週間もありますよー、わはー。

ということで、わりと暇なので（というか、年末大掃除という現実から逃避しているだけなんですけど）、新たなカテゴリのCSSデザインテンプレートを公開します！

それがシンプルCSSテンプレートです。

よく、二次加工の再配布をしたいのですが・・・、というご相談をいただくので、それを前提としたCSSテンプレートを作ろうと思ったのがきっかけです。著作権がらみのことがあるので、写真とかイラストとか使わない、シンプルなものにしようと思って。大抵、再配布をご希望される方は、プログラミングなどに長けた方が多いので、あまりデザインに凝らないほうが受けが良さそうな気がしました。

本当は、色違いとか作ろうかと思って冗長性を持たせた構成にはしているのですが、なんせ飽き性なので、作るかどうかはわかりません。ご要望があれば作りますけど。

いつも更新が遅いと言うかほとんどないようなサイトで申し訳ないのですが、2012年もまったりゆっくり更新していければと思います。

6周年記念キャンペーンを実施します

vanilla — 2011-12-01T19:01:00+09:00

いつも、CoolWebWindowをご利用くださり、誠にありがとうございます。

来年の1月1日で、当サイトも6周年でございます。（多分・・・）
うわー早いものですね。
普段、忙しくて何もできないんですけど、感謝の気持ちも込めつつ、

当サイトにて、クラウドテンプレート・ゴールドプランをご購入された方に限り、無料のサポートをいたします。

ただし、こちらでWebページを作ったりはしないのでご了承ください。それは有償になります。
普段行なっている、当サイトのCSSテンプレートをダウンロードした際のサポートを同義と思ってください。

本当は、広範囲に無償でサポートできるとよいのですが、現在でさえ、かなりお問い合わせが多いので、なかなかできないのです。すみません。

クラウドテンプレートとは？
有償でCSSデザインテンプレートを販売しているサイトです。
1種類1,980円という破格の値段で、現在360種類以上あります。
今後発売されるCSSデザインテンプレートも含め、全てのCSSデザインテンプレートを利用できるのが、クラウドテンプレート・ゴールドプランです。
19,800円です。

サンプル一覧はこちらから。

クラウドテンプレート・ゴールドプランのご購入はこちから。

キャンペーン期間
ご質問いただける期間です。
12月1日〜2012年1月31日

不明点などありましたら、info@coolwebwindow.comまでご連絡ください。
よろしくお願いいたします。

商用向けCSSデザインテンプレートpub｢023｣を公開しました

vanilla — 2011-10-16T16:03:00+09:00

またもやお久しぶりです。
やっと、新しいCSSテンプレートを公開しました。

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

今年、まだふたつしか新しいCSSテンプレートを配布していないんですね＞＜
毎回、月1くらいで出したい！とか言っているのに、言っているだけで実行してなくてすみません・・・。

でも、よく考えたら、今年は全てのCSSテンプレートをリニューアルしたし、「Webサイト制作を楽にするテンプレート一式」も公開したし、「CSSデザインパーツ」というコーナーを新設したり、わりとちゃんと活動はしているんですよね。

ああ、でももう少し、ペースを上げたいですね。結構平日は忙しいし、休みの日は休みの日で平日の疲れを癒すがごとくだらだらしているので＞＜

「CSSデザインパーツ」というコーナーを新設しました。

vanilla — 2011-08-19T21:40:00+09:00

お久しぶりです。生きています。
平日は、かなりの多忙で全くサイトの更新が出来ておりませんでしたが、お盆休みをたくさんいただいたので、漸く手を入れているところです。

今回、「CSSデザインパーツ」というコーナーを新設しました。
なんと、足掛け2年のコーナーです（笑）
実際、企画したのは2009年でした。

ネット巡回してたりして、素敵なシンプルデザインをよく見かけるのですが、それをまとめたいなぁと思っていて。ただ、見出しデザイン.comみたいなのは参考になるんだけど、実用的じゃないって言うか、もう一歩踏み出してソースコードもメモっておきたいなーと。
完全に自分的メモですけど、何かお役に立てればと思います。

一応、どこかのサイトで見たデザインを参考にしていますが、パクるのはだめなので、少なくとも色とか画像とかはオリジナルです。雰囲気だけ参考にしてます。あと、参考サイトなしの全くのオリジナルもあります。

あ、そうそう、このCSSデザインパーツを配布しているページは、IE6とか古いブラウザだとデザイン崩れます。実験的にJSやCSS3を使っているので。一応IE6でもなんとかサンプル閲覧やダウンロードはできるんですけどね。すみません。

さらに、配布しているサンプルもJavaScript（jQuery）やらCSS3を多用しています。いちいちそれを書くのが面倒なのですみませんがソースコードみてください。

あと、ボタンのカテゴリーは作ろうと思っていますが、見出しは作らない方向です。一応、リストの縦バージョンとニュースリリース形式には見出しをつけていますので、それで対応したいと思います。

ちょいちょい新しいのを出す予定ですが、数が多くなるため、ここでリリースを告知するのが面倒なのでやりません。すみません。

ライセンスは、いつもどおりの、「無料」「商用利用可能」です。CSSデザインパーツに関しては完全に著作権放棄してます。再配布とかも可能です。ご自由にお使いください。

サンプル・ダウンロードはこちらから↓
CSSデザインパーツ

新規Webサイト用のテンプレート一式を公開しました

vanilla — 2011-06-20T20:21:00+09:00

HTML5＋CSS3のお勉強が全くはかどっていない管理人です、こんばんは。

昨日になるのですが、｢新規Webサイト用のテンプレート一式｣というものを公開しました。

Webサイト制作を楽にするテンプレート一式 [Cool Web Window]

新規にWebサイトを作るときって、デザインによってかなりHTMLの構成が異なってしまうのですが、いくつか基本の形の雛形を用意しておくと、作業効率が格段によくなります。

個人的にはある程度作っていたのですが、いつもどこに保管してるか忘れているし、間違えて雛形を上書きしちゃったりしてして、管理が雑すぎたので、公開することにより、管理をきちんとしようと思いました。完全に私個人向けのものなんですけど、何かのお役に立てれば幸いです。

最近はメニューのロールオーバーもCSSじゃなくてjQueryで実装することが多いです。というのも、CSSだとCSSスプライト（複数の画像をまとめてひとつの画像にすること）をしないといけなかったりで、わりと面倒だったりするんで。
これまではFlashでやってたこともJSでだいたいできたりするので、便利な時代になりましたねー。

[HTML5]ol要素、ul要素、li要素

vanilla — 2011-06-13T18:50:00+09:00

前回からまたもや時間が空いてしまいました。
今週は夕方に時間が取れそうなので、HTML5のお勉強を再開です。

■ol要素
これもHTML4でおなじみの要素ですね。
順番を持つリストです。

●startコンテンツ属性
順序の開始番号を定義します。

テキスト

テキスト

テキスト

ブラウザでは、

3．テキスト
4．テキスト
5．テキスト

のように表示されます。
あと、マイナスもつけることができます。

テキスト

テキスト

テキスト

ブラウザでは、

-3．テキスト
-2．テキスト
-1．テキスト

●reverseコンテンツ属性
順番が反対に（数が少なくなって）表示されます。

テキスト

テキスト

テキスト

ブラウザでは、

3．テキスト
2．テキスト
1．テキスト

■ul要素
ul要素は、ol要素とは異なり、順番を持たないリストです。

■li要素
li要素はリストの項目をあらわします。li要素は、ol要素、ul要素、menu要素の中でしか使うことが出来ません。menu要素に関しては、今後勉強していきます。

●valueコンテンツ属性
valueコンテンツ属性は、項目のリスト番号を明示的に指定することが出来ます。
li要素がol要素の中にあるときに限り、value属性を使用できます。

テキスト

テキスト

テキスト

ブラウザでは、

3．テキスト
4．テキスト
5．テキスト

0やマイナスを指定することも出来ます。

テキスト

テキスト

テキスト

ブラウザでは、

3．テキスト
-3．テキスト
0．テキスト

CSSテンプレートの利用規約を一部修正しました。

vanilla — 2011-05-03T18:28:00+09:00

CSSテンプレートをご利用くださっている方々、いつもありがとうございます。

一部、利用規約を修正いたしました。
著作権がらみのことですが、二次著作物のこととか書いてなかったので、追加しました。

今後とも、CoolWebWindowをよろしくお願いいたします。

業務活動再開しました

vanilla — 2011-05-03T18:25:00+09:00

本日、5月3日より、サポートメール等、順次返信しております。
いただいたメールの数が多いため、サポートや質問以外の、お礼メールなどは時間の都合上、返信できない状態にあります。大切に読ませていただいており、励みになります。ありがとうございます。

質問したのに、返信が来ない！という方は、お手数ですが再度メールをいただければと思います。

GW期間の対応について

vanilla — 2011-04-29T16:58:00+09:00

世間では、本日からGWのところも多いのではないかと思いますが、私も本日から10日間、GWのお休みをいただいております。

しかし、前半は不在にしておりますので、メールのサポートが少なくとも5月3日以降でないとできません。現在までいただいておりますメールに関しても、場合によっては、5月3日以降になる可能性がありますのでご了承ください。

不在期間でもメールは受け付けております。戻り次第、順次返信していきます。

ご迷惑おかけいたしますがよろしくお願いいたします。

[HTML5]pre要素、bloblockquote要素

vanilla — 2011-04-18T21:27:00+09:00

今日もHTML4でおなじみの要素をやっていきます。

■pre要素
pre要素は、スペースや改行がそのままの形で表示されます。

一般的な使われ方としては、HTMLなどのソースコードを表示する場合や、メールの内容をそのまま表示したいときなどに利用します。

pre要素は、フレージング・コンテンツなので、テキストのみでなく、a要素やcode要素なども入れることができます。

■blockquote要素
blockquote要素は、引用したテキストなどを表します。

引用元のURLを表示したい場合は、citeコンテンツ属性を使用します。また、blockquote要素のコンテンツ・モデルはフロー・コンテンツなので、h要素やp要素なのも入れることができます。

HTML5とは一体何なのでしょうか？

HTML5

HTML5 （エイチティーエムエル・ファイブ）とは HTML の 5 回目に当たる大幅な改定版である。表記は HTML と 5 の間にスペースを含まない[1]。XML の文法で記述する場合、XHTML5 と呼ばれる。

HTML5 は WHATWG によって2004年に定められた Web Applications 1.0 に Web Forms 2.0 を取り入れたものが W3C の専門委員会に採用され、W3C より2008年1月22日にドラフト（草案）が発表された。

2012年3月頃に正式に勧告する予定である[2]。

引用元：ウィキペディア

[HTML5]p要素、hr要素、br要素

vanilla — 2011-04-13T19:21:00+09:00

HTML4でもおなじみの要素を今日をやります。基本的に使い方は同じなのでさらっとおさらい。

■p要素
p要素は、段落を表します。基本的に文章はp要素で囲むことが多いのではないでしょうかね。

■hr要素
hr要素は、意味のある段落の区切れを表します。例えば、文章の閑話休題の前などに使います。
注意点としては、section要素の中で使うものであり、section要素を区切るために使用してはいけません。

以下、正しい使い方。

テキストテキストテキスト

■br要素
hr要素は、改行を表します。このあたりは、作文を書くのを同じなのですが、段落中の改行に使います。段落の切れ目にbr要素を使用してはいけません。

正しい例

テキストテキストテキスト
テキストテキストテキスト

間違った例

テキストテキストテキスト

テキストテキストテキスト

テキストテキストテキスト