zero-atsushiのブックマーク - はてなブックマーク

[CSS]適切ではないマークアップを注意してくれるスタイルシート -holmes.css

ページ内のマークアップで誤っている箇所、無効な箇所、アクセシブルでない箇所をハイライトで明示してくれるスタイルシートを紹介します。デモページレッドのハイライトエラーイエローのハイライト警告グレーのハイライト好ましくない holmes.cssの使い方 holmes.cssの使い方は、2通りあります。スタイルシートファイルをページに適用ブックマークレットを使用（要JavaScript）スタイルシートファイルをページに適用「holmes.min.css」を外部スタイルシートとして適用し、bodyにclass「holmes-debug」を加えます。 HTML <link rel="stylesheet" href="../" media="screen,projection,print,handheld" type="text/css" /> <body class="hol

zero-atsushi 2011/05/19

ほうほう

紅速報

リンク

2010年総まとめ：商用利用も無料、日本語・英語の高品質なフリーフォント集

当サイトで未紹介のものを含めた2010年の総まとめ、商用でも無料で利用できる日本語・英語の高品質なフリーフォントを紹介します。 ※フォントを利用する際には、ラインセンスを必ずご確認ください。最新版を公開！フォントの数が大幅に増えています。 2019年用、日本語のフリーフォント 366種類のまとめ

zero-atsushi 2010/12/14

メモですね

紅速報

リンク

WordPressをHTML5で制作する用のテーマファイル -Toolbox

Toolbox プレビュー [ad#ad-2] テーマファイルには装飾となるデザインは一切施されておらず、HTML5の要素が配置されたものとなっています。ヘッダ箇所の抜粋。 <header id="branding"> <hgroup role="banner"> <h1 id="site-title"><span><a href="http://wp-themes.com/" title="Theme Preview" rel="home">Theme Preview</a></span></h1> <h2 id="site-description">Previewing Another WordPress Blog</h2> </hgroup> <nav id="access" role="navigation"> <h1 class="section-heading">Main m

zero-atsushi 2010/12/13

memooo

紅速報

リンク

第二水準漢字にも対応、油性マジックで書いたフリーの日本語フォント -たぬき油性マジック

商用でも無料で利用できる、ひらがな・カタカナ・英数字・記号、JIS第二水準漢字、シフトIBM拡張漢字を収録した日本語フォントを紹介します。たぬきフォントたぬき油性マジックフォントのダウンロードページ [ad#ad-2] 先日「漢字も使える手書き風の日本語フォントのまとめ」を記事にした際に作者様から紹介をいただいたもので、普通紙に油性極太マジックで一文字一文字手書きして作成した渾身のフォントとのことです。これから年賀状を準備する人は、宛先に使うのもよさそうですね。

zero-atsushi 2010/11/29

よさげ！

紅速報

リンク

背景画像をブラウザの枠いっぱいに表示するテクニックの考察

最近のトレンドの一つでもある背景画像をブラウザの枠いっぱいに表示する実装方法はたくさんあります。その中から、理にかなった最新のテクニックや、より多くのブラウザに対応させるテクニックを紹介します。 Perfect Full Page Background Image [ad#ad-2] 下記は各ポイントを意訳したものです。各デモはページ下部のDownload Files」で、まとめてダウンロードできます。背景画像をブラウザの枠いっぱいに表示するテクニックとは CSS3を使ったテクニック CSSだけで実装するテクニック：その1 CSSだけで実装するテクニック：その2 jQueryを使ったテクニック背景画像をブラウザの枠いっぱいに表示するテクニックとは前提として、下記のポイントが挙げられます。画像でページをいっぱいにします。空きは無いようにします。画像のサイズは必要があれば調整しま

zero-atsushi 2010/11/26

要チェックや！