IEの古いバージョンをサポートしつつ、モダンブラウザ用のサイトを制作する時の20のアドバイス
Microsoft公式のIEのデベロッパサイト「modern.IE」から、古いブラウザをサポートしつつモダンブラウザ用のサイトを制作する時に役立つアドバイスをクロスブラウザの観点や、HTML, CSS, JavaScriptの実装時ごとに紹介します。 20 tips for building modern sites while supporting old versions of IE 下記は、各ポイントを意訳したものです。 クロスブラウザ HTML CSS JavaScript クロスブラウザ ウェブサイトはすべてのブラウザで同じように見える必要はありません。 例えば、最新のブラウザではよりリッチなUIを提供し、古いブラウザではソリッドに機能させます。 開発をシンプルにするために、堅実なテンプレートを利用しましょう。 動作が安定しているスタンダードにフォーカスを合わせて制作する。 スタ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-02-15 >
HDDを正しくデフラグしてWindowsを高速化する方法とデフラグ豆知識
| 人気ページ | おすすめ記事 | 定番ツール | HDDを正しくデフラグしてWindowsを高速化する方法とデフラグ豆知識
動画に字幕を付けたい！（簡単編）- ｋ本的に無料ソフト・フリーソフト
このページでは、動画に合成できる “ 字幕ファイル ” の作り方を紹介しようと思います。 ここで作った字幕ファイルは、avi / divx / wmv / flv / mp4 / VOB 等々、大抵の動画ファイルに合成することができます。 （ 「Windows ムービー メーカー」 や 「AviUtl」 を使えば、もっと簡単に字幕を付けることができますが...） 今回使うソフトは、とりあえず テキストエディタ（何でも良い） 「VirtualDubMod」（字幕の挿入時間を確認する時に使う） 「MediaCoder」（動画と字幕を合成させる時に使う） の 3 つです。 「VirtualDubMod」は、「VirtualDub」 でもOK です。 これは、字幕の挿入位置（時間）を確認するためのものなので、普段使っている メディアプレイヤー でもOK です。 （「VirtualDub」系のソフト
知っておきたい使えるCSSテクニック25 – creamu
Web Developer plusで、知っておきたい使えるCSSテクニックが紹介されています。 いくつかご紹介しますね。 ・テキストハイライト時の色を変更する SafariやFirefoxでテキストを選択した時の色を変更できる。コードサンプルは以下 ::selection{ /* Safari and Opera */ background:#c3effd; color:#000; } ::-moz-selection{ /* Firefox */ background:#c3effd; color:#000; } ・プリント時にページを指定箇所で分割する 以下のクラスを指定することで印刷時のページを分割できる .page-break{ page-break-before:always; } ・テキストの代わりに画像を表示する よく見られるSEOテクニック。ユーザーには画像を見せ、検索エ
ウェブデザインの幅をひろげる20のキーワード | コリス
20 Vital Techniques & Best Practices For Effective Web Design 下記、各エッセンスの簡単な説明とワンポイントとサイトの紹介です。noupeのサイトでは他にも多くのサイトが紹介されています。 1. ビビッド カラー 2. グラデーションとライトのエフェクト 3. 透過 4. グランジ 5. 手書き風のデザイン 6. 押さえた色味 7. 水彩画のエフェクト 8. ネイチャー系のエレメント 9. 写実的でリアルな背景 10. 特大のタイポグラフィ 11. デコラティブなタイポグラフィ 12. 大胆な背景 13. レトロやヴィンテージのエレメント 14. アイキャッチなヘッダ 15. コラージュしたエレメント 16. テクスチャを使った背景 17. タブ型のナビゲーション 18. ブラックとホワイト 19. 水平方向のスクロール 20.
PNG画像をより美しく、より軽量に最適化するテクニック | コリス
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記：2009/07/27 本エントリには続きがあります。 続：PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop（あるいは他の画
ActionScript3 最適化・高速化Tips 簡易まとめ - actionscriptグループ - ConquestArrow.addEventListener( LifeEvent.WORK, this.studyActionScript);
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
JPEG画像をより美しく、より軽量に最適化するテクニック
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ（8x8ピクセル）です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
既存のデザインのクオリティをアップする8つのポイント
デザインが単調な感じのときには、使用している色を鮮やかにしてみます。 変更した色をベースに、カラースキームを設計します。 Color Scheme Designer 3 2. モノクロは慎重に ブラックやホワイトなどモノクロをテーマにした素晴らしいデザインのウェブサイトは多数あります。モノクロは単色で構成されたものですが、一色加えることでデザインが容易になることがあります。 ポイントはその一色のみにこだわらずに、他の色も充分に検討することです。 3. グリッド レイアウトの活用
Webサイトを作ったらまずやるべきことチェックリスト | Web担当者Forum
今日は、Webサイトを作ったらまずやるべきことのチェックリストを紹介しましょう。サイトは作るまでも大切だけど、作ってからのアクションも同じかそれ以上に大切。 すでにサイトを運営している人は、やってないものがないか確認してみましょう。 サイト運営日記をスタートする（変更点を日付と一緒にメモしていく）XMLサイトマップを作って更新内容が含まれるようにするGoogleウェブマスターツールにサイトを登録する → https://www.google.com/webmasters/sitemaps/XMLサイトマップを登録するURLのwwwあり／なしの統一を指定するサイトリンクの表示をチェックして調整（以降随時）Yahoo!サイトエクスプローラーにサイトを登録してXMLサイトマップを登録する → http://siteexplorer.search.yahoo.co.jp/live Webmaste
ちゃぶ台メモ - IEのFlash Playerが遅い件と、wmodeとの悩ましい関係
Flashの変な仕様シリーズ第2弾。 「WindowsIEのFlash Playerの再生速度が遅いのは、wmodeを設定すると回避できるけど」という有名なやつを取り上げます。 このことについてはいろんなブログやらなんやらで解説されていますが、以下の記事がわかりやすくまとめられています。 3ping.org - FLASHのFPSを正常に ↑の記事が書かれたのは4年前。その間にIEは6から7になり、FlashもCS3までバージョンアップしましたが、この仕様は未だに直っていません。 CS3で作ってみた参考Flash（フレームレート50で作成） 「wmode」はFlashの背景を透過させるかどうか設定するパラメータです。値は「opaque（不透明表示）」と「transparent（透明表示）」の二つがありますが、どっちを設定しても、WindowsIEの再生スピードを正常にすることができます。な
AS3のLoaderで読み込んだ外部swfを確実にunloadする方法 - KAZUMiX memo
公式サイトのFAQやリファレンスには、子swfがストリームを利用している場合のunload方法が紹介されています。 Loader インスタンスを unload しても NetStream が閉じられない(support.adobe.co.jp) が、私の場合はストリームを利用していなくてもunloadでswfが破棄されず、メモリリークが発生する現象が発生。1週間ほど苦しんだ末にやっと以下の方法で解決できました。 unload時に、子swf内のイベントリスナーを全てremoveする unload時に、子swf内のクラス変数の中で、オブジェクトを参照しているもの全てにnullを代入する この対処をしないと破棄されないswfの正確な条件はまだ良く分かりませんが、とりあえず手元にあるやつだとPapervision3Dを利用しているものにこの対処が必要でした。 Loaderオブジェクトへの参照がある
第97回 これだけは押さえておきたいエクセルの知識 前編 - bingo_nakanishiの他言語出身者のためのPerl入門
新社会人になって、業務を与えられるようになると エクセルをガシガシ使っていくことになると思います。 今回は、これだけは押さえておきたいエクセルの知識です。 その1. 絶対参照 と 相対参照 絶対参照と相対参照を理解するには、 九九の表をつくってみると良いでしょう。 1*1 = 1 ... 9*9 = 81と小学生のときに必死に覚えたアレです。 右上の、数式バーに注目してください。 =C$2*$B3となっています。$は、固定をあらわしています。 なんで $ なの?? 「Sに縦棒が刺さって、固定しているみたいに見えるから$」 と、私は強引に覚えてみました。 この$が使いこなせるとエクセルを使うのが楽になります。 絶対参照とは セルをフィルで選択してコピーしても、同じ場所を指していること 相対参照とは セルをフィルで選択してコピーすると、指しているところが変わっちゃうこと（インクリメンタル、デク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Latest resources for web ninjas - WebDesignShock
Stack Overflow
IDEA * IDEA
「Yahoo!ニュース」の表示速度が3～5倍に、そのからくりは……：記事の芽
サービス終了のお知らせ
trick7 RTP Live: Info Bocoran RTP Slot Online Pragmatic Play Gacor Terlengkap -