もう容量不足に怯えない。サンディスクのmicroSD 1.5TBは在庫があるうちに回収だ #Amazonセール
![画像に簡単にぼかしをかけられるプラグイン「Background Blur」 | ライフハッカー・ジャパン](https://cdn-ak-scissors.b.st-hatena.com/image/square/52a4ff32f1d26c988b75950e860cd0e7e08174ed/height=288;version=1;width=512/https%3A%2F%2Fmedia.loom-app.com%2Flifehacker%2Fdist%2Fimages%2F2016%2F04%2F160403_im.jpg%3Fw%3D1280%26h%3D630%26f%3Djpg)
個人用のメモです。 そもそも以下を見れば一目瞭然ですが、 http://caniuse.com/#compare=ie+8,ie+9 ウェブ制作の現場ですぐにでも利用できそうなものをリストアップする目的です。 個別の動作確認はしていません。 あくまでCan I Useからリストアップしたまでです。 SVG (basic support) Canvas (basic support) Audio element Video element CSS background-position edge offsets CSS3 Background-image options background-clip background-origin background-size CSS3 Multiple backgrounds CSS3 Colors rgba() hsl() hsla() CSS3
Buy this domain. 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
2016 年 1 月 12 日(米国時間)を過ぎると Microsoft 社が提供するウェブブラウザ「Internet Explorer」(以後、IE)のサポート対象が“各 Windows OS で利用可能な最新版のみ”にポリシーが変更されます(*1)。サポート対象外となる IE は、セキュリティ更新プログラムが提供されなくなるため、新たな脆弱性が発見されても解消することができません。脆弱性が見つかり攻撃者がそれを悪用すると、ウイルス感染により「ブラウザを正常に利用できなくなる」ほか「情報が漏えいする」などの被害に遭うおそれがあり(図1)、早急なバージョンアップが求められます(*2)。 図1:IE のバージョンごとの影響(イメージ) 1. IE の脆弱性 IPA が運営する脆弱性対策情報データベース JVN iPedia(*3)に登録されている IE 7 から IE 10 までの脆弱性対策
最近のWebページでよく使用されるシンプルな1カラム、マルチカラム、カード型のレイアウトをはじめ、フッタが常に最下部に表示されるスティッキー、Webアプリなど、人気のグリッドレイアウトを簡単に実装できる超軽量スタイルシートを紹介します。 もちろんレスポンシブ対応で、古い環境(IE8+, iOS5+, Android3+)もサポートされています。 レイアウト用だけのフレームワークを必要としている人にはぴったりだと思います。 GridLayout GridLayout -GitHub サポートするのがモダンブラウザだけであれば、Flexboxでレイアウトをするのがベストです。 Flexboxについては、下記ページで徹底的に解説しているので参考にしてください。 CSS3 Flexbox の各プロパティの使い方をヴィジュアルで詳しく解説 GridLayoutの主な特徴 GridLayoutのデモ
サイト全体が斜めになったサイトで、画像をクリッピングする必要がありました。しかもレスポンシブWebデザインです。 その時の知見と、利用しませんでしたが、ちょっとしたテクニックを思いついたので、メモとして残しておきます。 画像を斜めクリップにする方法 画像を斜めクリップするイメージは、こんな感じです。 要素を斜めにする方法は、IE9以上から利用できます。 IE8もIEの独自フィルターを利用して頑張ればできるようですが、底が見えない感じだったので、IE8は斜めにせずに対応させていただきました。 要素を斜めにするCSSは、transformプロパティを利用します。 transformプロパティには、いくつかの関数が用意されており、主に「skewY()」を利用し、場合によっては「rotate()」も利用しました。 CSSの記述例 .foo { -webkit-transform: skewY(10
20年の歴史に幕か? すでにWindows 10向けには、新たな「Spartan」ブラウザの開発が進められていることが明らかにされています。そうなると、これまでマイクロソフトが一貫して提供し続けてきたInternet Explorer(IE)の今後も気になるところですよね。 このほどマイクロソフトが開催した「Microsoft Convergence」カンファレンスにおいて、マーケティングチーフを務めるChris Capossela氏は、懸念されていたIEの展望について発言。早ければWindows 10より、一般ユーザー向けには姿を消す可能性もあることが示唆されていますよ! Windows 10に搭載されるブラウザに関して、どのようなブランドで、どんなネーミングがふさわしいかの調査を進めている。今後もしばらくは、Internet Explorerは残るだろう。だが、新しいブラウザには「Pr
HOME>Web>IEで「レイアウト崩れが起きてます」と言われた時の対処メモ(Internet Explorerの「互換表示モード」を解除する) 業務でやっているとある企業のWebサイト(レスポンシブ対応、対象ブラウザ:IE9〜)構築で、こちら側のブラウザチェックでは問題ないのにクライアントから「こちらのPCで表示が崩れるんですが…」との連絡が。 対応していないCSS3プロパティの効果が見えないとかならまだしも、レイアウトがグチャグチャになっていると言われては冷や汗が止まりません。 しかも、制作側ではどのPCで見ても問題ない上、対応していないIE8ですら問題ないというのに…これは困った。 ie8で崩れぬ表示 クライアント先のie9で崩れている そんな悪夢(バグ)の波間で 終わらない旅路(デバッグ)を続ける堕天使(わたし) 虚しさの意味を知る 柔らかな風が吹くこの場所で… (GLAY/HOW
さよなら、IE…新ブラウザSpartanがWindows 10に搭載か2014.12.30 09:30 湯木進悟 完全に生まれ変われるか! Windowsユーザにとっては、標準ブラウザのIE(Internet Explorer)こそがメインのブラウザという方も日本国内では少なくないようですけど、他のChromeやFirefoxと比較すると、IEには不満なポイントも多いみたいですね。それを当のマイクロソフトも承知の上で、大幅にレベルアップした次期IEの開発に期待もかかっていましたが……。 このほどZDNetが伝えた情報によれば、新たなWindows 10には、予想されていた「IE 12」ではなく、まったく新しいブラウザ「Spartan」が搭載されることになるようですよ。Spartanは、IEと同じレンダリングエンジンおよびJavaScript を採用しているものの、より軽量化されたブラウザに
この投稿は、 JavaScript Advent Calendar 18日目の記事です。 更新履歴 こちら をご覧下さい JavaScript の書き方をアップデートする JavaScript Good Parts で書かれているような JS の書き方は、古くなりつつある部分も多いです。 正直なところ、自分はあの本が「今でも」良書だとは思っていません。 初学者に勧めることもしません。まんべんなさと普遍性と客観性から「パーフェクト JavaScript」 を勧めています。 その頃と比べると、 JavaScript をとりまく環境は変わりました JavaScript の進化に合わせて書き方もアップデートしていくべきなので、今回は分かりやすいしきい値として 「IE10 以下を切れるとしたら」 という前提で、列挙してみます。 たとえば XHR2 や File API に依存したサービスをやる場合な
しばらく前からわたしはCSSグリッドシステムに取り憑かれたようになっている。このせいで成仏できないので取り憑く側といったほうが正しいのかもしれないが。 わたしが夢想しているグリッドシステムは以下の要件のもの。 HTMLとCSSだけで動く。JavaScriptに依存しない リキッドレイアウトである 行ごとに要素で囲む必要がない グリッドの内容は、%指定でフレキシブルにすることもできるし、固定サイズにしておき領域幅をオーバーしたら改行するようにもできる 使用があやういハックは使いたくない IE8以上に対応する この要件を満たしているサンプルはこちら。ブラウザの画面幅を加減すると、リキッドレイアウトのほうは自動的に幅が伸縮するし、固定幅レイアウトのほうは適宜改行されるようになると思う。 上記サンプルの動作環境はIE8+。うまくいっていない「あと一歩」はどこなのかというと、グリッドの基底要素(サン
この「いくつかのブラウザ」とは IE のことを指していると思われますが、href プロパティに絶対 URL を設定しなおすことで、URL のスキーム部分を取得できるようになります。 // http://www.example.org/ 上で実行しているものとする。 var elm = document.createElement('a'); elm.href = '/foo?bar#baz'; // IE 6 / 7 で絶対 URL を設定。 // elm.href = elm.cloneNode(false).href でもよい。 elm.href = elm.getAttribute('href', 4); // IE (少なくとも 8 ~ 11) で絶対 URL を設定。 elm.href += ''; elm.protocol // => "http:" elm.hostname
一つの要素に、デスクトップ、タブレット横、タブレット縦、スマホ横、スマホ縦の5種類用のclassを定義し、レスポンシブ対応のフレキシブルなレイアウトを実装できるスタイルシートを紹介します。 flexible.gs flexible.gs -GitHub flexible.gsのデモ flexible.gsの使い方 flexible.gsのデモ 対応ブラウザは、デスクトップがChrome, Safari, Opera, Firefox, IEは7+対応で、モバイルもiOS Safari, Opera Mini, Android Browser, Opera Mobile, Chrome for Android, Firefox for Android, IE Mobileと現在主流のブラウザに対応しています。 デフォルトでは、デスクトップ、タブレット横、タブレット縦、スマホ横、スマホ縦の5種
また問題児のIEのお話 先日、カラーミーショップというASPサービスでショッピングサイト制作の注文があってカスタマイズをしていました。構築中にブラウザチェックをしていたら、Internet Explorer 9で一部表示されていない表現がありました。 CSS3を使用した部分だったのですが、そもそもInternet Explorer 9ではCSS3の主なプロパティは対応しています。 カラーミーショップの構築中に何かミスがあったのかと思い、ソースを丸ごとコピーしてローカルに複製したものをチェックしてみたら、正しく表示されました。 ソースは全てフルパスで書いているので全く同じ。 両者の違いはカラーミーのサーバーにあるかローカルにあるか、の違いのみです。 それでcssの一部に問題が出る事は通常考えられません。 どういう事でしょうか。 ドキュメントモードについて 調べてみると、どうもサーバーのものを
上記の表は 「Stay up-to-date with Internet Explorer : IEBlog」 から引用。 ということで、あと 1年半くらいですが、2016年の 1月時点で正式なサポートを受けて利用できる IE としては、IE9 が最も古いバージョンとなり、IE8 以前はサポート対象外となりますね。 ちなみに、組み込み機器向けの Windows OS である 「Windows Embedded」 に関しては OS 自体のサポートサイクルが異なりますので、ここでの話とは少し異なりますけども。 この辺のより詳しい情報は、下記、Microsoft 社のプロダクト サポート ライフサイクルの IE に関するページを確認してください。IE のサポートについては、サポート ライフサイクル ポリシーに関する FAQ が参考になります。 マイクロソフト プロダクト サポート ライフサイクル
hn, pなどの要素を使ったテキストの左右に、水平ラインを天地中央に配置するスタイルシートのテクニックを紹介します。 HTMLは非常にシンプル、カラーやサイズの調整も簡単、背景画像も問題ありません。 実装のポイントは5つ。 画像は使用しない。 spanなど、余分なHTMLは使用しない。 フォントのサイズを大きくしても自動で調整される。 可変。 背景が画像でも水平ラインが綺麗に描かれる。 実際の動作は、下記ページで確認できます。 デモは全てのモダンブラウザ、IE9+でご覧ください。 Heading Side Lines HTML HTMLは非常にシンプルで、hnやp要素のみで実装できます。 classを使用すれば水平ライン有り・無しの共存も可能です。 <body> <h2>テキストの左右に</h2> <h3 class="lines-on-sides">水平のラインを描く</h3> </bo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く