旧ブログコンテンツ

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

#Fireworks#レイアウト

#CMS #CS5 #CSS3 #CSS_Sprite #Dreamweaver #Dreamweaverテンプレート #jQuery #LP #Photoshop #SEO #Sublime_Text #USTREAM #たにぐち_まこと #とみた_ちひろ #アクセシビリティ #カンプ #ザ・マーズナレッジ #スマートフォン #デザイン #ビジネス・アーキテクツ #プレゼンテーション #中村_享介 #小久保_浩大郎 #植木真 #益子_貴寛 #石嶋_未来 #神森_勉 #福岡 #茂木葉子 #鷹野_雅弘 

CSS Nite LP31: Webデザイン行く年来る年(Shift7)フォローアップ(4)鷹野 雅弘さん(スイッチ)、石嶋 未来さん(ザ・マーズナレッジ)

2013年12月14日、ベルサール神田 イベントホール(2F)で開催したCSS Nite LP, Disk 31: Webデザイン行く年来る年(Shift7)のフォローアップとして、鷹野 雅弘さん(スイッチ)、石嶋 未来さん(ザ・マーズナレッジ)の『ツールと制作環境2013-2014 』セッションのスライドなどをシェアします。


「CSS Nite LP31: Webデザイン行く年来る年(Shift7)フォローアップ(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 Omotesando, Vol.2が終了しました


「CSS Nite in Omotesando, Vol.2が終了しました」の続きを読む

CSS Nite in Ginza, Vol.49:バシャログの中の人が登場

CSS Nite in Ginza, Vol.49

2010年7月15日(木)、アップルストア銀座 3Fシアターで開催するCSS Nite in Ginza, Vol.49に、バシャログの中の人が登場します。

バシャログは、横浜市・馬車道にある株式会社シーブレインのWEB制作スタッフが2007年より運営するブログ。ディレクター、デザイナー、マークアップエンジニア、プログラマーなど、総勢9名の気持ちは若い現役スタッフによりほぼ毎日絶賛更新されています。

今日から使えるWeb制作現場のテクニック(デザイン~マークアップ)

支給された原稿素材を元にレイアウト→デザイン→マークアップという工程を踏んでページが完成していくまでの過程を、ライブコーディングと使える TIPS の紹介を挟みながら解説。

<デザイン(Fireworks Tips 他)>

  • ちょとした工夫で見栄えが上がる TIPS のご紹介。
  • 効率的なソースの管理とイメージの書き出し。

<HTML コーディング(Dreamweaver Tips 他)>

  • エディタと Dreamweaver を使い分けた、職業コーダーならではのスピードコーディングのご紹介。
  • マクロ整形、スニペット、キーボードショートカットのカスタムをフル活用し、短時間でページをコーディングします。(LIVE)

<CSS コーディング>

  • 自作ツールやフレームワークを使った、ライブコーディング。
  • スッキリとクロスブラウザを実現する TIPS のご紹介。

<One More Thing?>

  • 未定

バシャログ。

株式会社シーブレイン
WEB制作スタッフ

横浜市・馬車道にある株式会社シーブレインのWEB制作スタッフが2007年より運営するブログ。

創業15年、数々のWEBサイト構築を手掛けるシーブレインの制作現場で培われた、デザイン、マークアップ、プログラミングなどの即活用できるノウハウやTipsを紹介。CSSテクニックの特集エントリーなどは特に多くのアクセスを集める。

ディレクター、デザイナー、マークアップエンジニア、プログラマーなど、総勢9名の気持ちは若い現役スタッフによりほぼ毎日絶賛更新中。

参加費は無料です。事前登録いただくと確実にご入場いただけます。 現在、mixiのコミュニティ内で参加表明を受け付けています。たくさんのご参加をお待ちしています。


CSS Nite in Ginza, Vol.33フォローアップ(3)Fireworks(鷹野)のセッション

090404_0137.jpg

4月4日に開催したCSS Nite in Ginza, Vol.33の『Fireworksでのカンプ作成と画像切り出し』(鷹野雅弘)のフォローアップとして、音声をシェアします。

なお、5月21日に開催予定のCSS Nite in Ginza, Vol.35は、Fireworks特集でお送りします。 参加希望の方は、ぜひ、mixiのイベントにて参加表明をお願いします。


「CSS Nite in Ginza, Vol.33フォローアップ(3)Fireworks(鷹野)のセッション」の続きを読む