しらいとブログ

ネットで検索してもなかなか出てこないIT情報を独自にまとめています

Web

Yu Gothic UIがダメな理由

見ての通りひらがなと漢字で太さが違います。これが原因で文字の統一感が失われています。

MacType非公式パッチ (MacType Unofficial Patch)

2017-04-10 Windows 10 Creators Updateに対応しました 古いパッチを使っている方、MacType 1.2016.904.0またはそれ以前のMacTypeを使っている方は、そのままだとCreators Updateで不具合が生じます。MacTypePatch 1.20を入れることでこの問題に対処できます…

SyntaxHighlighterの高速化

技術系のブログなどでコードの色分けにSyntaxHighlighterを使っている人は多いと思います。しかしながらSyntaxHighlighterには問題があります。SyntaxHighlighterはページ内に出てくる画像など全ての読み込みが終わるまで色分けしないのです。これでは読める…

font-family: monospace;だと文字が小さくなる

ChromeやSafariなどWebkit系のブラウザでは可変幅フォントと等幅フォント(monospace)のデフォルトのフォントサイズが違います。インストール時の初期設定では可変幅フォントが16px、等幅フォントが13pxになっており、等幅フォントのサイズはユーザーが簡単…

Firefox33でページ読み込みが中途半端に終わるバグが直った

いつからかは分かりませんが、Firefox 33 より前のバージョンではページの読み込みが中途半端に終わるバグがありました。特に iframe でページの中にページが埋め込まれているケースでよく発生し、iframe 内のページにスタイルシートが適用されないまま表示…

2014年9月画面解像度シェア累積ヒストグラム

StatCounter GlobalStatsで公開されている画面解像度シェアのデータから、2014年9月のデータを抜き出して分析しました。 最小値の目安になるように、『横幅○○px以上は○○%』という形式でグラフにしています。(このようなグラフを累積ヒストグラムと呼ぶらし…

2014年6月画面解像度シェア(何px以上が何%か)

新しい記事が公開されています。2014年9月画面解像度シェア累積ヒストグラム StatCounter GlobalStatsで公開されている画面解像度のシェアのデータから2014年6月のデータを抜き出して分析しました。 Webサイト制作に活用することを考えて『横幅○○px以上は○○%…

Google検索の結果はブラウザのフォントで変わる

何気なくブラウザのフォントを変えてみたところ、Google検索の結果表示が変わったので紹介します。 (このブログのとある記事です)

フラットデザインに最適!ノイズ画像作成ツール

最近のウェブ業界ではレスポンシブデザインと相性の良いフラットデザインが流行っているようですが、フラットデザインでは単色の代わりに単色に近いノイズ画像を用いることでちょっとオシャレに見せることがよくあります。このブログの背景にも使われていま…

FileZillaでグループ権限(パーミッション)を一括で0にする

共用タイプのレンタルサーバーだとグループ権限(パーミッション)を0にすることが推奨されている場合があります。このようなサーバーの場合はグループ権限を0にしないと同じサーバーをレンタルしている別のユーザーからファイルを操作される可能性があります…

スマホ版はてなブログをPCで見る

はてなブログはUserAgentでPCかスマホかを判断しているので、UserAgentを偽装すればPCでも簡単にスマホ版が見れます。 Firefox + UserAgentSwitcher(Firefoxアドオン)でのやり方を書きます。

2014年3月画面解像度シェア(何px以上が何%か)

新しい記事が公開されています。2014年9月画面解像度シェア累積ヒストグラム2014年6月画面解像度シェア(何px以上が何%か) 3月が終わったのでStatCounter GlobalStatsで公開されている画面解像度のシェアのデータから2014年3月のデータを抜き出して分析しまし…

中身のサイズからグリッドシステムを逆計算

グリッドシステムを自作するときに、中身のサイズからカラムサイズと余白サイズを求めたいことがあります。 自分で計算するのは面倒なので自動で計算するFlashを作りました。 ※Flash Playerが必要です。無ければスクリーンショット画像を表示します。

2014年2月画面解像度シェア(何px以上が何%か)

新しい記事が公開されています。2014年9月画面解像度シェア累積ヒストグラム2014年6月画面解像度シェア(何px以上が何%か)2014年3月画面解像度シェア(何px以上が何%か) StatCounter GlobalStatsで画面解像度のシェアが公開されているのでこれを分析してグラフ…