検索結果
次のキーワードについて検索: ''. 検索結果 1 - 30 / 283 件 (0.0443 秒). 検索条件の修正
1.
Geeklog1.4.1のテーマを1.6のサイトで使う方法
基本的には、お使いのGeeklogコアパッケージの中にある/layout/ProfessionalCSS(1.6用)に今お使いの1.4.1のテーマのcustom.cssと /images/custom/* のみ上書きしていただき、header.thtml・footer.thtmlを修正していただければご利用可能です。(スタイルの調整が必要な場合は、今お使いのテーマのcustom.cssを修正してください) 私が作成したPhizeさん開発のProfessionalCSSをベースにしたテーマには、音声でのネットサーフ(音声読み上げ)を考慮し、ヘッタに聞き飛ばしが出来る様にナビゲーションスキップを設定し中央ブロックを先読みさせてあり、フッタにページの先頭へ戻るを設定してあるものがあります。
基本的には、お使いのGeeklogコアパッケージの中にある/layout/ProfessionalCSS(1.6用)に今お使いの1.4.1のテーマのcustom.cssと /images/custom/* のみ上書きしていただき、header.thtml・footer.thtmlを修正していただければご利用可能です。(スタイルの調整が必要な場合は、今お使いのテーマのcustom.cssを修正してください) 私が作成したPhizeさん開発のProfessionalCSSをベースにしたテーマには、音声でのネットサーフ(音声読み上げ)を考慮し、ヘッタに聞き飛ばしが出来る様にナビゲーションスキップを設定し中央ブロックを先読みさせてあり、フッタにページの先頭へ戻るを設定してあるものがあります。
2.
広報とよなか4月号
epub版(抜粋) 広報誌はできるだけたくさんの市民の方に読んでいただきたい媒体ですが、アンケートなどで、年齢層によっては広報誌を全く読まないという結果も出ています。 そこで、比較的紙の媒体を読まない年齢層を視野に入れ、web、端末、スマートフォンなどで閲覧できるよう、汎用性の高いepubで、視覚的に見せている広報誌をどのように表現できるのかを、今回イーパ部の活動を通して試みる機会を得ることができましたので、チームAはそれに取り組みました。 媒体として、「広報とよなか4月号」の過去のデータを許可をいただき使用。 これはイーパ部の活動として独自に制作させていただいたものですので、豊中市の意向とは関係ありません。 制作フロー 八尋担当 広報誌用に作成した InDesignデータを流用してepub書き出し …の予定でしたが、印刷用に作られたデータは複雑で、 epub書き出し用に調整するのに非常に時間を費やした 上に、エラーで書き出しすらできませんでした 断念 epub書き出し用に、 InDesignで新規に作成 本文中に使用されているピクトをテキスト変換や機種 依存文字の修正などのテキストの調整や、画像データ をRGBに変換、写真の代替テキストなど挿入など epub書き出し みるく担当 アクセシビリティチェック 写真には適切な代替テキストがあるかどうか 背景色と文字色のコントラスト比は十分取れているか 文章構造に基づいてマークアップされているか XHTML&CSS修正作業&content.opfとtoc.ncxファイル作成 アクセシビリティチェックでひっかかった箇所の修正 デザイン通り表示していない箇所の修正 いらないタグやid,classを削除 content.opfには使用するファイルをすべてここに記述 toc.ncxは、目次を作成するファイルなので見出しを記述 EPUBコンテナを作成 OEBPSフォルダとMETA-INFフォルダをzip形式で圧縮 圧縮したファイルの形式をepubに変更 Windows用の「ePubPack」というツールを使用しEPUBコンテナを作成 チーム全員 レイアウト確認 Adobe Digital Editions・Firefoxのアドオン・iPad・iPhone・CopperReader・Himawari 修正 確認 修正 確認 修正 完成 目指したこと アクセシブルにする マルチデバイス対応 上記の条件をクリアしつつ、理解しやすいく退屈しないレイアウト レイアウトについて ...
epub版(抜粋) 広報誌はできるだけたくさんの市民の方に読んでいただきたい媒体ですが、アンケートなどで、年齢層によっては広報誌を全く読まないという結果も出ています。 そこで、比較的紙の媒体を読まない年齢層を視野に入れ、web、端末、スマートフォンなどで閲覧できるよう、汎用性の高いepubで、視覚的に見せている広報誌をどのように表現できるのかを、今回イーパ部の活動を通して試みる機会を得ることができましたので、チームAはそれに取り組みました。 媒体として、「広報とよなか4月号」の過去のデータを許可をいただき使用。 これはイーパ部の活動として独自に制作させていただいたものですので、豊中市の意向とは関係ありません。 制作フロー 八尋担当 広報誌用に作成した InDesignデータを流用してepub書き出し …の予定でしたが、印刷用に作られたデータは複雑で、 epub書き出し用に調整するのに非常に時間を費やした 上に、エラーで書き出しすらできませんでした 断念 epub書き出し用に、 InDesignで新規に作成 本文中に使用されているピクトをテキスト変換や機種 依存文字の修正などのテキストの調整や、画像データ をRGBに変換、写真の代替テキストなど挿入など epub書き出し みるく担当 アクセシビリティチェック 写真には適切な代替テキストがあるかどうか 背景色と文字色のコントラスト比は十分取れているか 文章構造に基づいてマークアップされているか XHTML&CSS修正作業&content.opfとtoc.ncxファイル作成 アクセシビリティチェックでひっかかった箇所の修正 デザイン通り表示していない箇所の修正 いらないタグやid,classを削除 content.opfには使用するファイルをすべてここに記述 toc.ncxは、目次を作成するファイルなので見出しを記述 EPUBコンテナを作成 OEBPSフォルダとMETA-INFフォルダをzip形式で圧縮 圧縮したファイルの形式をepubに変更 Windows用の「ePubPack」というツールを使用しEPUBコンテナを作成 チーム全員 レイアウト確認 Adobe Digital Editions・Firefoxのアドオン・iPad・iPhone・CopperReader・Himawari 修正 確認 修正 確認 修正 完成 目指したこと アクセシブルにする マルチデバイス対応 上記の条件をクリアしつつ、理解しやすいく退屈しないレイアウト レイアウトについて ...
3.
フォーカス時のアウトラインの役割をご存知ですか?
アウトラインの役割 リンクなどにフォーカスした時、アウトライン(外郭線)が表示されるのですが、このアウトラインにはどんな役割があるかご存知ですか? アウトラインの役割を知らずに「何?この点線!じゃま」とCSSでoutline: none;と設定しアウトラインを消されているかたがいらっしゃると思うのですが、アウトラインが表示されないとキーボードのみで操作しているかたが自分が今どの位置にいるのかわからなくなってしまうんです。 リンクフォーカス時アウトラインが表示されないサイト リンクフォーカス時にアウトラインが表示されないサイトがありましたので(ボタンフォーカス時にはアウトラインが表示されます)、アウトラインが表示されない状態で目的のページに辿り着けるか、また辿り着くのにどれだけ時間がかかり大変か体験してみましょう。私達はこのサイトの商品を購入したいとします。無事、目的の商品詳細ページまで辿り着く事ができるでしょうか? サイトは、プレミアムバンダイ|こどもから大人まで楽しめるバンダイ公式ショッピングサイトです。このページ内にある商品名「ふわふわでかチョッパー 新世界だぞコノヤロー!」の詳細ページ(予約ボタンのあるページ)を表示するのが目的になります。チョッパーは、アニメワンピースに出てくるキャラクターです。では、みなさんも私と同じようにキーボード操作のみで目的のページまで辿り着けるか試してみましょう。(FirefoxTabキーで移動していきます)
アウトラインの役割 リンクなどにフォーカスした時、アウトライン(外郭線)が表示されるのですが、このアウトラインにはどんな役割があるかご存知ですか? アウトラインの役割を知らずに「何?この点線!じゃま」とCSSでoutline: none;と設定しアウトラインを消されているかたがいらっしゃると思うのですが、アウトラインが表示されないとキーボードのみで操作しているかたが自分が今どの位置にいるのかわからなくなってしまうんです。 リンクフォーカス時アウトラインが表示されないサイト リンクフォーカス時にアウトラインが表示されないサイトがありましたので(ボタンフォーカス時にはアウトラインが表示されます)、アウトラインが表示されない状態で目的のページに辿り着けるか、また辿り着くのにどれだけ時間がかかり大変か体験してみましょう。私達はこのサイトの商品を購入したいとします。無事、目的の商品詳細ページまで辿り着く事ができるでしょうか? サイトは、プレミアムバンダイ|こどもから大人まで楽しめるバンダイ公式ショッピングサイトです。このページ内にある商品名「ふわふわでかチョッパー 新世界だぞコノヤロー!」の詳細ページ(予約ボタンのあるページ)を表示するのが目的になります。チョッパーは、アニメワンピースに出てくるキャラクターです。では、みなさんも私と同じようにキーボード操作のみで目的のページまで辿り着けるか試してみましょう。(FirefoxTabキーで移動していきます)
4.
Geeklog新テーマ「snow」を発表しました。
mystral-kkさんより「一面銀世界の中で、一箇所だけ常緑樹か一輪の花が咲いていて、寒々とした世界の中でただそこだけが生命の息吹を感じさせる」というイメージをいただき、このイメージをテーマで表現してみました。これからの季節にぴったりな冬のテーマになります。 Geeklog新テーマ「snow」は、「WAIproCSS Ver2.4.0」をベースに2カラムリキッドレイアウトを採用してます。 ご覧いただく環境やプラグインやグローバルナビゲーションの数によって、文字サイズ拡大時に中央ブロックと右ブロックが重なってしまう場合があるのですが、テーマ「snow」も出来る限りアクセシビリティを考慮し作成しております。 (Fujitsu ColorSelector 5.02とカラーコントラストアナライザー 2.2を使用し 背景色と文字色のコントラストに配慮しています。(サイトロゴを除く))
mystral-kkさんより「一面銀世界の中で、一箇所だけ常緑樹か一輪の花が咲いていて、寒々とした世界の中でただそこだけが生命の息吹を感じさせる」というイメージをいただき、このイメージをテーマで表現してみました。これからの季節にぴったりな冬のテーマになります。 Geeklog新テーマ「snow」は、「WAIproCSS Ver2.4.0」をベースに2カラムリキッドレイアウトを採用してます。 ご覧いただく環境やプラグインやグローバルナビゲーションの数によって、文字サイズ拡大時に中央ブロックと右ブロックが重なってしまう場合があるのですが、テーマ「snow」も出来る限りアクセシビリティを考慮し作成しております。 (Fujitsu ColorSelector 5.02とカラーコントラストアナライザー 2.2を使用し 背景色と文字色のコントラストに配慮しています。(サイトロゴを除く))
5.
アクセシブルな電子書籍作成にチャレンジ・広報とよなかepub
あるアクセシビリティの勉強会でお会いした@StudioCORE_ さんが部長をされているイーパ部のお話を聞き、私も電子書籍にはずっと興味があったという話をしたところ、なんと@StudioCORE_さんからFacebook経由でイーパ部にお誘いいただきまして、第11回から参加させていただく事になりました。 イーパ部第11回は、Skypeで東京組と繋いで自己紹介から始まりました。関西組は、2つのチームに別れその中で何を電子書籍化するか話し合ったところ、私が入ったチームAは大阪府豊中市の広報誌と浄瑠璃の写真集の2つを作成する事になり、チームAの中でまた2組に別れ3人組で作業する事になりました。私が実際作業するのは広報紙のほうで、グラフィックデザイナーの@ako_yさんと編集のお仕事をされている@mori_taksiさんと大阪府豊中市の広報誌「広報とよなか」の2012年4月号のデータを使用させていただき、その中から特集(4〜9ページ)、お知らせ(12〜46ページ)の中の何ページか、夢はオリンピックで金メダル(46ページ)あたりを抜粋して電子書籍にする事に決まりました。目標は「アクセシブルでマルチデバイス対応のEPUB形式の広報誌を作成する」です。 チームのメンバーとコミュニケーションを取ったり情報を共有したりと作業を進行していくのにサイボウズLiveを使いました。@delight_d さんがサイボウズLiveのグループを作成してくださり、これで準備万端です。
あるアクセシビリティの勉強会でお会いした@StudioCORE_ さんが部長をされているイーパ部のお話を聞き、私も電子書籍にはずっと興味があったという話をしたところ、なんと@StudioCORE_さんからFacebook経由でイーパ部にお誘いいただきまして、第11回から参加させていただく事になりました。 イーパ部第11回は、Skypeで東京組と繋いで自己紹介から始まりました。関西組は、2つのチームに別れその中で何を電子書籍化するか話し合ったところ、私が入ったチームAは大阪府豊中市の広報誌と浄瑠璃の写真集の2つを作成する事になり、チームAの中でまた2組に別れ3人組で作業する事になりました。私が実際作業するのは広報紙のほうで、グラフィックデザイナーの@ako_yさんと編集のお仕事をされている@mori_taksiさんと大阪府豊中市の広報誌「広報とよなか」の2012年4月号のデータを使用させていただき、その中から特集(4〜9ページ)、お知らせ(12〜46ページ)の中の何ページか、夢はオリンピックで金メダル(46ページ)あたりを抜粋して電子書籍にする事に決まりました。目標は「アクセシブルでマルチデバイス対応のEPUB形式の広報誌を作成する」です。 チームのメンバーとコミュニケーションを取ったり情報を共有したりと作業を進行していくのにサイボウズLiveを使いました。@delight_d さんがサイボウズLiveのグループを作成してくださり、これで準備万端です。
7.
レスポンシブWebデザインの新テーマ「newspaper」をリリースしました。
新テーマ「newspaper」は、「WAIproCSS Ver2.5.1 for Geeklog1.8.1」をベースにCSS3のMedia Queriesを使用したレスポンシブWebデザインのテーマです。PCは2カラム、iPad&iPod touchは中央ブロック1カラム&左右ブロック2カラムレイアウトになります。 テーマ「newspaper」 PC・iPad・iPod touchのキャプチャ画像です。
新テーマ「newspaper」は、「WAIproCSS Ver2.5.1 for Geeklog1.8.1」をベースにCSS3のMedia Queriesを使用したレスポンシブWebデザインのテーマです。PCは2カラム、iPad&iPod touchは中央ブロック1カラム&左右ブロック2カラムレイアウトになります。 テーマ「newspaper」 PC・iPad・iPod touchのキャプチャ画像です。
8.
Released the New theme "newspaper_en" of responsive Web ...
To the basic theme "WAIproCSS Ver2.5.1 for Geeklog1.8.1" Create a new theme for Responsive Web design to use Media Queries of CSS3. PC is 2 column、iPad& iPod touch is center block 1 column& left& right block 2 column Layout. The images were captured of the theme "newspaper_en" PC・iPad・iPod touch.
To the basic theme "WAIproCSS Ver2.5.1 for Geeklog1.8.1" Create a new theme for Responsive Web design to use Media Queries of CSS3. PC is 2 column、iPad& iPod touch is center block 1 column& left& right block 2 column Layout. The images were captured of the theme "newspaper_en" PC・iPad・iPod touch.
9.
お問い合わせ
// +---------------------------------------------------------------------------+ // | Geeklog FormMail Static Page | // +---------------------------------------------------------------------------+ // | Copyright (C) 2008-2010 by the following authors: | // | | // | Authors : Hiroshi Sakuramoto - hiro AT winkey DOT jp | // | Sponser : White Bear Family CO., LTD | // | Coordinate ...
// +---------------------------------------------------------------------------+ // | Geeklog FormMail Static Page | // +---------------------------------------------------------------------------+ // | Copyright (C) 2008-2010 by the following authors: | // | | // | Authors : Hiroshi Sakuramoto - hiro AT winkey DOT jp | // | Sponser : White Bear Family CO., LTD | // | Coordinate ...
10.
「第15回宝塚映画祭」トップページのJIS X 8341-3:2010 等級A試験結果1(模範解答)(7.1.1.1から7.2.4.1)
「第15回宝塚映画祭」トップページのJIS X 8341-3:2010 等級A試験結果1(模範解答)(7.1.1.1から7.2.4.1) 「第15回宝塚映画祭」のサイトのトップページをJIS X 8341-3:2010-等級A達成基準7.1.1.1から7.2.4.1の実装チェックを2014年12月に行いました。 7.1.1.1の実装チェックリスト例 項番 実装方法 適合 適用 試験方法 注記 状況-番号-項目 関連する実装テクニック 検証方法 状況A: 短い説明によって、非テキストコンテンツと同じ目的を果たし、同じ情報を提示できる場合: 1 img要素にalt属性がある ○ ○ AF A-1, Short-3 H37 H37(alt属性の内容確認はA-5で実施) 2 applet 要素にalt属性がある ○ - AF 該当要素なし A-1, Short-4 H35 H35(alt属性およびボディの代替テキストの内容確認はA-5で実施) 3 object 要素のボディに代替テキストを記述する ○ - AF 該当要素なし A-1, Short-5 H53 H53(代替テキストの内容確認はA-5で実施) ...
「第15回宝塚映画祭」トップページのJIS X 8341-3:2010 等級A試験結果1(模範解答)(7.1.1.1から7.2.4.1) 「第15回宝塚映画祭」のサイトのトップページをJIS X 8341-3:2010-等級A達成基準7.1.1.1から7.2.4.1の実装チェックを2014年12月に行いました。 7.1.1.1の実装チェックリスト例 項番 実装方法 適合 適用 試験方法 注記 状況-番号-項目 関連する実装テクニック 検証方法 状況A: 短い説明によって、非テキストコンテンツと同じ目的を果たし、同じ情報を提示できる場合: 1 img要素にalt属性がある ○ ○ AF A-1, Short-3 H37 H37(alt属性の内容確認はA-5で実施) 2 applet 要素にalt属性がある ○ - AF 該当要素なし A-1, Short-4 H35 H35(alt属性およびボディの代替テキストの内容確認はA-5で実施) 3 object 要素のボディに代替テキストを記述する ○ - AF 該当要素なし A-1, Short-5 H53 H53(代替テキストの内容確認はA-5で実施) ...
11.
Validation result how to read the combination of ...
Validation result how to read the combination of the aria-labelledby attribute and the aria-describedby attribute by screen readers. I verified on June 26, 2015. The combination of version of the OS and the screen reader and the browser is as follows. Windows7/NVDA2015.1jp/Firefox38.0.5 Windows7/PC-Talker7/Internet Explorer11 iOS 8.3/VoiceOver/Safari Android4.4.2/TalkBack4.2.0.8/S browser The screen ...
Validation result how to read the combination of the aria-labelledby attribute and the aria-describedby attribute by screen readers. I verified on June 26, 2015. The combination of version of the OS and the screen reader and the browser is as follows. Windows7/NVDA2015.1jp/Firefox38.0.5 Windows7/PC-Talker7/Internet Explorer11 iOS 8.3/VoiceOver/Safari Android4.4.2/TalkBack4.2.0.8/S browser The screen ...
12.
aria-labelledby属性とaria-describedby属性を4種スクリーンリーダーで読み上げた検証結果
aria-labelledby属性とaria-describedby属性を4種スクリーンリーダーで読み上げた検証結果 2015年6月26日に検証した結果です。OSとスクリーンリーダーのバージョンとブラウザの組み合わせは下記の通りになります。 Windows7/NVDA2015.1jp/Firefox38.0.5 Windows7/PC-Talker7/Internet Explorer11 iOS 8.3/VoiceOver/Safari Android4.4.2/TalkBack4.2.0.8/Sブラウザ HTMLの記述 NVDA PC-Talker VoiceOver TalkBack <label id="label--email">メールアドレス ※</label> <input type="text" id="email" name="email" aria-labelledby="label--email" aria-describedby="description--email" /> <span id="description--email">半角英数で入力してください。</span> メールアドレス※ エディット オートコンプリート 半角英数で入力してください。 空行 メールアドレス※の文字入力 メールアドレス※ テキストフィールド 半角英数で入力してください。 メールアドレス エディットテキスト 半角英数で入力してください。 <label>メールアドレス ※</label> <input type="text" id="email" name="email" aria-describedby="description--email" /> <span id="description--email">半角英数で入力してください。</span> エディット オートコンプリート 半角英数で入力してください。 空行 メールアドレス※の文字入力 ...
aria-labelledby属性とaria-describedby属性を4種スクリーンリーダーで読み上げた検証結果 2015年6月26日に検証した結果です。OSとスクリーンリーダーのバージョンとブラウザの組み合わせは下記の通りになります。 Windows7/NVDA2015.1jp/Firefox38.0.5 Windows7/PC-Talker7/Internet Explorer11 iOS 8.3/VoiceOver/Safari Android4.4.2/TalkBack4.2.0.8/Sブラウザ HTMLの記述 NVDA PC-Talker VoiceOver TalkBack <label id="label--email">メールアドレス ※</label> <input type="text" id="email" name="email" aria-labelledby="label--email" aria-describedby="description--email" /> <span id="description--email">半角英数で入力してください。</span> メールアドレス※ エディット オートコンプリート 半角英数で入力してください。 空行 メールアドレス※の文字入力 メールアドレス※ テキストフィールド 半角英数で入力してください。 メールアドレス エディットテキスト 半角英数で入力してください。 <label>メールアドレス ※</label> <input type="text" id="email" name="email" aria-describedby="description--email" /> <span id="description--email">半角英数で入力してください。</span> エディット オートコンプリート 半角英数で入力してください。 空行 メールアドレス※の文字入力 ...
14.
TKTools.jp
GeeklogやZenCartのサポートされているkinoさんのサイトです。 過去に私が作成したGeeklog1.8.1のテーマ「newspaper」を使って頂いてました!
GeeklogやZenCartのサポートされているkinoさんのサイトです。 過去に私が作成したGeeklog1.8.1のテーマ「newspaper」を使って頂いてました!
15.
オビタスター株式会社
GeeklogJapaneseにサーバを提供されている、WEB作成会社です。 こちらに私が作成したZen Cartのアクセシビリティテンプレート 『sweets』と『dog』を掲載していただいています。
GeeklogJapaneseにサーバを提供されている、WEB作成会社です。 こちらに私が作成したZen Cartのアクセシビリティテンプレート 『sweets』と『dog』を掲載していただいています。
16.
シコーサクゴGeeklog
テーマ「Lovely」で使用させていただいたmycaljpのスライドカレンダーやテーマ「Smallboxes_Type2」を開発されたdengenさんのサイトです。
テーマ「Lovely」で使用させていただいたmycaljpのスライドカレンダーやテーマ「Smallboxes_Type2」を開発されたdengenさんのサイトです。
19.
Geeklog増殖計画
このサイトでも使わせていただいている「メタタグプラグイン」や「KZ_Templateクラス」を開発されたmystral-kkさんのサイトです。「こんなプラグインがあったらいいのになぁ」を実現してくださるmystral-kkさんのサイトでは、掲示板で開発されたプラグインのサポートをされています。
このサイトでも使わせていただいている「メタタグプラグイン」や「KZ_Templateクラス」を開発されたmystral-kkさんのサイトです。「こんなプラグインがあったらいいのになぁ」を実現してくださるmystral-kkさんのサイトでは、掲示板で開発されたプラグインのサポートをされています。
20.
Rebirth for Geeklog1.4.1
ProfessionalCSSをベースに「再生」を表現しています。 リキッド3カラムデザインを採用してます。 音声でのネットサーフ(音声読み上げ)を考慮し、聞き飛ばしが出来る様に設定してあります。 配色は、コントラスト、色差とも最低限のレベルを保持しております。 デザイン上、記事の1ページあたりの表示数は5に設定する事をお勧めします。 <謝辞> このテーマを作成するにあたり作成中のテーマを評価くださったひろろんさん、augeさんには心から感謝申し上げます。 また、ひろろんさんにはjavascript導入まで手伝っていただき、誠にありがとうございました。
ProfessionalCSSをベースに「再生」を表現しています。 リキッド3カラムデザインを採用してます。 音声でのネットサーフ(音声読み上げ)を考慮し、聞き飛ばしが出来る様に設定してあります。 配色は、コントラスト、色差とも最低限のレベルを保持しております。 デザイン上、記事の1ページあたりの表示数は5に設定する事をお勧めします。 <謝辞> このテーマを作成するにあたり作成中のテーマを評価くださったひろろんさん、augeさんには心から感謝申し上げます。 また、ひろろんさんにはjavascript導入まで手伝っていただき、誠にありがとうございました。
21.
レスポンシブWebデザインテーマ「square for 2.1.0」
「WAIproCSS Ver2.7.1 for Geeklog2.1.0」をベースにHTML5のレスポンシブWEBデザインの新テーマを作成しました。 PCは2カラム、タブレットやスマートフォンでは1カラム(iPadとAndroidのlandscapeは左右ブロック2カラム)レイアウトになります。 管理画面のコンフィギュレーション > テーマの拡張設定タブにある"右ブロックを常に表示する"を「いいえ」にして使用してください。 (「はい」にするとレイアウトが崩れてしまいますのでご注意ください!) Geeklog 2.1.0日本語パッケージ拡張版に梱包されているプラグインの表示確認はしておりますが、その他のプラグインでtableで構成されている又はCSSでfloatを使用しているプラグインについては、 スマートフォンのサイズには対応していない場合がある事ご了承ください。(情報が欠けたり動作しないという事はありませんが、レイアウトは崩れはご自身で調整してください) facebookの窓 等 横幅を絶対値で指定している箇所がある場合、その数値(横幅)より小さいサイズのデバイスで閲覧すると横スクロールバーが出てしまうかレイアウトが崩れる可能性があるのでご注意ください。(ご自身で横幅を調整してください) このテーマのInternet Explorerへの対応は、9までになります。 テーマ「square」も「WAIproCSS」と同様、アクセシビリティに配慮して作成しています。 新テーマ「square」のライセンスは、WAIproCSSのライセンスに準じます。 詳しくは、このフォルダの中にあるREADMEご覧ください。
「WAIproCSS Ver2.7.1 for Geeklog2.1.0」をベースにHTML5のレスポンシブWEBデザインの新テーマを作成しました。 PCは2カラム、タブレットやスマートフォンでは1カラム(iPadとAndroidのlandscapeは左右ブロック2カラム)レイアウトになります。 管理画面のコンフィギュレーション > テーマの拡張設定タブにある"右ブロックを常に表示する"を「いいえ」にして使用してください。 (「はい」にするとレイアウトが崩れてしまいますのでご注意ください!) Geeklog 2.1.0日本語パッケージ拡張版に梱包されているプラグインの表示確認はしておりますが、その他のプラグインでtableで構成されている又はCSSでfloatを使用しているプラグインについては、 スマートフォンのサイズには対応していない場合がある事ご了承ください。(情報が欠けたり動作しないという事はありませんが、レイアウトは崩れはご自身で調整してください) facebookの窓 等 横幅を絶対値で指定している箇所がある場合、その数値(横幅)より小さいサイズのデバイスで閲覧すると横スクロールバーが出てしまうかレイアウトが崩れる可能性があるのでご注意ください。(ご自身で横幅を調整してください) このテーマのInternet Explorerへの対応は、9までになります。 テーマ「square」も「WAIproCSS」と同様、アクセシビリティに配慮して作成しています。 新テーマ「square」のライセンスは、WAIproCSSのライセンスに準じます。 詳しくは、このフォルダの中にあるREADMEご覧ください。
22.
第1回 D2D アクセシビリティ勉強会資料
2014年7月26日土曜日の14時から開催された第1回 D2D アクセシビリティ勉強会 の資料です。(PDF形式:4.77MB) 【重要】2014年7月30日4時 誤解を招く箇所(表紙を除く5,6ページ)がありましたので修正し差し替えました。誤解を招かないようにしなければいけないと書いておきながら、誤解を招くような事になり大変申し訳ありません。お手数ですが、差し替えた情報を再確認し正しく理解していただきますようお願いいたします。 「アクセシビリティとは-高齢者だけじゃない、障碍者だけじゃない、自分達の問題だよね-」をテーマにお話しした時の資料になります。
2014年7月26日土曜日の14時から開催された第1回 D2D アクセシビリティ勉強会 の資料です。(PDF形式:4.77MB) 【重要】2014年7月30日4時 誤解を招く箇所(表紙を除く5,6ページ)がありましたので修正し差し替えました。誤解を招かないようにしなければいけないと書いておきながら、誤解を招くような事になり大変申し訳ありません。お手数ですが、差し替えた情報を再確認し正しく理解していただきますようお願いいたします。 「アクセシビリティとは-高齢者だけじゃない、障碍者だけじゃない、自分達の問題だよね-」をテーマにお話しした時の資料になります。
24.
アクセシビリティの祭典のセミナー資料
2015年2月3日火曜日 神戸で開催されたアクセシビリティの祭典でD2DRAFTとして行ったセミナー「アクセシビリティ、制作者も自分目線で考えてみよう!」の資料です。(PDF形式:5.11MB) 「アクセシビリティとは-高齢者だけじゃない、障碍者だけじゃない、自分達の問題だよね-」をテーマに神戸バージョンとして40分お話しした時の資料になります。
2015年2月3日火曜日 神戸で開催されたアクセシビリティの祭典でD2DRAFTとして行ったセミナー「アクセシビリティ、制作者も自分目線で考えてみよう!」の資料です。(PDF形式:5.11MB) 「アクセシビリティとは-高齢者だけじゃない、障碍者だけじゃない、自分達の問題だよね-」をテーマに神戸バージョンとして40分お話しした時の資料になります。
25.
Rebirth for Geeklog1.4.1
ProfessionalCSSをベースに「再生」を表現しています。 リキッド3カラムデザインを採用してます。 音声でのネットサーフ(音声読み上げ)を考慮し、聞き飛ばしが出来る様に設定してあります。 配色は、コントラスト、色差とも最低限のレベルを保持しております。 デザイン上、記事の1ページあたりの表示数は5に設定する事をお勧めします。 <謝辞> このテーマを作成するにあたり作成中のテーマを評価くださったひろろんさん、augeさんには心から感謝申し上げます。 また、ひろろんさんにはjavascript導入まで手伝っていただき、誠にありがとうございました。
ProfessionalCSSをベースに「再生」を表現しています。 リキッド3カラムデザインを採用してます。 音声でのネットサーフ(音声読み上げ)を考慮し、聞き飛ばしが出来る様に設定してあります。 配色は、コントラスト、色差とも最低限のレベルを保持しております。 デザイン上、記事の1ページあたりの表示数は5に設定する事をお勧めします。 <謝辞> このテーマを作成するにあたり作成中のテーマを評価くださったひろろんさん、augeさんには心から感謝申し上げます。 また、ひろろんさんにはjavascript導入まで手伝っていただき、誠にありがとうございました。
26.
WAIproCSS 2.0 for 1.5.0
このテーマはGeeklog1.5.0用です。 ・Geeklog 1.5.0に合わせて、ファイルを追加・修正・削除しました。 ・未使用のCSSファイルを削除しました。 ・レイアウトが解りやすいように、背景色を増やしました。 ・カラムの高さをそろえる為CSSの記述にmargin-bottom: -32768px padding-bottom: 32768pxとあったのを削除しました。 ・リンクなどのhover、 focus、active時の表現を変えました。
このテーマはGeeklog1.5.0用です。 ・Geeklog 1.5.0に合わせて、ファイルを追加・修正・削除しました。 ・未使用のCSSファイルを削除しました。 ・レイアウトが解りやすいように、背景色を増やしました。 ・カラムの高さをそろえる為CSSの記述にmargin-bottom: -32768px padding-bottom: 32768pxとあったのを削除しました。 ・リンクなどのhover、 focus、active時の表現を変えました。
27.
OA020Aki for 1.6.1
大阪アニメーションカレッジ専門学校 テーマ作成プロジェクト Vol.2 イラスト: Aki Matsumuraさん このテーマは「WAIproCSS Ver2.4.1」をベースに作成した3カラム固定レイアウトになります。 デザイン上、ナビゲーションは5つまでにしてください。 (ナビゲーション項目の文字数等によって5つ以下に設定しないといけない場合があります) 詳細はREADMEをお読みください。
大阪アニメーションカレッジ専門学校 テーマ作成プロジェクト Vol.2 イラスト: Aki Matsumuraさん このテーマは「WAIproCSS Ver2.4.1」をベースに作成した3カラム固定レイアウトになります。 デザイン上、ナビゲーションは5つまでにしてください。 (ナビゲーション項目の文字数等によって5つ以下に設定しないといけない場合があります) 詳細はREADMEをお読みください。
28.
アクセシビリティが必要な人たちの生の声が聞けるような動画を拝見しました
コメントありがとうございます。White Stage初めてのコメント嬉しいです♪ >すべての操作性というのを見たことがあるわけではないんですよね。でも、一度見るとイメージできる。それがすごく重要だなと思っています。 同感です。イメージできるのとできないとではかなりの差が出てくると思います。 >また、ご助言ください。ありがとうございます。 とんでもないです。私こそ、また色々と教えていただきたいと思っておりますので、今後ともよろしくお願いします。
コメントありがとうございます。White Stage初めてのコメント嬉しいです♪ >すべての操作性というのを見たことがあるわけではないんですよね。でも、一度見るとイメージできる。それがすごく重要だなと思っています。 同感です。イメージできるのとできないとではかなりの差が出てくると思います。 >また、ご助言ください。ありがとうございます。 とんでもないです。私こそ、また色々と教えていただきたいと思っておりますので、今後ともよろしくお願いします。
29.
ありがとうございます。
コメントありがとうございます。 「Rebirth」を使っていただけて、とても嬉しく思っております。 発表した「Rebirth」は、Geeklog1.4.1用で、申し訳ないのですが、まだGeeklog1.5.0に対応していないんです。 最近 Summer of Design '08で応募するテーマは、Geeklog 1.5に対応していないとダメらしい?事がわかったので、Geeklog1.5.0に入れても大丈夫かひろろんさんに見ていただいたら、管理画面でエラーが出る事がわかり、Geeklog1.5.0対応出来るよう修正しないといけないと思っておりました。 色々とお手数(ProfessionalCSSから移植する作業)おかけしまして、申し訳ありません。 投稿が反映されないという事も教えていただき、ありがとうございます。 出来るだけ早くGeeklog1.5.0対応出来るようにしたいと思っているのですが、PHPがわからないので時間がかかるかと思います。すみません。
コメントありがとうございます。 「Rebirth」を使っていただけて、とても嬉しく思っております。 発表した「Rebirth」は、Geeklog1.4.1用で、申し訳ないのですが、まだGeeklog1.5.0に対応していないんです。 最近 Summer of Design '08で応募するテーマは、Geeklog 1.5に対応していないとダメらしい?事がわかったので、Geeklog1.5.0に入れても大丈夫かひろろんさんに見ていただいたら、管理画面でエラーが出る事がわかり、Geeklog1.5.0対応出来るよう修正しないといけないと思っておりました。 色々とお手数(ProfessionalCSSから移植する作業)おかけしまして、申し訳ありません。 投稿が反映されないという事も教えていただき、ありがとうございます。 出来るだけ早くGeeklog1.5.0対応出来るようにしたいと思っているのですが、PHPがわからないので時間がかかるかと思います。すみません。
30.
フィードバックありがとうございます。
Justiceさん、こんばんは。 >1.4だったんですね。 はい。テーマ作成完了した時点で、まだ1.5.0日本語版が発表されていなかった事と Summer of Design '08 の応募規定では、特にバージョン指定されていなかったので、 Geeklog1.4.1のテーマとして作りました。 記事投稿出来ない件、詳細教えていただきありがとうございます。 Justiceさんのお陰で、1.5に早く対応出来るのではないかと思います。 >1.5からxhtmlになってますね。 はい。xhtml化は嬉しいです。 また、お気づきの点等ありましたら教えていただけると幸いです。
Justiceさん、こんばんは。 >1.4だったんですね。 はい。テーマ作成完了した時点で、まだ1.5.0日本語版が発表されていなかった事と Summer of Design '08 の応募規定では、特にバージョン指定されていなかったので、 Geeklog1.4.1のテーマとして作りました。 記事投稿出来ない件、詳細教えていただきありがとうございます。 Justiceさんのお陰で、1.5に早く対応出来るのではないかと思います。 >1.5からxhtmlになってますね。 はい。xhtml化は嬉しいです。 また、お気づきの点等ありましたら教えていただけると幸いです。