Geeklogのアクセシビリティ配慮型テーマ「WAIproCSS」は引退します

  • 2015年December22日(Tue) 21:44 JST

テーマ「WAIproCSS」のベーステーマである Phizeさんが開発されたテーマ「ProfessionalCSS」がテーマ「Modern curve」に取り込まれ引退した事を受け、テーマ「WAIproCSS」も dengenさんが開発されたGeeklogのデフォルトテーマ「Denim」にアクセシブルな所をかなり取り込んでいただいている事からアクセシビリティ配慮型テーマとしてリリースしてきた テーマ「WAIproCSS」も引退することになりました。

続きを読む (24 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ

レスポンシブでアクセシブルなGeeklogの新テーマ「square」をリリースしました。

  • 2015年August23日(Sun) 14:47 JST

レスポンシブWebデザインでアクセシブルなHTML5のGeeklogテーマ「square」は、「WAIproCSS Ver2.7.1 for Geeklog2.1.0」をベースに作成したテーマです。PCは2カラム、タブレットやスマートフォンでは1カラム(iPadとAndroidのlandscapeは左右ブロック2カラム)レイアウトになります。

キャプチャ画像:テーマsquareのPC,iPad,スマホの表示例
テーマ「square」 PC・iPad・iPod touchのキャプチャ画像です。

テーマ「square」のデザインを見ていただく為だけにダウングレードしたテーマsquareをこのサイトに入れております。 (このサイトは、HTML5に対応していないので、XHTML 1.0にしています) テーマのお試しで「square」を選んでいただくとテーマをご覧頂く事ができるので参考にしてください。

尚、このサイトでは見出しとグローバルナビゲーションにWebフォントを使用していますが、 同じフォントをテーマに梱包する事は出来ませんので、Webフォントを利用されたいかたはご自身のサイトで適用してください。

続きを読む (220 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ

レスポンシブでアクセシブルなGeeklogのテーマ「newspaper1.2 for 2.1.0」をリリースしました。

  • 2014年December27日(Sat) 21:15 JST

レスポンシブでアクセシブルなGeeklogのテーマ「newspaper」は、「WAIproCSS Ver2.7.1 for Geeklog2.1.0」をベースに作成したテーマです。PCは2カラム、iPad&iPod touchは中央ブロック1カラム&左右ブロック2カラムレイアウトになります。

キャプチャ画像:テーマnewspaper3種のデバイス表示例
テーマ「newspaper」 PC・iPad・iPod touchのキャプチャ画像です。

続きを読む (166 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ

アクセシビリティ配慮型テーマ WAIproCSS 2.7.1 for 2.1.0 をリリースしました。

  • 2014年December24日(Wed) 14:25 JST

アクセシビリティ配慮型テーマ WAIproCSS2.7.1をリリースしました。

このテーマは、2014年7月25日にリリースされたGeeklog 2.1.0-extended-jp-1.0日本語パッケージ拡張版に入っているWAIproCSSに下記の修正を加えたものになります。

  • 検索フォーム部分がアセシブルではなかったので、title属性を追記しました。(*leftblocks.thtml)
  • lang属性が表示されなかったので、表示されるよう変数を修正しました。(*header.thtml)

続きを読む (11 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ

スマートフォン用にいい感じの検索フォームにカスタマイズ

  • 2013年May31日(Fri) 16:20 JST

スマートフォン用にいい感じの検索フォームスタイルにカスタマイズしてみます。

Expandable Mobile Search Formで紹介されていた 「Expandable Mobile Search Form」がステキなので Geeklog2.0のテーマWAIproCSS又はProfessional Cssの検索部分をこのデザインにカスタマイズしてみたいと思います。尚、この記事はGeeklog初心者又はCSS初心者のかたむけです。

続きを読む (374 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ

アクセシビリティ配慮型テーマ WAIproCSS 2.6.0 for 2.0.0 を発表しました。

  • 2013年May18日(Sat) 12:38 JST

アクセシビリティ配慮型テーマ WAIproCSS2.6.0を出しました。

2013年4月14日にリリースされたGeeklog 2.0.0-extended-jp-1.0日本語パッケージ拡張版に入っているWAIproCSSと同じものになります。

続きを読む (23 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ

レスポンシブWebデザインのテーマ「newspaper」でGoogle MAPが表示されない件

  • 2012年August11日(Sat) 22:20 JST

「レスポンシブWebデザインのテーマ「newspaper」でGoogle MAPが正常に表示されない」とユーザーのかたからご指摘があったと@ivyjpさんからfacebookのGeeklog Japaneseに連絡があったので、この問題を解決するべく、早速原因調査を開始しました。

続きを読む (23 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ

Released the New theme "newspaper_en" of responsive Web design.

  • 2012年April 2日(Mon) 04:44 JST

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.

続きを読む (1,236 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ

レスポンシブWebデザインの新テーマ「newspaper」をリリースしました。

  • 2012年March 5日(Mon) 14:30 JST

新テーマ「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のキャプチャ画像です。

続きを読む (529 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ

テーマ「sincere」をリリースしました。

  • 2012年January20日(Fri) 22:32 JST

新テーマ「sincere」は、「WAIproCSS Ver2.5.1 for Geeklog1.8.1」をベースに2カラムのエラスティックレイアウトを採用してます。

そして、このテーマはCSS3を使用し「プログレッシブ エンハンスメント」を取り入れてます。
(プログレッシブ エンハンスメントの説明は、@kaz_wuiさんのサイト「Website Usability Info」のプログレッシブエンハンスメント(Progressive Enhancement)という考えかたで詳しく説明されています。)
ですので、CSS3に対応していないブラウザでは単調なデザイン(ヘッダ等の背景のグラデーションが単色になる等)になりますが、情報は正しく得られるよう作成しております。


テーマ「sincere」 Internet Explorer7のキャプチャ画像です。

また、サイトロゴのフォントは、Google Font APIを使って表示してます。
(Google Font APIについては、@yhassyさんのサイト「could」のGoogle Font API で手軽に始めるフォント遊びで詳しく説明されてます。)

テーマ「sincere」も「WAIproCSS」と同様、アクセシビリティに配慮して作成しています。

このサイトはGeeklog1.7.1ですが、テーマ「sincere」のデザインを見ていただく為に1.7.1仕様のテーマsincereをこのサイトに入れております。 テーマのお試しで「sincere」を選んでいただくとテーマをご覧頂く事ができるので、参考にしてください。

続きを読む (286 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ