Pattern Library Project

Slides:



Advertisements
Similar presentations
「自由な情報」のための ウェブブラウザ Cybozu Labs, Inc. Kazuho Oku.
Advertisements

11 ActiBook の機能( PC 閲覧画面側・ flash 版) テキストの位置 まで検索可能 背景色・背景画 像の選択可能 ※自社のロゴを入れたり「お問い合わせ」ボタン を入れたりすることが可能です。 ページ内に動画を埋め込 むことが可能です。 付箋メモに書き 込みが可能 ボタンバーの画像変更可能.
Software Engineering Laboratory, Department of Computer Science, Graduate School of Information Science and Technology, Osaka University 1 ソフトウェア部品推薦のための.
1 情報処理基礎 2006 年 7 月 6 日. 2 本日の学習項目 HTML 文書の基礎知識を習得する。 ホームページ・ビルダーの基本的な使 い方を習得する。 ホームページの作成 自己紹介のためのホームページを作成する。
XML ゼミ 独習 XML ~ 第 6 章 XHTML~ 6.1 XHTML の概要 6.2 XHTML の構造 谷津 哲平.
Internet Explorer 障害解析 最初の一歩 - IE のトラブルを理解する -. 概要 Internet Explorer を使用中に発生するトラブルの 種類と、調査のための切り分け方法を紹介します! (以降は IE と略称で表記します) よくあるお問い合わせ Web ページの表示が白画面のまま完了しない.
X-fit の開発工数資料 株式会社 KSK プレスリリース参考資料 2013年9月3日. 『 x-fit 』の変換イメージ 2 HTML ソース ###### Tab ###################### #Tab に変換するクラス名を設定する # 設定値:文字列 convert.div.to.tab=
Jsdo.it と Monaca による端末へ のアプリ導入 5/29 (金)課題 堀江美香.
© 2012 XING Inc. All Rights Reserved. 1 CONFIDENTIAL WEB 制作ガイドライン BMB インターナショナル.
コンピュータ基礎実習 ( 上級 ) 第九回 スタイルシート 清水淳紀. はじめに  今回の内容  スタイルシート (CSS) とは何か  CSS の役割  CSS の利点  スタイルシートの基本  CSS の記入方法  基本的な CSS の例.
Web アプリをユーザー毎に カスタマイズ可能にする AOP フレームワーク
D&UNITE 株式会社 代表取締役 株式会社 T-Planning 取締役 Microsoft MVP for ASP.NET/IIS
インターネット接続方法 プロバイダとの契約が必要(パソコン購入店で相談) 「価格.COM」や「朝日新聞 x ECナビ」等で下調べ 回線の種類
WWW のおはなし 神戸大学理学部地球惑星科学科 4 回生 佐伯 拓郎 (地球および惑星大気科学研究室) 藤田 哲也 (宇宙物理学研究室)
D2-301 現時点の本資料は 完成版のスライドではありません。
Swimmie(スイミー) ビジネスプラン発表.
ラジオライブ配信テスト版サイト制作 PC & スマートフォン & ガラ系携帯対応.
第11回JavaScriptゼミ セクション8-2 発表者 直江 宗紀.
画像展示サイト“Fragments” 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン
電子書籍を さがす どんな書籍があるの? Maruzen eBook Libraryは、学術機関向け和書の電子書籍提供サービスです。
EDUPUBワークショップ報告会 /30 IDPF, IMS GC, Pearson, W3C
第2章 ネットサービスとその仕組み(前編) [近代科学社刊]
【2.12】文字装飾機能内部設計書
電子書籍を さがす どんな書籍があるの?
CEC公開授業 Webサイト制作にチャレンジ! 2007年11月20日 於:東京都立板橋有徳高校 学校インターネット教育推進協会.
Microsoftの新ブラウザEdgeとIEについて
1.電子納品の際に準備する機材と、電子納品の基準について
法人e名刺 ブログ運用マニュアル 社外秘 目次 □ブログ運用ルール
スマホでも動作する JavaScript製 アドベンチャーゲームの作り方
CSSを利用したWebデザイン 理工学部 情報学科 3回生 喜多 亮輔.
第1回 HTML5入門.
ホームページの作り方.
EpWWWサーバ 北海道大学 理学院 宇宙理学専攻 M1 古田裕規.
ASP.NET開発標準化を考えてみよう! わんくま同盟 東京勉強会# /03/15 mxb & 片桐継.
ASP.NET開発標準化を考えてみよう! わんくま同盟 東京勉強会# /03/15 mxb & 片桐継.
情報工学科 05A2301 樽美 澄香 (Tarumi Sumika)
JavaScript Language Update
見た目を定義する技術 CSS(スタイルシート).
インターネット活用法 ~ブラウザ編~ 09016 上野喬.
サイト運営者へむけて、CMS管理画面をつかって サイト運営していく方法を紹介します。
スタイルシート C306 情報発信の基礎【第6回】.
XMLゼミ 5.1 XML文書と表示 5.2 CSS 5.3 XMLとXSL 高橋 辰裕.
XSL-FO + MathML MathML表示、PDF生成、SVG生成
管理画面操作マニュアル <ユーティリティ> 第8版 改訂 株式会社アクア 1.
基礎プログラミング演習 第1回.
第3章 第2節 ネットワークを活用した 情報の収集・発信(3) 5 表現方法の工夫
三浦欽也 2009年11月 〔Sc182(2) 情報科学演習 参考資料〕
第8章 Web技術とセキュリティ   岡本 好未.
対応可否 スキル一覧 株式会社エージェント 2015年10月7日 Ver.1.0.
インラインスクリプトに対するデータフロー 解析を用いた XHTML 文書の構文検証
ご利用説明 2018年10月 (株)紀伊國屋書店.
利用説明 2018年9月 (株)紀伊國屋書店.
目次. 目次 バージョンアップガイドについて リリース日 バージョン情報 2012年12月17日 (月) バージョンアップガイドの内容 バージョンアップガイドはNIコンサルティングの製品に関する最新のリリースをまとめた統合的なユーザーガイドです。新機能や機能強化の内容、その導入に必要な情報を提供します。最新の機能を利用するガイドとしてお役立てください。
T2V技術 Web製作ラボ 5/9, 2012 hayashiLabo 11.
売れるためのWEBサイト構築.
Update.
 適性検査(性格診断+能力テスト) 受検の手順                              株式会社虎屋では「適性検査eF-1G」を採用選考資料の一つとして導入しています。
日本郵便 「Web-EDI」利用ガイド (JP EDIシステム)
情報スキル活用 第2週 基礎技術ー2 : Webページの基本形.
“SFC SUBWAY Maniacs” プロジェクト計画書
情報スキル活用 第4週 基礎技術-4 : その1(タグのまとめ).
Htmlの基本.
コンピュータ プレゼンテーション.
HP作成 そろそろまとめ編 担当:TAの人.
JavaScriptを含んだHTML文書に対する データフロー解析を用いた構文検証手法の提案
基礎技術ー3 : Webページの標準規格について
独習XML ~第1章 XMLの基礎~ 1.1 XML文書の基礎 1.2 XMLとHTML
About “Web Standard” for down to laymen.
About “Web Standard” for down to laymen.
キャッチコピー Works Blog Profile Works Blog Profile TOPページ 実績 ブログ 人物
Presentation transcript:

Pattern Library Project 沖縄科学技術大学院大学 Okinawa Institute of Science and Technology Graduate University Pattern Library Project 構成仕様書 2017年8月7日

OIST Pattern Libraryの基本仕様 OIST Pattern Library Project Specification OIST Pattern Libraryの基本仕様 2017/03/16 OIST Pattern Libraryの基本仕様 patternlab.io <http://patternlab.io/> のMustache Editionを元にして制作。 Libraryのナビゲーション、レイアウト、各種機能もpatternlab.ioのそれに準じる。 patternlab.ioの基本レイアウト Navigation (Atoms〜Pages) ページ幅の切り替え機能 その他の機能 elementの説明 element

Pattern_Definition_Documentの内容の反映 OIST Pattern Library Project Specification Pattern_Definition_Documentの内容の反映 2017/03/16 Pattern_Definition_Documentの内容の反映。 ナビゲーションへの反映 Categoryをナビゲーションの親要素に、 elementをナビゲーションの子要素に反映。 Pattern_Definition_Document

Pattern_Definition_Documentの内容の反映 OIST Pattern Library Project Specification Pattern_Definition_Documentの内容の反映 2017/03/16 Pattern_Definition_Documentの内容の反映。 各エリアへの反映 element名称 説明と使用方法 HTMLソースはPattern Library開発の際に検討。 このelementを構成するelement このelementが適用されるelement SampleはPatten Library開発の際に検討。 Pattern_Definition_Document

Markup and Stylesheet Guidelines OIST Pattern Library Project Specification Markup and Stylesheet Guidelines 2017/03/16 Markup and Stylesheet Guidelines コーディング全般 ディレクトリ構成 patternlab.ioのディレクトリ構成を基本とする。 ディレクトリの追加や、変更をする場合の基本ルールを開発フェーズにおいて検討し策定すること。 ファイル名・ディレクトリ名の命名規則 開発フェーズにおいて命名規則を定めること。 動作検証ブラウザ PC IE11以降 Microsoft Edge Google Chrome 開発時の最新版 Mozilla Firefox 開発時の最新版 Safari 開発時の最新版 Mobile iOS Safari 9.x 以降 (iOS 9 以降) Android 4.4.x 以降 標準ブラウザ Android 4.4.x 以降 Chrome HTMLコーディング 基本ルール HTML5にて記述すること。 セマンティックな記述を原則とし、「見た目」ではなく「意味」に紐付いたマークアップやクラス名を意識すること。 アクセシビリティ WCAG2.0のレベルAAに準拠すること。 バリデーション 納品前の HTML ファイルはThe W3C Markup Validation Serviceによるチェックを行うこと。 特にHTMLタグの閉じ忘れミスを避ける。 CSSコーディング CSSセレクタの命名規則はBEMの概念を採用する。 スタイル記法はSassのscss記法で記述する。