IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 2011-06-04 Twitterなどを見てると、 「IE6がー！」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基本的なことですが大切な事です。 DOCTYPEを書く。 HTMLの先頭にDOCTYPEを入れるようにして下さい。 DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。 DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含
)
Defining Document Compatibility
Document compatibility defines how Windows Internet Explorer renders your webpages. Like other popular browsers, Windows Internet Explorer supports document compatibility modes that affect the way webpages are interpreted and displayed. These modes, also called document modes, allow you to choose between support for the latest standard or support for certain behaviors popularized by older browsers
iPhoneで最も美しいアプリアイコンは？ - #RyoAnnaBlog
Tweet ずっとMomentoだと思っていた。 エンジのボディにホワイトのリボン。濃淡の美しさに惹かれて、何度か食べたくなった事がある。ノスタルジックな味がするに違いない。 今回はデザインのいいアイコンを紹介したい。 Momentoと同じぐらい美しいアイコンを発見して、嬉しかったのだ。 入選 Camera+ Color Splash Fast Memo iBonsai Instagram Path PicFrame PlainText Reeder QuadCamera Symmetory Vellum Wikipanion WriteRoom Wunderlist Zentomino どれも素晴らしいアイコンだ。 いよいよ金賞を発表する。 特別賞 Momento Momentoの美しさは揺るぎない。金賞でもいいぐらいだが、今回は特別賞に留めておこう。 次点 Pillboxie 青く透き
“泥酔おもらし女子”コラムのエビオス嬢を直撃取材！ ネタか本気か、真相に迫る！
今インターネット上で、「エビオス嬢」なる人物によって書かれた恋愛コラムが「衝撃的すぎる」と話題になっている。 発端は2011年4月26日、仕事もプライベートも全力でがんばる女性におくる脱力ライフ提案サイト「Pouch（ポーチ）」で公開された「オムライスを食べられない女をアピールせよ」（http://youpouch.com/2011/04/26/162331/）というコラム。 この記事は、好みの男性に対し、かわいい女の子を演じてアピールするという内容のもの。 例えば、あえて2～3世代前の携帯を使い「ケータイとか詳しくなくてぇ～！ ずっとコレ使ってるんですけどぉ～！ 使いにくいんですぅ～！ ぷんぷくり～ん（怒）」と怒ってみたり、レストランでオムライスなどの卵を使った料理を見つけて「卵割ったらヒヨコが死んじゃうじゃないですかぁっ！ 赤ちゃんかわいそうですぅ！」と身を震わせてオムライスを食べられ
+1 ボタンをサイトに追加 - +1 button API - Google Code
+1 ãã¿ã³ã¯ããããããããè¦ãã§ãã¯ããªã©ã®æ å ±ãæ軽ã«ãã¼ã¯ã§ããæ©è½ã§ããGoogle æ¤ç´¢çµæã«è¡¨ç¤ºããããã¼ã¸ãã¦ã¼ã¶ã¼ãããããã§ããããã«ãªãããµã¤ããå¹æçã«ã¢ãã¼ã«ã§ãã¾ãã+1 ãã¿ã³ã®è©³ç´°ã«ã¤ãã¦ã¯ãã¡ããã覧ãã ããã ãã®ããã¥ã¡ã³ãã¯ã+1 ãã¿ã³ãèªåã®ã¦ã
IEのバージョンを簡単に判断できるJavaScript | Web活メモ帳
ブラウザ判定って皆さん使ってますか。 判別の方法は、ユーザーエージェントを使ったり、サーバーサイドを使う方法など様々だと思いますが、 本日はお手軽にIEのバージョン判定ができるJavaScriptをご紹介。 ajaxianにやり方が紹介されていました。 Attack of the IE Conditional Comment… 詳しくは以下 JavaScriptの設定 設定するスクリプトはこれだけです。 var ie = (function(){ var undef, v = 3, div = document.createElement('div'); while ( div.innerHTML = '', div.getElementsByTagName('i')[0] ); return v> 4 ? v : undef; }()); 使い方 ■IE以外のブラウザ if(ie ===
Creamo – ゲーム開発
日本は世界に知られるゲーム大国でもあり、「スーパーマリオ」「ドラゴンクエスト」「どうぶつの森」などなど、これまで数々の世界的ゲームを生み出してきています。そんなゲームを生み出す「ゲームデザイナー」。必然的に人気の職業でもあります。 ゲームデザイナーは「ゲームプランナー」とも呼ばれ、ゲームの基本設計（＝開発）をする仕事です。広範囲の開発技術や知識を要するだけでなく、ゲームの流行にも敏感でなければいけません。ゲーム設計は高度な技術を要しますが、一つの大きな世界観を生み出し世界に発信できる可能性がある面などは、やりがいのある仕事といえるでしょう。 キャラデザインは別の職業 ちなみに、ゲームデザイナーはゲームの登場人物のキャラクターデザインをする仕事のように勘違いされることもありますが、それは勘違い。キャラクターデザインをするのは、グラフィックデザイナー（CGデザイナー）の仕事となります。 ゲーム
CSS3を使ってGoogle +1(プラスワン)ボタンを作ってみた
<div id="main"> <div id="red"></div> <div id="blue"></div> <div id="green"></div> <div id="yellow"></div> <div id="plusone"> <span id="plus">+</span> <span id="one">1</span> </div> </div> 次はCSSです。CSS3でグラデーション、角丸、ボックスシャドー、テキストシャドーなどを描いているので、IEだとうまく表示されません。Operaもグラデーションやボックスシャドーはダメです。 使っている4色（赤、青、緑、黄）はGoogleのロゴより若干薄い気がします。 #main { width:500px; height:250px; color:#4169E1; line-height:100%; text-alig
9 Most Common IE Bugs and How to Fix Them | Envato Tuts+
Internet Explorer - the bane of most web developers' existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which isn't really a productive use of your time. In this tutorial, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them. 1. Centering a Layout Centering an element is probabl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
分享按钮设置页-微博开放平台
はてなブックマークボタンの作成・設置について
HTML5時代の技術の恩恵を受けるには
はてなブログ | 無料ブログを作成しよう
TechCrunch | Startup and Technology News
jhop.me