Hex clockThis clock is joining the Global #ClimateStrike on September 20th. Will you?
Reset vs Normalize
CSSの記述法として、ブラウザごとの違いを「Reset」して一から指定するという方法が長らくマジョリティを占めていました。まだまだその方向で書いている人が大半ですが、「Normalize」するという方法を採る人達も増えています。なぜリセットではなくノーマライズなのかというような話をなんとなくダラダラ書いてみたい感じです。 以下、リセットはYUI 2のCSS Resetを、ノーマライズはNormalize.cssをイメージして読んでみてください。 リセットとノーマライズ まずは両者の違いから。リセットはなかったことにするというもので、ほぼ全ての要素に対するスタイル指定を排除しブラウザごとの違いを吸収するものです。対してノーマライズはブラウザのデフォルト・スタイルシートを生かしつつ、各ブラウザ間の挙動を擦り合わせるものです。リセットが負の方向で統一しているとすれば、ノーマライズは正の方向で統一
::-webkit-validation-bubble - jsdo.it - Share JavaScript, HTML5 and CSS
-webkit-validation-bubbleを使って色々してみました。 ■わかったこと ・invalidのときに表示されるメッセージは変更できない…？ ・title属性を追加しておくと↑の下に追記される。（長いと省略される） ・なぜかtransitionが指定されているが機能してない。 ・.hoge input::-webkit-validation-bubble{}だと指定できなかったのでinput.hoge::-webkit-validation-bubble{}にした ■デフォルトのスタイル http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css#L589 ■説明 http://trac.webkit.org/wiki/Styling%20Form%20Controls#Formvalidationmes
[CSS]ブラウザのスタイルを初期化するスタイルシートの総まとめ -2010年版
ブラウザごとに異なるデフォルトのスタイルを初期化するスタイルシートの歴史を振り返りつつ、2010年の最新のCSS Resetまでのまとめを紹介します。 A Comprehensive Guide to CSS Resets [ad#ad-2] ユニバーサルセレクタから始まったCSS Resetの進化の過程をたどり、最近リリースされたCSS Resetを紹介します。 下記は、各ポイントを意訳したものです。 (X)HTML "Hard" Reset undohtml.css -2010 version Poor Man's Reset Siolon Reset Inman Reset Tripoli Reset Dan Schulz's Reset Thierry Koblentz's base.css Simple Reset CSS Mini Reset Soft Reset Less i
スタイリッシュなフォームを作るときに見るべきエントリまとめ
Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは、スタイリッシュなフォーム。 これらは、webデザイン全体がフォームデザインとなっているまとめです。 まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。 くしゃくしゃっとしたような紙の一部にフォームが設置されている。 こちらもメモに名前を書くかのごとく。 深海に光がさす感じのイメージ。 シンプルイズベストなレイアウト設計がなされている。 １，２，３，
ダサいホームページ作成マニュアル凝縮版
「ありがち」なサイトの事例を掲載しています。 「なにが間違っている」と断定するつもりはなく、あくまで私見です。 創作意欲を失わさせる意図はありません。むしろ応援のつもりで作っています。 なお、基本的に「不特定多数に見られる事を前提としたページ」を対象としています。→★の意味について 「ページ作成初心者にありがちな罠」をあらかじめ教える。 「あるある！そんなページ！」としばしブラックな笑いを楽しんだ後、自分自身のサイトを冷静に見てもらう。 隠しがちな本音を偽り無く書く。 人のサイトを見ていて「これは嫌だなぁ」と思う事をしない。 たぶんこれが大事です。 もし今現在あなたがホームページを持っていなくて、さらにこれから作成する気があるのなら、 まず他の人のページを徹底的に見る事と、自分の公開する情報が万人の目にさらされる事をしっかり自覚する事をおすすめします。 タイトルがない★★＞理由 「○○のＨ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Components · Twitter Bootstrap
