MENU

JS/jQueryでIEのバージョンを判定しクラスとして追加する

JSでIEのバージョンによって処理を分岐したいとき、どんな方法があるのか調べていると、ユーザーエージェントを使った方法が一般的のようでした。しかし、ユーザーエージェントは簡単に偽装できるので、信頼性に欠けます。そこで、今回は確実性の高い方法で判定する方法を紹介します。 クラスを追加 // バージョン var vers

IE6/7/8/9/10/11それぞれのバージョンのみに適用させるCSSハックまとめ

最近ではIE8のサポート終了などにより使う機会が減ってきましたが、それでも一部バージョンのみに対応させたいときもあるかと思います。そんな時に便利なのがCSSハックです。以下で紹介するソースコードは仮想環境上でしっかり確認していますので、大丈夫です。 CSSハック この要素をCSSハックしたいと思います。

CSSのtransform:rotate()とjQueryを使ってシンプルな円グラフを作る

最近またCSSでいろんなものを作るのにはまっています。今回は、CSSで円グラフを作りました。transform:rotate() と overflow:hidden を使えばできるのではないかと考えたのが始めです。JSを使わなくてもいけるのですが、JSを使ったほうが円グラフの変更が楽なので、自動化できるところは自動化しました。対応ブラウザ

HTML5/CSS3とjQueryでマテリアルデザインなタブを作る

だいぶ前にGoogleがマテリアルデザインを発表しましたよね。フラットデザインに階層を追加した真新しいデザインです。ですが、僕はまだ案件でマテリアルデザインを一度も使ったことがありません。なんとなくですが使いづらいですよね。アプリとかなら利用しやすそうですが。そこで、今回はマテリアルデザインを使ったタブを作ったので紹介します。 タブ

CSSでMac版Chromeなどの領域外スクロール(バウンススクロール)を無効にする

Webアプリを作るときにはバウンススクロールは邪魔でしかないので、無効にしましょう。 バウンススクロールとは MacのChromeでトラックパッドを使って思いっきり下に引っ張ると、このように領域外が見えてしまいます。そして、トラックパッドから手を離すと元に戻ります。これをバウンススクロールと言います。バウンススクロール

CSSとJS/jQueryでTwitter埋め込みタイムラインのデザインをカスタマイズする

毎日インスピレーションを受けるため、ハイクオリティーなWebサイトを探すのが日課になっています。そこで、もったいないなと思うのがTwitterタイムラインウィジェットが白く、浮いてしまっているということです。せっかく、美しいデザインのサイトなのにTwitterウィジェットで台無しになってしまっていました。そこで、今回はTwitterウィジ

C++でOpenCVを使って判別分析法(大津の2値化)を自作してみる

OpenCVの関数に頼っているとアルゴリズムなんて分からなくても使えてしまうので、画像処理の勉強をしている以上、OpenCVの関数を使うときはその仕組みを理解してから使おうと思います。今回は、2値化アルゴリズムの紹介です。 判別分析法とは 大津の2値化とも呼ばれ、画像を2値化する手段として最も一般的に利用されているアルゴリズム

BUFFALOの最新高性能Wi-FiルーターWXR-1900DHP2 レビュー

明けましておめでとうございます。今年はブログに力を入れていこうと思っています! さて、本題ですが、我が家は3階建てでWi-Fiが2階までしか届きません。3階でも快適なWi-Fiライフを送りたいと思い、Wi-Fi中継機を買おうと思いました。しかし、ネットで調べていくうちにWi-Fi中継機は速度の低下が著しくとても使えたものではないそうです。
3 / 512345