旧ブログコンテンツ

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

8ページ目   #Dreamweaver#デザイン

#AfterDark #Android #CMS #CodeGrid #CS5 #CSS3 #CSSSprite #CSS_Sprite #Dreamweaverテンプレート #EC #Firefox #Fireworks #HTML5 #InDesign #iPhone #Jimdo #jQuery #LP #Microsoft_Office #MovableType #Movable_Type #Photoshop #RIA #SEO #Sublime_Text #UI #USTREAM #UX #WordPress #Zen-coding #たにぐち_まこと #とみた_ちひろ #まぼろし #アクセシビリティ #アユダンテ #カメラ #カンプ #コーディングツールバー #コードヒント #スマートフォン #スマートフォンサイト #ソーシャルメディア #ソースコード #デザイントレンド #デザインビュー #ビジネス・アーキテクツ #ビジュアルデザイン #ピクセルグリッド #プレゼンテーション #ヤフー #ライティング #レイアウト #中村_享介 #丸山_章 #住_太陽 #北海道 #千貫_りこ #原_一浩 #参加者属性 #名村_晋治 #大内_範行 #安川_洋 #宮内_純人 #小久保_浩大郎 #小山田_晃浩 #山田_恵理子 #岡部_和昌 #庄崎_大祐 #拡張機能 #撮影 #札幌 #森_和恵 #植木_真 #植木真 #益子_貴寛 #矢野_りん #石嶋_未来 #神森_勉 #福岡 #茂木葉子 #西畑_一馬 #長谷川_恭久 #電子書籍 #飯田_昌之 #高津戸_壮 #鷹野_雅弘 

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のコミュニティ内で参加表明を受け付けています。たくさんのご参加をお待ちしています。


Dreamweaver Town Meeting in Tokyo:Dreamweaverのスキルを棚卸し #dwtokyo

Dreamweaver Town Meeting in Tokyo

2010年5月29日(土)15:10から、ベルサール新宿でDreamweaver Town Meeting in Tokyoを開催します。

その中で、大喜利と題して、持ち時間7分のミニセッションを12人のパワーユーザーが出演します。次に挙げる内容が引っかかる方は、スキルの"棚卸し"のために参加されてはいかがでしょうか?

  • コーディングツールバーって便利そうだけど、使うボタンだけ表示できたらいいのに...
  • DreamweaverでMovable Typeのテンプレートを作成できるの? 連携はどうやって?
  • 古いサイトを引き継いだ。fontタグを一層できないかな?
  • ほとんど画像にalt属性が入っていないんだけど、とりあえず、空でもいいので入れておきたい。
  • 大量にあるコンポーネントの組み合わせでできているWordPressのテーマをDreamweaverで作るのはムリだよね...
  • GIF/JPEGに書き出さずに、直接PSDをDreamweaverに配置できたらいいのに... 更新にも対応してできたらラッキー
  • 最近、Zen-condingがスゴイって聞くけど、そんなに速いの? Dreamweaverでも実装できるの?
  • コードヒントをヘビーに使っているけど、不要なプロパティは出ないようにしたいよね。
  • DreamweaverでHTML5の新しい要素を入力できないかな?
  • DreamweaverのデザインビューってClearfixが効かないよね。なんとかならない?
  • 表示速度改善にCSS Spriteが有効って効くけど、実装するのは面倒。いい方法ないかな?
  • </div>の前に、どのdiv要素を閉じているかのコメント(例:<!-- /#container -->)を自動的に挿入できたらいいよね。
  • クライアントから支給されるExcelファイル、Dreamweaverでどうやって使うの?
  • 文字原稿をクライアントにお願いするんだけど、ちょっとだけ手を加えてもらったら、後の作業がラクになる方法ってないかな?

2008年1月には「Dreamweaver CS3 10周年記念イベント 夢を紡ぐ者たちへ」が開催されましたが、それ以降、Dreamweaverにフォーカスしたイベントとしては目立ったものは開催されていません。

なかなか他人の制作環境を見る機会はありません。また、普段のルーティン作業以外のDreamweaverの別の顔を見るチャンスです。


Dreamweaver Town Meeting in Kyoto:ワン・トゥー・テン・デザイン「AD部」のセッション詳細が決定

Dreamweaver Town Meeting in Kyoto

4月21日、メルパルク京都で開催するDreamweaver Town Meeting in Kyotoでは、さらに京都に拠点をおく制作会社ワン・トゥー・テン・デザイン「AD部」による事例ベースでのDreamweaver活用というセッションを予定しています。その詳細が決定しましたので、ご紹介します。

>弊社(ワン・トゥー・テン・デザイン)は京都を拠点に活動するウェブ制作プロダクションです。業務の多くは広告系ウェブサイトの構築ですので、どちらかというと、Flash制作の方が注目されているようですが、それだけではありません。サーバーサイドやHTMLの精鋭スタッフがいます。先日、彼らでアーキテクチャディベロップメントグループ(通称「AD部」)という部署を設立したところ、さらなる表現力の向上に繋がりました。

このセッションでは、実際に彼らが制作した案件を通じて、制作現場で起こっていることを、個人・チーム・部署のさまざまな視点からお話します。

「初めてのWordPress&HTML5 ~まずは使って慣れてみよう編~」(松田翔伍)

WordPressで制作したポートフォリオサイトをご紹介します。 サイトでは一部HTML5を実験的に導入しました。 WordPressでの構築からHTML5コーディングまで、 あくまでも初心者の視点でお話しします。

「ロート・ディープモイスト ハウツー・キッス、制作の舞台裏」(江見政亮)

独特なデザインと操作感で話題を呼んだ 「ロート・ディープモイスト ハウツー・キッス ~ファーストキッスへの道~」。 デザイナーのこだわりをいかにして実装に落とし込んだか、 その制作の舞台裏をお伝えします。

「Dreamweaver拡張機能を使ったTwitterAPI活用方法」(小谷俊介)

Twitterを活用したWebサイト制作のご依頼が相次いでいます。 ナカノクエストなどのTwitterAPIを使用したWebサイトの事例を基に、 制作のポイントをお話しします。 また、独自開発したTwitterAPI活用のDreamweaver拡張機能もご紹介します。


Dreamweaver Town Meeting in Tokyo:セッション概要ほぼ確定、お申し込みもスタートします

Dreamweaver Town Meeting in Tokyo

2010年5月29日土に、ベルサール新宿で開催予定のDreamweaver Town Meeting in Tokyoの出演者、セッション概要がほぼ確定しました。 セッション2本に加え、大喜利(持ち時間7分のミニセッション)×12本にて構成します。

  • イベント名:Dreamweaver Town Meeting in Tokyo
  • 日時:2010年5月29日土 15:10-19:40(4.5H)
  • 会場:ベルサール新宿
  • 主催:CSS Nite実行委員会
  • 参加費:4,000円(4月末まで3,500円)
  • 出演:神森 勉、伊原 力也(ビジネス・アーキテクツ)、茂木葉子(Aqua Design Studio)、 森 和恵(r360studio)、千貫りこ、たにぐちまこと(H2O Space.)、石嶋 未来(ウープスデザイン)、岡部 和昌、國分 亨(dreamseeker)、丸山 章、、宮内 純人(マックグラフィックアーツ)、湯口 りさ(RsStudio)、渕上 伸吾(カヤック)、山田 恵理子(Webridge Kagawa)、鷹野 雅弘(スイッチ)
  • 告知ページ:https://cssnite.jp/dtm/tokyo/
  • twitterタグ:#dwtokyo

本日からお申し込みもスタートします。4月末までは早割を設けていますので、ぜひ、ご利用ください。

なお、同じ日程、会場にて、基本的にビギナーの方をターゲットとして開催するCSS Niteビギナーズ:Dreamweaver編にご参加の方にはセット割をご用意しています。


Dreamweaver Town Meeting in Tokyo

4月21日に京都にてDreamweaverにフォーカスしたイベントDreamweaver Town Meeting in Kyotoを開催予定ですが、この東京版を5月29日開催します。

2008年1月にはDreamweaver CS3 10周年記念イベント 夢を紡ぐ者たちへが開催されましたが、それ以降、Dreamweaverにフォーカスしたイベントとしては目立ったものがありません。

10周年記念イベントに参加された方からは「あの大喜利をもう一度」という声をいただき、今回は大喜利スペシャルとしてお届けします(大喜利=持ち時間10分程度のミニセッション) 。

  • イベント名:Dreamweaver Town Meeting in Tokyo
  • 日時:2010年5月29日土 16:10-19:40(3.5H)(※予定)
  • 会場:ベルサール新宿
  • 出演:神森 勉、伊原 力也(ビジネス・アーキテクツ)、茂木 葉子、 森 和恵(r360studio)、千貫りこ、たにぐちまこと(H2O Space.)、石嶋 未来(ウープスデザイン)、岡部 和昌、鷹野 雅弘(スイッチ)ほか調整中
  • 告知ページ:https://cssnite.jp/dtm/tokyo/

mixiコミュニティでの参加表明をスタートしました。大喜利に出たい/出したいという方も募集中です。

なお、5月29日、同会場にてCSS Niteビギナーズ:Dreamweaver編を予定しています。時間をずらしてのダブルヘッダにてお送りします。