Tag : JavaScript

READ MORE

レスポンシブサイトではウィンドウの幅(画面解像度)によってレイアウトの調整や動作処理の制御を行います。ウィンドウサイズ(画面幅/高さ)の取得方法に関してはスクリプト制御ではjQueryの「.width()」メソッドのほか、JavaScriptの「.innerWidth」メソッドや「.matchMedia」メソッドを使用…

READ MORE

jQueryなどでアニメーションを実装した際にはアニメーション終了時に処理を実行させるのは比較的簡単なのですがCSSアニメーション制御の場合は少々面倒だったりします。そんなCSSアニメーションの終了イベントを取得してくれるJavaScript「Detecting CSS Animation and Transition…

READ MORE

iPhone6 / iPhone6 Plusの登場によりWebサイトを作る上で今まで以上に画面サイズのバリエーションを数多く想定しなくてはならない状況になってきました。中でも「iPhone6 Plus」は解像度が1920×1080と大きく、タブレットに近いサイズにまでなっておりこの先、Webページを作成する際に「iPh…

READ MORE

Webページ上のテキストや数値を表示する演出でスロットマシンの様な回転アニメーションの必要性に駆られた事がこれまでに何度かありその度に苦労していたのですがとても簡単に同様のアニメーションを実装することができるスクリプトがあったので自分用メモとして紹介してみます。Odometer - Transition numbers…

READ MORE

最近ではアプリなどでGPSを使った位置情報の取得する機能をよく見かけますがJavaScriptを使ってそのようなGPS位置情報を利用するサンプルを作ってみたので紹介してみます。JavaScriptでは「Geolocation API」というAPIを使って「navigator.geolocation」オブジェクトで位置情…

READ MORE

最近ではWebサイトを構築する際、PC画面での表示のみならず、スマートフォンやタブレットPCなど複数媒体でのサイト閲覧を意識した設計およびレイアウトを考慮しなくてはならなくなってきています。閲覧するブラウザやOSなどで振り分けを行う方法もいろいろありますが、サイトを閲覧した時のウィンドウサイズによって読み込むCSSを切…

READ MORE

Webサイト内の限られた範囲に多くの情報量を掲載することができるタブインターフェース。今ではあたり前のようによく見かけます。そんなタブインターフェースについて、デザインや演出パターンの違うものを30種類紹介しているエントリー「30 CSS and Javascript Tabs Solutions」が参考になりそうだっ…

READ MORE

コーディングにおいてIE6は常日頃、悩みのタネですが、そんなIE6に、IE7で対応しているCSSプロパティを有効にできる他、透過PNGが使用可能となるライブラリ「IE7.js」というものがかなり使えそうです。≫ie7-js - Project Hosting on Google Code使用方法は二通り。ライブラリJS…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR