3MENUすべてのカテゴリーWeb制作93仕事効率化4Electron32016.10.31JS/jQueryでIEのバージョンを判定しクラスとして追加するJSでIEのバージョンによって処理を分岐したいとき、どんな方法があるのか調べていると、ユーザーエージェントを使った方法が一般的のようでした。ユーザーエージェントは簡単に偽装できるので、信頼性に欠けます。そこで、今回は確実性の高い方法で判定する方法を紹介します。vers2016.10.28IE6/7/8/9/10/11それぞれのバージョンのみに適用させるCSSハックまとめ最近ではIE8のサポート終了などにより使う機会が減ってきましたが、それでも一部バージョンのみに対応させたいときもあるかと思います。そんな時に便利なのがCSSハックです。以下で紹介するソースコードは仮想環境上でしっかり確認していますので、大丈夫です。この要素をCSSハックしたいと思います。2016.10.22jQueryでinputのtext/checkbox/selectなどフォームの値の取得・設定をするCSS/JSフレームワークを作るにあたって、フォーム周りの操作をする必要があったので、まとめてみました。使えばいいのですが、微妙に違いがあったりして忘れやすいです。$('input[name="textbox"]').val();2016.10.17どこよりも詳しい万能スライダーjQueryプラグインslick.jsの使い方いろいろなスライダー・カルーセルjQueryプラグインを利用してみて、一番簡単でカスタマイズ性に富んだものがこのslickです。非常に便利な分、注意しなければならないこともあるので、その点も含めて紹介したいと思います。http://kenwheeler.github.io/slick/2016.10.11CSSのtransform:rotate()とjQueryを使ってシンプルな円グラフを作る最近またCSSでいろんなものを作るのにはまっています。今回は、CSSで円グラフを作りました。使えばできるのではないかと考えたのが始めです。JSを使わなくてもいけるのですが、JSを使ったほうが円グラフの変更が楽なので、自動化できるところは自動化しました。対応ブラウザ2016.10.06CSSでinputは可変幅でボタンなどは固定幅なレスポンシブ対応フォームを作るよくECサイトで見かけるレスポンシブ対応の検索フォームの作り方を紹介したいと思います。使っていくので、IE8以上対応です。検索2016.10.02CSSで均等配置・等間隔でガター幅を指定できるグリッドレイアウトを作るレスポンシブデザインが主流となった今、グリッドレイアウトは見慣れていると思います。タイルやカードデザインなどでは、グリッドレイアウトがよく使われます。今回は、等間隔でしかもガター幅を指定できる方法を2種類紹介したいと思います。いう関数がありますが、残念ながら疑似要素には対応していません。値を取得・変更していきます。2016.09.28CSSでFontAwesomeなどのWebフォントを背景画像として扱うCSSでWebフォントの背景化を行う方法です。透かしのように使えたりするので、とても便利なテクニックです。line-height2016.02.26HTML5/CSS3とjQueryでマテリアルデザインなタブを作るだいぶ前にGoogleがマテリアルデザインを発表しましたよね。フラットデザインに階層を追加した真新しいデザインです。僕はまだ案件でマテリアルデザインを一度も使ったことがありません。なんとなくですが使いづらいですよね。アプリとかなら利用しやすそうですが。そこで、今回はマテリアルデザインを使ったタブを作ったので紹介します。タブ2016.02.15CSSでMac版Chromeなどの領域外スクロール(バウンススクロール)を無効にするWebアプリを作るときにはバウンススクロールは邪魔でしかないので、無効にしましょう。MacのChromeでトラックパッドを使って思いっきり下に引っ張ると、このように領域外が見えてしまいます。トラックパッドから手を離すと元に戻ります。これをバウンススクロールと言います。バウンススクロール2016.02.09CSSとJS/jQueryでTwitter埋め込みタイムラインのデザインをカスタマイズする毎日インスピレーションを受けるため、ハイクオリティーなWebサイトを探すのが日課になっています。そこで、もったいないなと思うのがTwitterタイムラインウィジェットが白く、浮いてしまっているということです。美しいデザインのサイトなのにTwitterウィジェットで台無しになってしまっていました。そこで、今回はTwitterウィジ2016.02.05C++でOpenCVを使って判別分析法(大津の2値化)を自作してみるOpenCVの関数に頼っているとアルゴリズムなんて分からなくても使えてしまうので、画像処理の勉強をしている以上、OpenCVの関数を使うときはその仕組みを理解してから使おうと思います。今回は、2値化アルゴリズムの紹介です。APIを使って画像などのローカルファイルを読み込むとあるWebサービスを作るために色んなAPIについて勉強しています。APIの基本的な使い方について紹介します。HTMLでボタンを設置します。A2016.01.31CSSだけでinput[type=”file”]のデザインをカスタマイズする何かとカスタマイズが面倒なinput[type="file"]のデザインの変更方法を紹介します。ここ以外をクリックで消えます。明けましておめでとうございます。本題ですが、我が家は3階建てでWi-Fiが2階までしか届きません。3階でも快適なWi-Fiライフを送りたいと思い、Wi-Fi中継機を買おうと思いました。ネットで調べていくうちにWi-Fi中継機は速度の低下が著しくとても使えたものではないそうです。2015.12.092016年へ向けて知っておきたい最新CSSフレームワーク45種類2015年はBootstrapの普及とともに、多くのCSSフレームワークが登場しました。そこでマイナーなものからメジャーなものまで、どのような種類のフレームワークがあるのか調べてまとめたので紹介します。collapseな角丸テーブルを作る角丸テーブルを作る際、1つだけ困ることがあります。なくてはならないということです。非DOMなので普通にアクセスすることはできません。そこでどんな方法で変更できるのかまとめました。プロパティを書き換えるというプログラムを作成しました。