タグ

Webとhtmlに関するseuzoのブックマーク (3)

  • 自分用のWebフォントでアイコンを作る - 結城浩のブログ

    背景 自分のWebサイトでアイコンを使っている。 問題 pngなどの画像ファイルとしてアイコンを利用すると、大きさ調整や文字とのバランスで扱いが面倒である。 解法 Webフォントとしてアイコンを作り、CSSを用意しておく。 結果 シンプルなマークアップだけで任意の大きさのアイコンが利用できる。 HTML sample.html1 2 <link rel="stylesheet" href="http://www.hyuki.com/common/hyuki-font/hyuki-font.css" > <h1> <i class="hyuki-ghost"></i> 結城浩 </h1> 表示 結城浩 詳細 OmniGraffleのようなドローソフトで、アイコンをSVG形式で書き出す。複数アイコンは複数ファイルにしておく。 アイコンのSVGファイルをすべてzipにまとめて、Iconvault

    seuzo
    seuzo 2014/11/01
  • css - ルビもCSSで : 404 Blog Not Found

    2006年05月31日00:55 カテゴリTips css - ルビもCSSで これ、実はCSSでなんとかなります。 檜山正幸のキマイラ飼育記 - ルビ(ふりがな)タグの話 IE6では期待通りの表示(ふりがなの「おびただ」が「夥」の上に乗る)が得られます。FireFoxはダメでした、 以下をご覧ください。 夥 (おびただ) しい数のWebページ どうです? 当blogでは、現在以下をCSSに加えてrubyを実現しています。IEでもSafariでもFirefoxでもちゃんと見えます。 /* * based upon * http://www.akatsukinishisu.net/itazuragaki/2001_10.html#ruby_for_Mozilla_3 */ ruby { display:inline-table; text-align:center; white-space:

    css - ルビもCSSで : 404 Blog Not Found
  • TRANS - WordPressで企業サイトを作る際に押さえておくべき10個のこと

    少し前に、WordPressで企業サイトを作る際によく使うプラグインという記事を書きましたが、プラグインを入れたらそれで完成、という訳にはいきません。そこで、プラグインとは別に、企業サイトを構築する際に押さえておくべき10個のことを書き出しておきますので、参考にして下さい。 そのコンテンツにはページなのか、記事なのか、それともHTMLなのか。 WPには、「ページ」というブログの時系列には影響されない個別のコンテンツを作るための機能があります。まず、はじめに考えておくべきことはWP自体をどの階層にインストールしておくのか、ということです。 同時に、あるコンテンツを作る際にそれを「ページ」で作るのか、それともブログベースの「記事」で作るのか、それともWPとは別に単なるHTMLファイルとして作るのか、そのあたりを考えておく必要があります。僕がよく使う方法は、「お知らせ」や「新着ニュース」などは「

  • 1