[CSS]画像置換「-9999px」のパフォーマンスを改善した新しいテクニック
テキストで実装した見出しなどを画像に置換するテクニックで「-9999px」が有名ですが、そのパフォーマンスを改善するテクニックを紹介します。 Replacing the -9999px hack (new image replacement) [ad#ad-2] 画像置換：-9999px 改善したテクニック 画像置換：-9999px -9999pxを使った画像置換のテクニックは、下記のようになります。 HTMLは見出し要素で実装します。 HTML <h3 id="sample06">見出しのテキスト</h3> 「text-indent:-9999px;」でテキストを見えない位置にし、見出しとなる画像を背景画像として表示します。 #sample06{ width:300px; height:50px; background:url('bg-01.gif') no-repeat 0 -250p
【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1
HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。 今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。 【HTML5】新規でサイトを作るのに使えそうな一式。Ver 1をDL（zip：12kb） HTML5版のVer 1を見る 社内のマークアップエンジニアとかって書いたら、これどうなのよ？とか話してた頃がちょっと懐かしくなった。 コーダー飲みとか、CSS Niteなんかで、マークアップエンジニアやコーダーさんと会う機会は結構有るのに、そういう具体的な？話まではしないからなぁ・・・ それはさておき、中身のご説明などを続きにて。 中身のご説明 zi
[WordPress]ワードプレスが1記事に、自動的に挿入する＜p＞タグを削除する方法 – devolen
ワードプレスが1記事に、勝手に挿入してしまう＜p＞タグを消す方法。 をメモ代わりに書いておく。 ワードプレスのデフォルトで、自動的に記事に挿入する＜p＞タグがソース的に嫌だったので、これを削除しました。 その方法をメモしておきます。 ビジュアルエディタで更新する方は必要ないかと思うんですが、「HTMLにはこだわるんだ！」なんて方には必要なんじゃないかなー。 wp-includes/default-filters.php の中を以下のように変更。 add_filter(’the_content’, ‘wpautop’); という部分を以下のようにコメントアウトします。 //add_filter(’the_content’, ‘wpautop’); さらに以下も同じように add_filter(’the_excerpt’, ‘wpautop’); という部分を以下のようにコメントアウトします。
Build an Auto-Scrolling Slideshow That Works With and Without JavaScript | Envato Tuts+
There are several tutorials that walk people through how to create a jQuery slideshow, but there aren't many that focus on making it function without JavaScript. This is because most people believe it isn't possible but I am going to explain an exceedingly simple method that shows it is indeed possible. You'll soon be kicking yourself and asking "How did I not think of that?"… In this tutorial I w
デザインのための多重入れ子設計を考えてみた [css,tips,web制作,xhtml,設計] - BlurBlue-Note
月一更新になりつつあります…。 ネタがないんです。すみません…。 さて、今日はちょっと設計的なものを思いついてみた。 グラフィカルなデザインを実現しようとすると、毎回ネックになるのが内包物や文字サイズ変更に対する縦幅の可変対応。 例えば、周囲に枠線があってさらに上から下に向けてグラデーションがかかっちゃってるような角丸デザインを実現しようとすると、 ボックス最下部の角丸直前部分を横長に縦1pxスライスし、それをrepeatさせて、上部からグラデーション終わりまでをスライスしtopに配置、下部の角丸をbottomに配置する3重入れ子 上（もしくは下）から横いっぱいで想定しうる縦サイズにながーくデザインしスライスして、下の画像で閉じる2重入れ子 気にせず1枚画像で。 などが考えられる。無難なのは（１）だろう。 なにしろ中にどんなに長いものが入ろうが対応可能だ。 （２）は小さいサイズならまだしも
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 Canvas Cheat Sheet
