はてなブックマーク

Details Written by itami Parent Category: Tech(WEBその他) Category: 覚書 Published: 29 July 2014 Hits: 713 Adobe&Googleによって開発されたフリーフォント「源ノ角（げんのかく）ゴシック」がリリースされた。 日本語フォントは漢字を含めると第一水準ですら2965文字もあり、たとえエネルギーの有り余ったフォントおたくデザイナーでもおいそれとは簡単にフリーのフォントをリリースできない。 以前は漢字も含めたフリーフォントは皆無であったが、最近ではIPAフォントをはじめその数は徐々に充実してきたことも事実だ。 しかしライセンスの煩雑さもあってこれと言った決定打にはお目にかかれなかった。 個人的にはライセンスの縛りを受けないデザイン性の高いフリーのフォントリリースは、その国の文化の自由な発

電子書籍:問われるePUBデザイン suc - 電子書籍 2010年 6月 06日(日曜日) 00:00 今、電子書籍はホットなニュースだ。 その中心的なファイル形式がePUBである。 ePUBはxhtml、CSS、画像などをまとめてzip圧縮したものだ。 単ファイルでの配信やDRMへの対応を考えて一塊にしたのだろう。 しかし、ePUBのレイアウト能力は非常に低いものである。 実際にはCSS2に基本対応なのだから、理屈上はかなり自在なレイアウトが可能な筈だが、リーダーソフトが対応していない。 電子書籍時代の入り口に立った日本でも、ネット上には様々な意見や考えがアップされている。 その中の幾つかは正しく、幾つかは間違っている。（、と私は思っている） 以下に巷でささやかれている意見に対して私なりの考えを簡潔にまとめてみた。 ePUBで自由なレイアウトはできない。 ○ 現在のePUBの仕様

電子出版のまとめはじめ suc - 電子書籍 2010年 4月 11日(日曜日) 07:45 色々電子書籍に関しての情報があり、先駆者達もがんばっています。 そろそろ、自分のためにも情報をまとめておこうと思い、カテゴリを作成しました。 カテゴリ名は「電子書籍」と硬いです。。対象はiPad、Kindle、Nookなどです。 フォーマットはpdf、ePUBなどです。 ePUBの概要 ePUBの実態はXMLファイルとXHTMLファイル、CSSファイル等をZIP形式で圧縮し拡張子をepubとしたものです。 なので、一般的な圧縮ソフトで解凍し、各ファイルを確認することが可能です。 http://naoki.sato.name/lab/archives/45  http://blog.elearning.co.jp/?p=4193 http://admn.air-nifty.com/web_de

Dreamweaver CS4のサイト定義で一階層上が設定されるバグ suc - Dreamweaver Thursday, 15 October 2009 00:40 「Dreamweaver CS4のサイト定義で一階層上が設定されるバグ」 個人的に使っているCS4ではこの症状は現れませんでしたが、教えている学校のDreamweaver CS4では、選んだディレクトリの一階層上が設定されるというバグが見られました。 国内サイトを探しても有益な解決策が見つかりませんでしたが、海外ではバグとして報告され、アドビのフォーラムでも同様のバグが報告されていました。 解決策としては、手動（パス打ち込み）で設定するか、意図的に一階層下のディレクトリの設定することによって可能です。 これは私も行っていましたが、もっと根本的な解決策は無いのものかと考えながら続きを読むと、アドビフォーラムで報

静的サイトにもっと『パンくず』を!! 『パンくず』とは 『パンくず』とはページ上部に表示されるナビゲーションのための簡易なリンクリストです。簡素で目立たないなものですが、ナビゲーションとしては非常に有効で、サイト全体のナビゲーションに一貫性の無い、事業部乱立、サイト制作発注先バラバラの大型のサイトなどは、『パンくず』無しでは、まさに森で迷ったヘンゼルとグレーテル状態となってしまうでしょう。 『パンくず』は「履歴型」と「階層型」に分類できます。「履歴型」の代表例はwikiで見られ、自分が閲覧してきたページを表示するものです。 「階層型」は現在見ているページが、そのサイトでどの位置に属しているかを線形で表示するもので上位カテゴリへの参照による現在位置の把握が目的となります。 一般的なサイトでどちらが良いかという問題に関しては、筆者は「階層型」が良いと思っています。「履歴型」は単

CSSの振る舞いには色々頭を悩ませる。 私自信は、こんなことに頭を悩ませて思考錯誤するなどは、まったく無駄だと思っている。 純粋にデザインとレイアウトに集中したいものだが、残念ながらそうはいかない。 結局気が付いたことを書き留めないと、また一から試行錯誤となる。 特にIEは色々と振る舞いが???である。IEでプレビューして上手くいかないときは以下の方法をお試し下さい。 ※FireFoxで上手くいかないときは・・・もう少しがんばろう。 隙間ができる 隙間ができた場合の基本的な確認として、ブラウザでプレビューして文字の大きさを変えてみる。 隙間が大きくなれば、文字関係のタグ（css指定、文字の大きさ、ライン高など）による隙間の可能性が高く、変わらなければ、ボックス要素（padding、marginなど）の可能性が高い。 注)文字サイズが相対指定の場合 divに対して背景扱いで