旧ブログコンテンツ

現在は note で発信しています。

#CSS3#デザイン#Dreamweaver

CSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」フォローアップ(4)忘れがち、実は使えていない Dreamweaverの便利機能

2017年5月13日(土)大阪産業創造館 4Fイベントホールで開催したCSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」のフォローアップとして、森 和恵さん(r360studio)の『忘れがち、実は使えていない Dreamweaverの便利機能』セッションのスライドなどを公開します。


「CSS Nite in OSAKA, Vol.43「Reboot Dreamweaver」フォローアップ(4)忘れがち、実は使えていない Dreamweaverの便利機能」の続きを読む

CSS Nite LP51「Reboot Dreamweaverフォローアップ(4)便利機能

2017年3月11日(土)にベルサール神田で開催したCSS Nite LP51「Reboot Dreamweaver」のフォローアップとして、森 和恵さん(r360studio)の『忘れがち、実は使えていない Dreamweaverの便利機能』セッションのスライドなどを公開します。


「CSS Nite LP51「Reboot Dreamweaverフォローアップ(4)便利機能」の続きを読む

AQUENTセミナー:「Adobe CS6で学ぶ、 今、身に付けておきたいWebサイト制作スキル」

AQUENTが主催するセミナー「Adobe CS6で学ぶ、今、身に付けておきたいWebサイト制作スキル」が、大阪、名古屋、福岡で開催されます(都内版は終了)。

大阪(6月3日10:30-12:00)福岡(6月16日13:30-15:00)のみ残席わずか、残りは満席になっています。

>アドビ社からCreative Suiteシリーズの新バージョン「CS6」が発表されました。 Dreamweaver CS6やFireworks CS6に搭載された新機能は、スマートフォン、マルチデバイス対応など、Webサイトの制作現場で求められている新技術の実装を容易にするものが多く含まれています。

スマートフォン対応には、デバイスの横幅に応じて異なるレイアウトを適用する「レスポンシブWebデザイン」、JavaScriptフレームワークのモバイル版である「jQuery Mobile」の2つのアプローチが注目されています。

Dreamweaver CS6には「レスポンシブWebデザイン」対応のサイト制作を容易にするための「可変グリッドレイアウト」や、jQuery Mobileのテーマを視覚的に適用する「jQuery Mobileスウォッチ」などの機能が、Fireworks CS6では、jQuery Mobileテーマを作成したり、CSS Spriteを書き出す機能が強化されています。

さらにスマートフォン対応で忘れてならないこととして、CSS3の利用によって画像を減らし、読み込み速度を上げることです。Fireworks CS6では、角丸、ドロップシャドウ、グラデーションなどをCSS3のコードとして書き出すことができます。

このように、Dreamweaver CS6/Fireworks CS6のは、これからのWebデザインを行う上で生産性を上げるために必須のツールとなりつつあります。

そこでエイクエントは、CSS Niteの主宰者としてお馴染みの鷹野さんをお招きし、今身に付けておきたいWebサイト制作スキルを、Dreamweaver CS6 / Fireworks CS6を使ってデモンストレーションしていただきます。

Webサイト制作に携わる多くの方のご参加をお待ちします。


CSS Nite in NAGOYA ♭002は「2デイズ、セミハンズオン」で開催

2012年6月9日(土)、10日(日)の2日間、名古屋菱信ビル 306B+CでCSS Nite in NAGOYA ♭002を開催します。

今回は、下記の8トピックを少人数、セミハンズオンで行います。セミハンズオンは、参加者がPCを持ち込むスタイルのハンズオン。マストではないので、聴講のみも可能です。

  • Webにまつわる写真&撮影の基礎知識/岡田陽一(ふわっと)
  • Web制作でも重要なIllustratorのアレコレ/鷹野雅弘(スイッチ)
  • HTMLとCSSを書かずにWebサイトを作って活用しよう~オンラインウェブサイトクリエイター Jimdo~/野崎 晃
  • Dreamweaverで実現するレスポンシブWebデザイン/鷹野雅弘(スイッチ)
  • CSS3で変わるWeb制作/鷹野雅弘(スイッチ)
  • Web制作に欠かせないマーケティングを学ぶ~楽しみながらワークショップで身につけよう~/高畑哲平(KDDIウェブコミュニケーションズ)
  • EPUBの基本を知ろう、作ってみよう/鷹野雅弘(スイッチ)
  • イーブック・デザイナーの仕事[実践編]~EPUB3とKindle Format 8(KF8)のHTML5&CSS3コーディング入門~ /境 祐司

席が埋まってきつつありますので、お早めにどうぞ。


2010年には、69回の関連イベントを通して、234セッションが行われました。 「全部はチェックしきれないので、これは!と思うものをチョイスして欲しい」という声をよくいただきますので、2010年のベスト10セッション+αを選んでみました。

選外にも素晴らしいセッションがたくさんありましたし、あくまでも主催者目線ということを理解しつつ、参考にしていただければ幸いです(写真:おかだよういち、飯田昌之)。

ベストセッション

101216_0464_2.jpg『2010年、デザイントレンドゆく年来る年』/原 一浩(エフエックスビイ)

恒例となりつつある年末年始のデザイントレンド。今回は日本のサイトが取り上げられました。見せ方、解説などもスムーズで、スコンと納得のいくものでした。わずか15分のセッションですが、コンパクトに濃くまとまっています。

ベストイベント

DSC_8186.jpgCSS Nite in KANSAI, LP1 ?CMS POWER USER'S SUMMIT 2010?/黒野 明子、太田 樹、勝又 孝幸、藤井 正明

  • 開催日:2010年2年27日
  • 会場:TKP大阪梅田ビジネスセンター

「CMSのパワーユーザーによる、案件解決へのプレゼンテーション!」というタイトルもと、(仮装した)クライアントからの注文に、それぞれのCMSの代表プレゼンターが応えるというロールプレイング形式のイベント。

大阪版は、2009年末から地元有志の運営に切り替わりましたが、セミナーというより、イベントとしてのエンターテイメント性を追求した素晴らしい回でした。

DSC_8090_2.jpg

このほか、大阪版はいち早くUSTREAM配信などにも取り組むなど、精力的な1年でした。

ベスト10セッション(時系列順)

100109_0654.jpg『Web制作会社のための、顧客が逃げないGoogle Analyticsレポーティング?成果アップのための解析「報告」の実践』/石井 研二(HARMONY)

なんといいましょう、もう、セミナーというより講談? 立て板に水の調子で淡々としたトークの中に、風刺やジョークがピリリと効いて、さらにユニークなメタファと相まってあっという間に時間が過ぎてしまいます。具体的な事例が多いのもポイントが高い。

100121_0144.jpg『2009年のデザイントレンド総括?トレンドをチェックして2010年のデザイン業務に取り込め!』/原 一浩 + 矢野りん

ベストセッションにも取り上げた原 一浩さんのデザイントレンド、この回は矢野りんさんとの掛け合いにより、ぐっと幅と奥行きが出ました。矢野さんのロジカルな解説が◎。 LP12、および、ベストセッションでのCSS Nite in Ginza, Vol.55(Shift 4)もご一緒に。

100415_0090_2.jpg『Webクリエーター、次の10年を生き抜くために』/中川 直樹(アンティー・ファクトリー)

手書きタッチのプレゼン+Wiiリモコン、という中川スタイルを確立したセッション。説得力のあるトークは定評が高く、2010年はLP11、LP12、富山版にもご出演いただきました。

dsc_0467.jpg『CSS3 FOR TOMORROW』/福田 泰雄(AGN)+ 高津戸 壮(ピクセルグリッド)

「ほら!」というかけ声のもとにデモを進める中、CSS3のおもしろさ、楽しさをぐっと身近に感じました。 お二人とも「sugamo.css」の主要メンバーですが、マニアックさとわかりやすさのバランスが絶妙で、人気のセッションでした。

100612_126.jpg『手書き風デザインを実現する10のレシピ』/林 大輔(楽天トラベル)

林さんには、2009年5月に『Fireworksで実装するテクスチャの使い方・作り方・使いどころ』にてご出演いただきました。 https://cssnite.jp/archives/post_1537.html 今回は、さらにパワーアップ。質の高いデモネタと、軽妙なトークで楽しいセッションでした。

P1080736.jpg『利益分配型サイト制作はこんなに面白い』/増永 玲(バドーゾ)

私たちWeb制作者が、仕事のあり方を考える上で考えていきたい利益について考えさせられたセッション。すべての制作者/制作会社に当てはまるものではありませんが、ぜひ、一度チェックしておいていただきたいセッションです。

100715w_0015.jpg『今日から使えるWeb制作現場のテクニック(デザイン?マークアップ)』/バシャログ。

人気ブログ、バシャログ。の中の人3名によるセッション。Dreamweaver、Fireworksのスゴワザが披露されました。 Webサービス「CSS Selector Generator」「当番くん」もこの日から公開。

100724_513.jpg『実践 あなたのサイトを診断・改善!』/安川 洋+大内 範行(アユダンテ)

  • イベント名:CSS Nite LP, Disk 10
  • 会場:ベルサール新宿
  • 開催日:2010年7月24日

“掛け合い”タイプのセッションの好例。内容も事例に基づいたもので、得るところが多いと思います。

P1140338_2.jpg『もしも広島の女子Webデザイナーが『PMBOKガイド 第4版』を読んだら』/林 千晶(ロフトワーク)

解説するまでもなく「もし高校野球の女子マネージャーがドラッカーの『マネジメント』を読んだら」にインスパイアされたスライドが評判になりました。 この切り口は不要では?という人もいますが、過去のスライドを使い回すのでなく、新しい解説手法にチャレンジしていくのがすごいです。なお、セッションは、グループワークを加えたもので、いつも通り説得力がありました。


「2010年のベスト20セッション」の続きを読む