HTML
お客さんから送られてきた、Excelデータからせっせとリストや表のHTMLをコーディングしているあなた!そろそろ手がが疲れてきていませんか?そんなあなたは、この記事で紹介するExcelテクニックをぜひ覚えてください。 面倒な作業が、わずか数秒で終わります…
CSS3まで含めたリファレンス(解説)とブラウザのサポート状況、CSSリセット、バグ対応などをCSSに関連することをまとめて公開しています【セレクタ、プロパティの名前からひくタイプのリファレンス】
CSS3アニメーションはたいていの場合、ホバー時(:hover)に仕込まれるものが多いと思います。 ここでは他の疑似クラス「:active」や「:focus」などやMedia Queriesに仕込んでみるチュートリアルを紹介します。下記は各ポイントを意訳したものです。 「:acti…
さすがデザイナーたちが作った本だけあって、装丁も美しい。見開き2ページで1トピックが簡潔にまとめられているのもいい。ページのレイアウトもきちんとした2カラム構成で読みやすい。まるでそれ自体がウェブページのようである(意図的かどうかは知らないが…
長ーいテーブルも瞬時にページング処理してしまうjQueryプラグイン「Table Pagination」 縦に長かったりするとテーブルは読みにくかったりしますが、このプラグインで初期化してしまえば一瞬でページ分けが完了しますページングするコードは次のように書けば…
紙媒体でよく見かける、見出しの両端に水平ラインを天地中央に配置するスタイルシートのテクニックを紹介します。【――――北海道を隅まで歩く―――― こんな感じにする方法】
width, heightのサイズが分からない要素を天地左右の真ん中に配置するスタイルシートのテクニックを紹介します。 要素のサイズが分かっている場合 要素のサイズが分からない場合 まとめと対応ブラウザ【左右・上下、いずれにしろ、中央に配置するのは至難の…
CSS animation の使い方が分かってきたので、プロパティなどを簡単にMozilla Developer Network 日本語版 https://developer.mozilla.org/ja/CSS/CSS_animations
[CSS]スタイルシートの量を少し減らした、新しいclearfix -micro clearfix | コリス 「clearfix」はフロートした要素が親要素からはみ出してしまうのを回避するもので、今回は、スタイルシートの量を更に減らし(class名も短く)した「micro clearfix」です。