BiND3のCSS改造キット、開発中!
2009年09月17日 [ BiND CSS ]
みなさんこんにちは、デジタルステージ平野です。
さて、BiND3でのCSSカスタマイズについての最新情報をお届けします。
今、BiND3の新機能「テーマ機能」を応用し、Adobe Dreamweaver CS4と連携して、BiNDのCSSをカスタマイズするCSS改造キットの開発を行なっています。
この「CSSカスタマイズ」は、BiND上では設定できない(ようにしてある)項目を、Adobe Dreamweaver CS4を使うことにより、比較的手軽に改造できるようにする<裏技>です。
そのためのCSS改造キット(無償)を、BiND3発売とほぼ同時にリリースします。

実際にCSS改造キットを使っているときの画面はこんな風になります。
DreamweaverでCSSをカスタマイズしながら、BiND上でプレビューしている様子です。
なお、このCSS改造キットは、Adobe Dreamweaverをお持ちの方で、基本操作とCSSの基礎知識がある方を対象にしていますので、ご注意ください。また、CSS改造キットはアプリケーションやプラグインといった形式での提供ではなく、HTMLとCSS、ドキュメントなどが含まれる「ファイル」です。それらのファイルを指示に従って、BiNDの特定のフォルダに入れたり、Dreamweaverで開いたりすることにより、CSSの改造を行なうことができるようになります。
例えば、こんな項目がカスタマイズできるようになります。
http://www.digitalstage.jp/blog/sample_web/bind_css1/_developer/edit.html
で、何ができるかをもう一度まとめておくと・・・
(1)自作のブロックスキンやメニューがつくれる
(2)だから完全オリジナルのBiNDサイトのデザインがつくれる
(3)更新はBiNDでできる
ということになります。
基本的には、BiND単体でいろいろデザインができるので、誰にでも必要な機能というわけではありません。
でも、「あのスキンの色が違う!」とか「メニューのデザインをいじりたい!」というマニアックな要望もあるのも確かです。また、そうしたCSSのカスタマイズを希望される方のほとんどがDreamweaverも使っている方なので、Dreamweaverで改造できるようにしました。
3年目のBiNDですから、少数でも熱烈なリクエストにも応えたいと思って、無償提供することにしました。
なお、この改造キットを使ってつくったサイトの更新などは、BiNDを使って行なえます。
今までも、BiNDで作成したサイトはDreamweaverで開いて、Dreamweaverで改造することはできましたが、この場合の問題点は、BiNDの便利な更新機能などが一切使えなくなってしまうことでした。
今度の改造キットは、Dreamweaverでデザインをして、更新をBiND側で行なうので、BiNDが持つ良さを失わずにサイト運営を続けることができます。
これらの情報解禁は近日中に行ないますので、ドリ使いの方はどうぞお楽しみに!
平野より追加で補足:
「なぜ高価なDreamweaverが必要なのか?なぜBiND単体で対応しないのか?」という主旨のお問い合わせをいくつかいただいておりますが、この改造キット自体が「Dreamweaverで改造したい!」というユーザーの方からのリクエストにお応えした機能だということをご理解いただければと思います。そもそもBiND自体は細かいCSSの設定をしなくても良いソフトですので、「あえてやりたい」という方向けの改造キットだとも言えます。
ワンクリック・アンケートにご協力ください
今回のような情報を今後も欲しいですか?今後のこのブログの運営方針の参考にします。
ぜひ投票をお願いします。
[ 今後も是非!(5点) ] [ あるに超したことない(3点) ] [ 必要ない(1点) ]
322人が投票/平均的なご意見:3点 (5点がとても興味ある情報で1点が必要ない情報)
投稿者 : Tomoyasu Hirano
Dreamweaver以外でも改造したい。 |
chiffiy | いや〜。これを一番待ってました。ほんと素晴らしいです。やっぱりBIND使ってて良かった!! |
|---|
DreamweaverでCSSカスタマイズが出来るのはいい。申し訳ないけれど、BiNDだとちょっとしたところで自分の思い通りに行かないところもあって結局BiNDオンリーで作成して納得するか、途中からDreamweaverに切り替えてしまっておりました。BiNDで更新が出来るならいいですよね。でも実際に自分で自分のお仕事試してみないと何とも言えないんですがね(すみませんです)。 |
ミータ | CSSは全く知らないので、正直使うことはないかな。 |
|---|
brainmaster | Bind2.5の時からDreamweaverで修正していたのですが、修正すると結局その後はDreamweaverになってしまい、Bindで作る意味がと言うことになり、最近は最初からDreamweaverになっていました。そのため、BindのサイトとDreamweaverのサイトが入り交じって、管理が大変になりどうしようか迷っていたのです。更新はBindで出来るのは良いですが、Bindだけで出来た方が便利ですね。そうすれば高いDreamweaverはいらなくなるのですばらしいことです。 |
|---|
IDが出た当初、DW&Fで頑張ってましたが・・・。 |
かなり惹かれます。DWで作りますが、テンプレート機能があっても、素人には使えないくらい難しいソフトだと思います。バインドならデザインがくずれるとか、統一性とか心配しないで更新を任せられそう! |
Kent | DreamweaverでCSSを触ってもBindで管理できる機能を待ちに待っていました。大変助かります。あとひとつ知りたいのは、jQueryなどのJSライブラリを利用することができるかどうかです。つまり、htmlソースのheadとbodyにJSライブラリを利用するためのスクリプトを記述して、JSフォルダに目的のjsファイルを格納することができるのでしょうか?これをDreamweaver側で行えればOKです。ただ、その後、Bindで更新できるようでないと意味ないですが。 |
|---|
hokuichi | 知人のDreamweaver使いに今回Bind3を半ば強制的に購入させました。今まではDreamweaverを使う前にBind3を使えば良いと提案していましたが、今後は戻る事が出来るのは嬉しい限りです。Bind3を卒業してDreamweaverに入学するのは悔しいですので本当に嬉しく思います。当然Dreamweaverしかもっていない機能を使う場合にはBindに戻る事は出来ないと思いますがそれは当然です。BindとIDには制限の中で自由を発揮する姿勢を今後も維持して頂く事を熱望しています。制限があるからこそ誰でも自由を謳歌する事が出来ます。 |
|---|
ken | Bindは更新が楽なのがいいと思う。 そういう意味で、今回のキットは、とても期待している。 |
|---|









![BiND for WebLiFE* 3 [今すぐ購入する]](_src/sc119/id_reco01_2.jpg)
![ID for WebLiFE* Plus [今すぐ購入]](_src/sc123/id_reco02.jpg)
![LiFE* with PhotoCinema 2 Plus [今すぐ購入する]](_src/sc125/id_reco03.jpg)
![motion dive .tokyo [今すぐ購入する]](_src/sc127/id_reco04.jpg)