タグ「CSS Nite」が付けられているもの

Adobe Fireworks CSS3 Mobile Packがすごい!

先日の「CSS Nite redux, Vol.5 powered by デジタルハリウッド福岡校」で鷹野さんに教えていただいたAdobe Fireworks CSS3 Mobile Packを使ってみた。

fireworks_css3mobile_p1_100311.zxpをクリックしてExtension Managerにインストールする。

Fireworksで簡単なボタンを作ってみる

こんな感じ。とりあえず角丸とグラデーション

角丸とグラデーションのボタン

プロパティ

プロパティパネル

ウィンドウ>エクステンション>CSS propertiesを選択してCSS propertiesパネルを表示する。

ボタンを選択した状態で更新ボタンをクリック。

CSS Propertiesパネル

出力されたコード。

background-color:#3ab7f5;
/* Firefox v3.6+ */
background-image:
-moz-linear-gradient(20% 0% -90deg,
rgb(58,183,245) 0%,
rgb(51,153,204) 100%); 
/* safari v4.0+ and by Chrome v3.0+ */
background-image:
-webkit-gradient(linear,
20% 0%,
20% 75%,
color-stop(0, rgb(58,183,245)),
color-stop(1, rgb(51,153,204)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:
-webkit-linear-gradient(-90deg,
rgb(58,183,245) 0%,
rgb(51,153,204) 100%);
/* Opera v11.10+ */
background-image:
-o-linear-gradient(-90deg,
rgb(58,183,245) 0%,
rgb(51,153,204) 100%);
background-image:
linear-gradient(-90deg,
rgb(58,183,245) 0%,
rgb(51,153,204) 100%);
width:120px;
height:60px;
/* Firefox v1.0+ */
-moz-border-radius:5px;
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-border-radius:5px;
/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
border-radius:5px;
filter:
	progid:DXImageTransform.Microsoft.gradient(startColorstr = #ff3ab7f5,endColorstr = #ff3399cc,GradientType = 0);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = #ff3ab7f5,endColorstr = #ff3399cc,GradientType = 0)";

あとはクラスなんかを付けてブラウザで確認。CSS3のボタンが出来上がり!

参考にした記事:Fireworks CSS3 Mobile Packを使ってみよう

福岡でCSS Nite redux, Vol.5 が開催されます

「Dreamweaver CS5.5によるスマートフォン対応サイトの実装」と題してレスポンシブWebデザインとjQuery Mobileについてのセッションが行われます。

CSS Nite redux, Vol.5 powered by デジタルハリウッド福岡校(2011年11月25日開催)

イベント名
CSS Nite redux, Vol.5
powered by デジタルハリウッド福岡校
日時
2011年11月25日(金)19:00-20:50(開場は18:45)
会場
デジタルハリウッド福岡校 セミナールーム
福岡市中央区天神1-7-11イムズ11F
定員
45名
出演
鷹野雅弘(スイッチ)
主催
CSS Nite実行委員会
特別協力
デジタルハリウッド福岡校
協力
CGFM、マイナビ、サイバーガーデンbiz、サイボウズ
参加費
事前決済:1,500円(PayPalのみ)
当日決済:2,000円

11月17日は「Movable Type で地方から攻めるWeb制作ビジネス戦略とスマートフォン対応サイト制作ノウハウ伝授セミナー」もあるし、これでスマートフォン対応はバッチリかも?

定員が45名と少人数なのでお早めに...

CSS Nite in KUMAMOTO, Vol.1 終了しました

2011年1月29日(土)、熊本デザイン専門学校でCSS Nite in KUMAMOTO, Vol.1 「Photoshop特集」を開催し、50名ほどの方にご参加いただきました。

鷹野 雅弘さん
Photoshopの「棚卸し」 鷹野 雅弘さん(株式会社スイッチ)

大倉 壽子さん
CS5使える新機能はコレだ! 大倉 壽子さん(アドビ システムズ株式会社)

藤本 圭さん
プロに学ぶ、明日から使える永久不滅レタッチテクニック@ Live! 藤本 圭さん(株式会社テイク・フォト・システムズ)

初心者の方からプロフェッショナルの方まで満足頂ける内容だったと思います。

本当にありがとうございました。

明日です。CSS Nite in Kumamoto Vol.1

CSS Nite in KUMAMOTO, Vol.1 「Photoshop特集」】は明日(29日)です!

天候が心配なのですが...

Web制作者だけではなくカメラマンの方にも有用な情報・テクニック満載となっています。

日時
2011年1月29日(土)
12:30 開場 / 13:00 開演&オープニング / 17:00 終了予定
会場
熊本デザイン専門学校
〒862-0973 熊本県熊本市大江本町2-5
セッション
  1. Photoshopの「棚卸し」
    鷹野 雅弘さん
  2. CS5使える新機能はコレだ!&アドビの中の人に聞いてみよう質問大会
  3. プロに学ぶ、明日から使える永久不滅レタッチテクニック@Live!
    藤本 圭さん

*詳細は「CSS Nite in KUMAMOTO 公式サイト」をご覧ください。

CSS Nite in Kumamoto Vol.1まで一週間を切りました

2回ほどご紹介している【CSS Nite in KUMAMOTO, Vol.1 「Photoshop特集」】まで一週間を切りました。

Web制作者だけではなくカメラマンの方にも有用な情報・テクニック満載となっています。

日時
2011年1月29日(土)
12:30 開場 / 13:00 開演&オープニング / 17:00 終了予定
会場
熊本デザイン専門学校
〒862-0973 熊本県熊本市大江本町2-5
セッション
  1. Photoshopの「棚卸し」
    鷹野 雅弘さん
  2. CS5使える新機能はコレだ!&アドビの中の人に聞いてみよう質問大会(仮)
  3. プロに学ぶ、明日から使える永久不滅レタッチテクニック@Live!
    藤本 圭さん

*詳細は「イベント概要」をご覧ください。

熊本県内の方・近県の方ご参加お待ちしています。

CSS Nite in KUMAMOTO始まります

いよいよ熊本でもCSS Niteが開催されます。

CSS Nite in KUMAMOTO 公式サイト

初回となるVol.1は「Photoshop特集」

日時
2011年1月29日(土)
12:30 開場 / 13:00 開演&オープニング / 17:00 終了予定
会場
熊本デザイン専門学校
〒862-0973 熊本県熊本市大江本町2-5
出演
鷹野 雅弘 さん(スイッチ)
Photoshopの「棚卸し」
藤本圭 さん(テイク・フォト・システムズ)
プロに学ぶ、明日から使える永久不滅レタッチテクニック@ Live!

その他、地元有志によるPhotoshop大喜利やTipsやテクニック、ご協力いただくアドビシステムズさんのCS5のお話など。

まだ調整中の部分もあり多少変更になるところもありますが、既に申し込み開始しております。お申し込み及び詳細は「CSS Nite in KUMAMOTO 公式サイトイベント概要」でご確認ください。

熊本県内の方・近県の方、お待ちしています。

MT4LP5に参加しました

4月5日に行われたMT4LP5に参加しました。

2週間ほど体調が思わしくなく、おまけに木曜から風邪をひいてしまい、参加できるか不安だったのですが思い切って上京。

会場に到着し、控え室でスピーカーの皆さんの顔をみた時には思わず泣きそうになった。初めてお会いする方と名刺交換などさせていただいているうちに時間が迫ってきた。

セッションは以下の通り

Keynote:なぜMTは「商用CMS一覧」に載せられなかったのか(過去形)
安田 英久(Web担当者Forum 編集長)
A1:Movable Typeテンプレートの基本
鷹野雅弘さん(スイッチ)
B1:プラグイン開発と応用
関根 元和さん(エムロジック)
A2:実践!CMSとして使うMT4
蒲生 トシヒロさん(有限会社ITプロフェッショナル)
B2:プラグインを利用したカスタマイズ
藤本 壱さん
A3:小中規模コーポレートサイト構築における実用的Tips
黒野 明子さん(crema design)
B3:管理画面のカスタマイズ
野田 純生さん(アルファサード有限会社)
A4:MTタグ、JavaScript を用いたサイトのカスタマイズ
荒木勇次郎さん(小粋空間)
B4:MTの設置・運用に関するTIPS
丹羽 章さん

人前に出ることはほとんどないので、参加したパネルディスカッションは緊張していた。蒲生さんの「MTが大好きだから」はみんな同じ思いなんだろうなって、印象的でした。

こちらからも記念撮影

このような有意義な機会を与えていただいた蒲生さん、鷹野さん、執筆者の皆さん、スタッフの皆さん、またMT4LP5に参加していただいた方々、本当にありがとうございました!

「Movable Typeプロフェッショナルスタイル」見本誌が到着

「Movable Typeプロフェッショナルスタイル」(毎日コミュニケーションズ)の見本誌が、午前中に宅急便で到着しました。

Movable Typeプロフェッショナルスタイル

まさに「もっと深くMovable Typeを使いこなしたい人に最適の一冊」。実物を手にとって感慨もひとしおです。

MT4LP5のパネル・ディスカッションにも参加させていただく事になりました。

鷹野 雅弘様・蒲生 トシヒロ様・NORI様・角竹様はじめDTPの担当者の方々、印刷会社の方々、フィードバックを頂いた皆様に感謝いたします。本当にありがとうございました。

Movable Type プロフェッショナル・スタイル MT4.1対応

Movable Typeの基本的な使い方よりも、それを実際の企業サイトに使用したり、カスタマイズやプラグインによって「より自分やクライアントのニーズにあった」サイトを構築したい方向けの情報をたっぷりと紹介しています。
Web制作会社所属またはフリーランスのWebデザイナーやWeb制作者、企業内Web担当者など、Movable Typeを徹底的に活用したい方からCMSを使用したサイトに携わる方まで、実践的かつ実用的なテクニックが身につく1冊となっています。

最初から最後まで、鷹野 雅弘様・蒲生 トシヒロ様・NORI様・角竹様はじめ執筆者の方々にご迷惑をかけっぱなしでした。色々と勉強させていただきまして、ありがとうございました。非常に充実した3ヶ月になりました。

MT4LP5へ参加のための航空券も手配しました。私はスピーカーではありませんが、非常に楽しみなイベントです。

Movable Typeプロフェッショナル・スタイル

『Movable Typeプロフェッショナル・スタイル』を4月に刊行予定

4月5日に開催予定のMT4LP5は、企業サイト構築におけるCMSとしてのMT4(Movable Type)について掘り下げます。

これに合わせて、毎日コミュニケーションズから『Movable Typeプロフェッショナル・スタイル』を刊行すべく準備を進めています。構成と執筆陣は下記の通り。ドリームチームというべき、非常に豪華なメンツとなりました。ご期待ください。

年頭のごあいさつでご紹介したプロジェクトの内容が公開されました。「非常に豪華なメンツ」は以下の13名、すごいメンバーです!ドリームチームにお誘いいただきまして感激の至りです。

私の執筆範囲は主にテンプレート関連ですが、書籍はインストールからサイト構築及び管理の実務まで幅広い内容になる予定です。ご期待ください。