Fontsize : [ Large Size ] / [ Default Size ]

Home : Blog(What's New / Memo)

index > 更新履歴 > その他

更新 デザインマイナーチェンジ

design5-5.jpg

ページデザインを多少変更し、マイナーチェンジという形で公開しました。

今回は主に統一感と視認性の向上、全体の質をあげるように取り組んだつもりですが、いかがでしょうか?
以下に修正点を挙げておきます。

  • 背景画像の変更、及びフッターの構造修正
  • 右カラム及び左カラム(サイドバー)のデザインを変更
  • 右カラムの各記事にページトップへのリンクを追加
  • デフォルトフォントの変更
  • 各マージン、パディングの調整
  • aboutページにサイトポリシーの項目を追加、Communicationの内容の変更

以上です。

またmobileページdesktopページeventsページは、10/30に [ ALL SEASONS ] 第2弾 [ autumn tints ] の公開まで公開休止状態になっています。ご迷惑をおかけしますがよろしくお願いします。m(__)m
(10/30追記)mobileページdesktopページeventsページの公開再開しました。

今回のデザインはCSSをIEとFirefoxなどのGecko系のブラウザ(Operaを含む)とで分岐させています。
そもそもの原因はIEが透過pngをうまく読み込んでくれないからなんですけどね・・・。

同一ブロック内に1つのプロパティについて!importantキーワードがある宣言とない宣言を置いた場合、!importantキーワードは無視されより後にある宣言が有効になる。

同一ブロック内では!importantが無視される by CSSバグリスト

ということで背景の画像をいくつか振り分けています。
FirefoxなどのCSSを正しくレンダリングしてくれるブラウザならば、アルファチャンネルpngによって影が背景とうまくなじんで表示くれます。IEの方はgifの1pxの枠線になってます。

是非この機会にFirefoxやOperaを導入していない方はしてみてください!

てことで10/30までの本公開まで細かな修正に追われます(つд⊂)

更新履歴 > その他 | - | -

[ Skip To Top ]


更新 ナビゲーションにaccesskey追加

今さら、になってしまいましたが、グローバルナビゲーションとフォントサイズ変更アイコンにそれぞれアクセスキーを設定しました。キー設定は以下のようになっています。

グローバルナビゲーション
  • アクセスキー 1 : home
  • アクセスキー 2 : about
  • アクセスキー 3 : material
  • アクセスキー 4 : mobile
  • アクセスキー 5 : desktop
  • アクセスキー 6 : font
  • アクセスキー 7 : events
  • アクセスキー 8 : links
  • アクセスキー 9 : board
  • アクセスキー 0 : clap
フォントサイズ変更
  • アクセスキー d : Default Size
  • アクセスキー l : Large Size
また、aboutページのサイドコンテンツにアクセシビリティーについての項目を追加しました。

更新履歴 > その他 | - | -

[ Skip To Top ]


更新 160Sの画像の追加及び整理

トップの160S ICHIRO-SCRATCHの画像を1点追加し、1点修正、2点削除しました。

しかしこのICHIRO-SCRACH、重いです^^;
静的なページに何か動きを付けたくて使用させていただいているのですが、やはりFLASHなので読み込むまでに多少時間とリソースを食ってしまいます。

javascriptでページ読み込み毎にランダムで表示、の方がいいんでしょうかね?
個人的には160Sのフェードしながら次の画像に変わるのがかなり気に入ってるのですが・・・これは迷いどころ。

まぁころっとjavascriptとかただの背景とかになってるかもしれないのでよろしくっす。

更新履歴 > その他 | - | -

[ Skip To Top ]


更新 ナビゲーション画像の変更等

どうも。久しぶりにベッドの角に左足の小指をぶつけて悶絶していた管理人です_| ̄|○
いやぁ、なにやってんのかねまったく・・・

さて、ヘッダー下ナビゲーションの画像を変更しました。
オンになってる時がわかりにくいかな?でも実は前回のものはあまり気に入ってなかったので、変更できて少し満足しています。
また、リストのアイコンも新しい画像にしました。

ナビゲーションの画像は微妙な透明感を狙ってみたんですが・・・確かに微妙ですね。

更新履歴 > その他 | - | -

[ Skip To Top ]


更新 font-size変更アイコン設置

Thumbnails

今更ですが、見送っていたフォントサイズ変更アイコンを設置しました。

比較的文章が多いhomeabouteventsboardに設置してあります。
(他はレイアウトが崩れるのであえて設置していません)

以下アイコンの設置方法など。

[ Continue Reading ]

更新履歴 > その他 | - | -

[ Skip To Top ]



Sub Contents

Weblog Navigation

Latest Entries
Category
Recent Comments
Recent Trackback
Archives
Recommend

Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト 「Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト」

WEBの歴史からXHTML,CSSの解説さらにはアクセシビリティにも触れられているまさに「教科書」

Serene Bach オフィシャルガイド~カスタマイズ自在のウェブログツール 「Serene Bach オフィシャルガイド~カスタマイズ自在のウェブログツール」

Serene Bachユーザ必読のガイドブック

世界の「最先端」事例に学ぶCSSプロフェッショナル・スタイル 「世界の「最先端」事例に学ぶCSSプロフェッショナル・スタイル」

有名サイトのCSSデザインテクニックが学べます

Joined

Other