Windowsの游書体は、タブレットのような画素ピッチの狭いディスプレイでの表示を考慮されて最適化されてるのかも知れない

| コンピューター

Windowsの游書体はタブレット向き？

OSはWindowsでのお話。デスクトップPCでWindowsの游書体を適用したとき、外付け液晶モニター上では「デザインは優れてるけどちょこっと細いなぁ」というのが第一印象だった。しかし、2in1タブレットPCで適用したとき、ディスプレイ上では「めちゃめちゃ見やすいなぁ」と印象が変わった。特にウェブブラウザーでのサンセリフ体のYu Gothic UI。Windowsの游書体は、タブレットのような画素ピッチの狭いディスプレイでの表示を考慮されて最適化されてるのか？とまで思った。イマドキだなぁ。

現在使用中のNibbleblogの初期テーマのCSSだけを編集して、モバイルフレンドリーなレスポンシブデザインっぽくしてみた

| Nibbleblog

Bootstrapテーマなんて使わずに対応

レスポンシブデザインなんて知るかコノヤローと思っていたが、モバイルフレンドリーなウェブデザインがSEO的に良いらしく、最近レスポンシブデザインが増えてきている。一方、Nibbleblogの初期テーマの一つであるGoogleSimpleを現在利用しているが、このテーマはレスポンシブデザインに完全には対応していない。しかし、今更このテーマからBootstrapテーマ系のテーマへ変更するつもりはない。かと言って、このテーマをゴリゴリに弄るのは面倒。そこで、このテーマのCSSだけ弄って、なんちゃってレスポンシブデザインにしてみた。

Nibbleblogのテーマに、記事のカテゴリー・タグ・TwitterへのTweet・Facebookシェアのリンクや要約がなかったので追加した

| Nibbleblog

普通のCMSに近づきたい

現在このNibbleblogの初期テーマの一つであるGoogleSimpleを使用しているが、記事にカテゴリー・タグ・TwitterへのTweet・Facebookシェアのリンクや要約がなかったので、以下の2つのスクリプトを次のとおり弄って追加した。

  • /themes/google_simple/views/blog/includes/post.bit（記事一覧表示用スクリプト）
  • /themes/google_simple/views/post/includes/post.bit（個別記事表示用スクリプト）

Nibbleblogの初期テーマの一つであるGoogleSimpleが地味だったので、CSSを弄ってヘッダーを画像に置換してみた

| Nibbleblog

本テーマが地味過ぎる件

現在このNibbleblogの初期テーマの一つであるGoogleSimpleを使用しているが、このテーマがあまりにシンプル過ぎるので、CSSファイル（/themes/google_simple/css/main.css）の一部を弄ってヘッダーの背景を990x162pxの画像にしてみた。ちなみにこの背景画像、昔にデジカメで撮ったお台場の夜景をJTrimで加工したもの。ここ海外無料サーバーでNucleus CMSを利用していた際にもヘッダーに使用していた画像とそのための手法だけど、どうだろう。

Nibbleblog付属のRainbowという簡易シンタックスハイライト機能を提供するJavaScriptライブラリーをテストしてみた

| Nibbleblog

Rainbowとは

現在このNibbleblogの初期テーマの一つであるGoogleSimpleを使用しているが、このテーマにはRainbowという簡易シンタックスハイライト機能を提供するJavaScriptライブラリーが付属している。このライブラリーは超軽量にもかかわらず、C, Shell, Java, D, CoffeeScript, Scheme, JavaScript, R, Haskell, Python, HTML, Smalltalk, C#, Go, PHP, Ruby, Lua, CSSといった言語のCSSによるシンタックスハイライトに対応している。

Home