旧ブログコンテンツ

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

21ページ目   #レイアウト

#Android #CMS #CodeGrid #CPI #CS5 #CSS3 #CSS_Sprite #Dreamweaver #Dreamweaverテンプレート #EC #Firefox #Fireworks #FONTPLUS #HTML5 #iPhone #jQuery #KDDIウェブコミュニケーションズ #LP #Photoshop #RIA #SEO #Sublime_Text #UI #USTREAM #UX #WordPress #たにぐち_まこと #とみた_ちひろ #まぼろし #アクセシビリティ #ウォンツ #カメラ #カンプ #コードヒント #サイバーエージェント #ザ・マーズナレッジ #スマートフォン #スマートフォンサイト #ソシオメディア #ソーシャルメディア #ソースコード #デザイン #デザイントレンド #デザインビュー #デザインメソッド #ビジネス・アーキテクツ #ビジュアルデザイン #ピクセルグリッド #プレゼンテーション #モリサワ #ライティング #上野_学 #中村_享介 #優クリエイト #北海道 #原_一浩 #名村_晋治 #宮内_純人 #小久保_浩大郎 #小山田_晃浩 #岩崎_サトシ #拡張機能 #撮影 #札幌 #校正 #森_和恵 #植木真 #益子_貴寛 #矢野_りん #石嶋_未来 #神森_勉 #福岡 #福島 #茂木葉子 #西畑_一馬 #谷_拓樹 #長谷川_恭久 #閉じタグ #電子書籍 #飯田_昌之 #高津戸_壮 #鷹野_雅弘 

CSS Nite LP, Disk 1、境 祐司さんの講演内容が決定しました。

2006年10月10日、津田ホールにて開催する「CSS Nite LP」の第一弾にご出演いただく境 祐司さんの講演内容が決定しました。

CSSデザインを自動化するための7つのルール

境 祐司

画像:境祐司さんtableタグを利用したグリッドレイアウトが流行ったとき、デザイナーは複雑な入れ子タグを手作業で記述していました。後にCyberStudioやDreamweaverなどのメジャーソフトがテーブルレイアウト機能を搭載し、作業の大半を自動化します。直感的なレイアウトワークが実現してからは利用者も一気に増え、デザイン論やテクニック、メリット・デメリットの議論などが活発化していきます。

現在、やっと定着してきたCSSデザインはまだ「手作業」の段階です。Dreamweaverなども支援ツールの提供にとどまっており、直感的な作業は困難です。過去の歴史をみれば、CSSデザイン・ワークフローの一部が自動化されるのは間近のように思えます。このセミナーでは「CSSデザインを自動化するための7つのルール」と題して、新しいワークフローを少しだけ先取りしてみたいと思います。


「CSS Nite LP, Disk 1、境 祐司さんの講演内容が決定しました。」の続きを読む

画像:CSS Nite in NagoyaCSS Nite in Nagoyaの申込みを開始しました。SSL対応のフォームからお申し込みお願いします。

下記の3セッションを予定しています。益子さん、ヤスヒサさん、ともに新ネタです。鷹野は、過去に同じタイトルのものをやっていますが、増強スペシャル版です。

サイバーガーデンが考える次世代のWebライティング

益子貴寛(サイバーガーデン)

画像:益子貴寛さんWebはコンテンツが命。なかでもテキストコンテンツ、引いては全体的なページ構成は、IA(情報アーキテクチャ)、UCD(User-Centered Design)、そしてSEO/SEMの観点からトータルで最適化を図るべきです。

情報構造の全体最適化と部分最適化、SEO/SEMに役立つライティングテクニック、文章表現やキーワード選定の見落としがちなポイント、ユーザーの視点に立ったライティング、検索サービス活用術などをお話しします。

CSS3をJavaScriptで先取り実装!

長谷川恭久(COULD)

画像:長谷川恭久さんCSS3では、さまざまな属性が加わるだけでなく、セレクタも豊富になります。これにより、今まで複数の<div>や画像を使うことで処理していた表現を簡単に実現することが可能になります。

すでにFirefox、Opera、Safariでは、徐々にCSS3のサポートが増えてきていますが、IE 6ではまったく使うことができませんし、IE 7でもほとんどサポートされていない状態です。新たなクリエイティブの可能性を秘めているCSS3を「IEでは使えないから」という理由で使わないのももったいないところ。そこで、JavaScriptを使ってCSS3を疑似的に実装するテクニックを解説します。 

将来的に何ができるのか、そして、JavaScriptの理解を深めたい方には最適のセミナーです。

Web標準時代のDreamweaverテンプレート活用

鷹野雅弘(スイッチ)

画像:鷹野雅弘Dreamweaverの使う大きな理由が、テンプレート活用によるメンテナンス性を高めることです。

クラス付けの作業を少なくするための「編集可能領域」の作成とセレクタの関係、CSSシグネチャによるローカルナビゲーションの使いまわし、テンプレートの柔軟性を高める「オプション領域」、繰り返し項目の入力やソートを可能にする「リピート領域」など、CSSレイアウトによるサイト制作におけるDreamweaverの活用の中で、テンプレートにフォーカスして解説します。

制作者だけでなく、一般企業のWeb担当の方にも、Dreamweaverテンプレートの底力を知っていただくことで、運用に役立てていただける内容です。


「CSS Nite in Nagoyaの申込みを開始しました。」の続きを読む

CSS Nite Vol.9フォローアップ(2)第1部(上ノ郷谷太一氏)のプレゼンデータ

CSS Nite Vol.9、第1部「Movable Typeで行うウェブサイト管理」(上ノ郷谷太一)のプレゼンデータが公開されました。

Movable Type+S5で制作されています。


「CSS Nite Vol.9フォローアップ(2)第1部(上ノ郷谷太一氏)のプレゼンデータ」の続きを読む

Inflame Castingで[Web標準の日ラヂオ](後半)が公開

長谷川恭久さんのポッドキャストInflame Castingにて、特別企画としてヤッシー&マッシーの[Web標準の日ラヂオ]の後半が公開されています。

最近のCSSレイアウト、CSSの難しさ、口癖・書き癖、Webのプレゼンス、分業のレベルなどについて益子貴寛さん(サイバーガーデン)とお話されています。


第2回 御苑塾ワークショップが開催

【第2回 御苑塾ワークショップ】Movable Typeを使った「Webサイト」の実践的な構築方法が開催されます。

講師は、シックス・アパートの上ノ郷谷太一さん。上ノ郷谷さんには、CSS Nite Vol.9にゲスト出演いただく予定です。

シックス・アパート社内に伝わり、日々改善され続けているMovable Typeでのデザインをしやすくする初期レイアウト最適化用CSS(通称「ぬかみそCSS」)のデータのプレゼントがあるそうです。

御苑塾ワークショップの詳細はこちら