Adobe が公開したソースコードを表示するためのフォント「Source Code Pro」を早速使ってみた

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

昨日 Adobe がソースコードを表示する目的として 開発した「Source Code Pro」というフォントを公開しました.

ライセンスは SIL OPEN FONT LICENSE で SourceForgeGitHub で公開されています.

また, Googe Web Fonts でサポートされていたので 早速使ってみました.

sample

Read More

CSS3 の box-sizing が便利すぎる!! padding や border に依存しない width, height 指定

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

box-sizing

今回は CSS3 から box-sizing について紹介します.

width や height と同時に border や padding を指定しているときに, 少し値を変えただけで意図しない表示になったりレイアウトが崩れたという経験はありませんか?

これはボックスサイズの算出方法が複雑なのが原因です. そんな面倒な問題を解決してくれるのが box-sizing プロパティです!! box-sizing プロパティを指定することでボックスサイズ(width, height) の算出方法を指定することができます.

あまり普及していないようですが, 実はこれめちゃめちゃ便利だったりします!! まだ独自実装レベルだからかもしれません. ですが, 現在のCSS3 の草案にも 一応残ってるので, がっつり使わせて頂いてる次第です.

Read More

Twitter のプロフィールでヘッダー画像を設定しよう!!

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

久々に Twitter(@phi_jp) のプロフィール画面を見たら “ヘッダーを変更する” という項目が追加さていました!!

設定すると良い感じになったので設定方法を紹介しておきます.

twitter00

Read More

怒濤の執筆!!「enchant.js開発のレシピ」を執筆しました.

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

Hello, world!

怒濤の勢いで執筆してました. 最近, ブログの更新が減っていたのはそういうことです.

そして 8月24日に私が執筆した「enchant.js開発のレシピ」という本が出版されました.

enchant.js でゲーム開発をする際に使える実践的なサンプルを 集めたレシピ集です.

サンプルは近々公開します!!

今年は『日本国民全員プログラマ化計画』に向けて大きく動きます!!

Read More

Mac を買ったら真っ先にやる Dock 設定

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

前回『Mac を買ったら真っ先にやるキーボード設定』に引き続き Mac を買ったら シリーズ!!

MacBook を使っていると, もうちょっと画面を広く使いたいなぁと思うことってありませんか?

MacBook Air 13 inch モデルとかだと, ただでさえ画面が小さいのに, 下側を Dock で埋めちゃってるケースをよく見かけます. てか最近まで私がそうでしたw

今回はそんな方のために Dock を隠して画面いっぱいにウィンドウを広げて使う方法について紹介します.

screenshot

Read More