以前リリースが開始されたとご紹介した『IE8』。只今そのIE8に苦しめられています・・・。CSSを組み立てている最中にIE特有のバグが発生してしまうのです。これを回避するためにハックを掛けているのですが・・・上手くいきません(泣)。今日中に解決したいのですが、正直まだ何とも言えません。 マイクロソフト様 拝啓 新機能を色々とつけるのは良いのですが、まずはCSSをまともに読み取ってくれるように改善して頂けませんか? そして、起動させてもすぐにバグが発生して落ちてしまうような状態でリリースするのは辞めて頂けませんか? エラーを送信しても一向に改善されません。どうなっているのでしょうか? 敬具 ココでIE8を含むIEのCSSのバグのハックに私と同じく困っている方へ、使用するコードをお教え致します。 IE8 *+html>/**/body selector IE7 *:first-child+ht
ログインお客様の Google アカウントを使用 メールアドレスまたは電話番号 メールアドレスを忘れた場合 ご自分のパソコンでない場合は、シークレット ブラウジング ウィンドウを使用してログインしてください。 ゲストモードの使い方の詳細 次へアカウントを作成
Google パブリックサービス検索 Google では、世界各国の教育機関や非営利団体を対象に、ウェブ サイトを検索するためのサイト検索と、インターネットを検索するためのウェブ検索の 2 つの無料サービスを提供しています。カスタマイズも可能で、検索結果ページに広告が表示されることはありません。登録はこちら Google にリンクする 当サイトは原則リンクフリーです。ロゴを利用したリンクをご希望の方は、Google ロゴ使用をご覧下さい。 Google フリー検索: ホームページに Google の検索ボックスを設置する ご自分のホームページに Google の検索ボックスを加えることができます。Google フリー検索にはベーシック版とカスタム版があり、それぞれウェブ検索機能のみ、またはウェブ検索 + サイト検索両方の機能をご利用いただけます。なお、Google では検索結果ページに
本当にCGかよ!?と誰もが驚くCG画像いろいろ。景色などのCG画像も含めた、実写にしか見えないハイクオリティなCG画像です。描写・合成・加工などなど、それぞれ様々な技術を駆使した作品たちで、どれもこれもすごいですが、やはり人物系にはとくに驚かされますね。CGというより写真という印象を受けます。最先端の技術ではこのクラスのCGが動くのだからすごいですよね 89件のコメント sugo Posted by 匿名 at 2010/05/23 15:03 返信 CGだと・・・!? 嘘だ!俺は信じないぞ! Posted by 匿名 at 2010/05/23 15:13 返信 ときどき違和感ある画像があるけど凄すぎだろ… この技術をもっと映画やゲームに生かして欲しい Posted by 匿名 at 2010/05/23 15:18 返信 あと50年もすれば「俳優」って職業は無くなるだろうな… Post
これまでトップのタイトル画像はphpを使ってランダムに表示していた。 phpでランダムに表示する前はjavascriptを使って表示していたんだけど、今回またjavascriptに戻した。 なぜまた差し替えたかというと、少しでもブログの記事部分の表示を速くしようと思ったからだ。 javascriptで作られた物の中に『jQuery』って言う物がある。 それを使うとページの骨格が表示された後に遅れて画像を読み込むと言う事が出来る。 今回それを利用してみた。 なので今回のものはjQueryがすでに読み込んであるものとして話を進める。 読み込んでない場合はヘッダー部分に以下を書き加えておこう。 <script src="http://www.google.com/jsapi"> <script> google.load("jquery", "1"); </script> ダウンロード トップ画像
css globeで、jQueryで作るランダム表示・ローテーションするコンテンツの作り方が紹介されています。 デモは以下から。 リロードごとにランダム表示 ランダムローテーション どちらもJavaScriptは短くてシンプルになっていますね。 一度見てみてください。 Simple Way to Random Display or Rotate Content Using JavaScript and CSS そろそろ雨が降るみたいですね。移動するぞ。
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート(縦向き)であれば 横
間が開いてしまいましたが、CSS Nite 4周年記念イベント(Vol.40 reprise)の続きです。HTML5のメリットを活かしたコンテンツアイデア」というテーマでお話されたのはKAYACの山田敬美さん。 HTM5を取り上げたブログ記事などを多く見るようになりましたが、その多くは新要素のマークアップについてが特に目立つ気がします。 そんな中、マークアップエンジンニアでもあり、KAYACのブッコミ11メンバーでもある山田さんはWebアプリケーションとしてのHTML5を生かしたアイデアをお話されていました。 iPhoneがHTMLで使える理由 HTML5といっても現状ブラウザごとで実装が異なり、実務として使うのは非常に難しい。でもそういったブラウザの種類に左右されないデバイスがある。 それがiPhoneだということです。iPhone SafariのWebkitはHTML5を要素のいくつか
以前にWeb Directions East 「パフォーマンスアップのウェブ技術 WDE-Express」で パフォーマンスアップについて記事を書きました。 今回はその記事や色々参照した本・セミナーを元に実際に改善をおこなって、 どれだけ高速化したかデータ上で確認し、まとめてみました。 できるだけ手間をかけずに簡単にできる改善方法をおこなってみたので、 しばらくリニューアルの予定はないが、サイトの表示を早くさせたいという方は ぜひ試してみてください。簡単作業でパフォーマンスアップできます。 CSSのコードを短縮して書こう え?こんなこと?と思うかもしれないですが、 どんどんコードを書いていくうちに肥大していくものです。 もう一度見直してコードを軽くしていきましょう。 今回コードの見直しのために使用したサイトはclean CSSです。 clean CSSを参考にカラーコードの短縮、 不必要な
指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」 2010年05月27日- Plugins | jQuery Plugins 指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」。 $(element).footer() みたいにするだけで、element に指定した要素をページのフッターに吸い付くように配置することが出来る便利なプラグインです。 ブラウザの高さを変更してもJavaScript側で調整してくれます。 通常の例。div#footerブロックは最初の要素の直下に来てます。 フッター設定した例。ブラウザの下部に常に配置されます。 色々方法はあると思いますが、実装が簡単なので便利かもしれませんね。 関連エントリ HTMLで雑誌のような美しい段組みレイアウト
こんにちは。画像切り替えについて質問があります。 内容は画像をランダムで読み込んで更に マウスが重なるとその画像がちょびっと暗くなったり明るくなったりしたいです。 ソースは・・・・ html側 <script type="text/javascript">document.write(randomImage1());</script>を任意の場所に埋め込んで 外部JSファイル function randomImage1() { var imageList = [ '1.jpg', '2.jpg', '3.jpg']; var n = Math.floor(Math.random() * imageList.length); return '<img src="' + imageList[n] + '" alt="">'; } ていう感じに書いております。 どこをどういじればいいかわからず困
先週行われたGoogle I/OのキーノートでAdobeのCEO, Kevin LynchよりAdobe Dreamweaver CS5 HTML5 Packが発表されました。DreamweaverでHTML5とCSS3のオーサリングを手助けするもので、いくつかの新しい要素やプロパティにコードヒントへの対応や、以前取り上げたマルチスクリーンプレビュー機能などが盛り込まれています。 HTML5やCSS3は発展途上ですからオーサリングツールの対応もまだ充分ではありません。今後のアップデートにも期待したいです。 オーサリングツールのほかにも、マークアップが適切かどうかを判断するための術がほしいところです。HTML5では適合性チェックツールとしてValidator.nuが開発されており、W3CのMarkup Validator (開発版)にも実験的に組み込まれています。 しかしながら、HTML5仕
1個目のselectで2個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」 2010年05月26日- jQuery Doubleselect Plugin 1個目のselectで2個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」。 次のように、1個目のSelectボックスの内容によって2個目のselectボックスの内容が容易に切り替えるようなUIが簡単に実現できてしまうプラグインです。 1個目が野菜(Vegetables)の場合は、tomato, potato, asparagus が表示されます。 1個目をフルーツ(Fruits)にすると、apple, orange, kiwi, melon になります。 いざ実装しようとすると面度臭そうなのですが、jQueryプラグインによって、比較的簡単に実装できま
When you think about it, buttons are the drivers of online interaction. We use them to add products to our shopping carts, learn more about a service, confirm decisions, and submit contact forms. In that way, a button click is sort of like the successful conclusion designers are trying to draw us to. That’s why it’s so important to choose buttons that both look great and provide obvious visual cue
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く