scroll, resizeイベントの負荷を抑制する
Updated 2015.05.29 / Published 2013.11.21 特定の場所までスクロールしたら要素を表示させたり・動かしたり、またはリサイズに応じてレイアウトを再調整したりなど、JavaScriptではscrollやresizeに応じたイベントが頻繁に用いられますが、これらのイベントは断続的に処理を実行することになるので、制作者の意図せぬ形でユーザ側では負荷の高い処理になっているかもしれません。そこで、ちょっとの工夫だけでこれらのイベントの負荷を抑制できるポイントを紹介します。 スクロール時におけるサンプルコード try { //IE9+, Other Browsers window.addEventListener( 'scroll', sample, false ); } catch (e) { //for IE8- window.attachEvent( 'ons
JavaScript ユーザエージェント条件分岐便利スニペット｜Web制作 W3G
Updated 2014.04.07 / Published 2011.04.28 下記に記載の内容では、2015年現在新たに登場してきているOSまで対象にするには限界がありますので、Mobileの判定をMobileとTabletにだけフィーチャーさせた2015年版JavaScriptユーザエージェント判別もあわせてご参照ください。 jQuery.supportだけで代表的なブラウザの判別を行うことができなくなってしまったので、UA情報には依存しないブラウザがサポートしている機能でブラウザ判別を行う試みです。ただし、モバイルかどうかの判別をするためにWindows Phoneに限ってはUA情報に依存する必要があります。 判別用コード var _ua = (function(){ return { ltIE6:typeof window.addEventListener == "undefi
アンカーの最適化
Updated 2007.01.30 / Published 2007.01.30 従来の HTML では a要素の name属性にアンカー名を付与してウェブページ内の特定箇所をリンク先として参照できるようにする目的地アンカー（終点アンカー）が用いられてきましたが、XHTML では name属性は廃止され、旧来の目的地アンカーのテクニックは利用できません。本文書では HTML4 の規格から新たに登場した id属性を name属性に代わって指定することでアンカーを最適化させる手法を解説します。 アンカー内容を空にして使う旧来の手法について a要素に name属性を指定する目的地アンカー（終点アンカー）は、従来の HTML によく用いられる手法ですが、開始タグと終了タグの間、つまりアンカー内容を空にして使われていることがあります。これはアンカー内容を空にすることで、目的地アンカーを視覚的にわか
奈良のWeb制作・動画制作のデジタルクリエイティブパートナー | W3G
企業理念 デジタル活用が、あらゆるビジネスシーンにおいて革新・飛躍をもたらしています。 私たちは、培ってきたデジタル領域の知見と技術を活かしたデジタルクリエイティブで ビジネスの成長を支援することができます。デジタルコミュニケーションのプロとして 得意分野を発揮し共にビジネスを成功へと導くパートナーとして、ご用命ください。 私たちのミッションは、Go for the Win-Win-Win = クライアント×ユーザー×クリエイター の関係者全員に最良の結果を生みことです。そして、クライアント様・エンドユーザー・弊社従業員 の三方全員をプロジェクトの成功を通じて幸せにし、Webをコアにした デジタルクリエイティブで社会に貢献するビジョンの実現に向け、企業活動に邁進します。 会社紹介 会社の設立日、連絡先、事業内容などの基本的なデータについてご案内します。 2018年現在、創業6年目を迎え、関
HTML5についてのおさらい｜Web制作 W3G
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
