JavaScriptでのユーザエージェント条件分岐便利スニペット
jQuery.supportだけで代表的なブラウザの判別を行うことができなくなってしまったので、UA情報には依存しないブラウザがサポートしている機能だけでブラウザ判別を行う試みです。
主にウェブの情報技術に関することをお届けするブログです。
jQuery.supportだけで代表的なブラウザの判別を行うことができなくなってしまったので、UA情報には依存しないブラウザがサポートしている機能だけでブラウザ判別を行う試みです。
CSSハックもIEの独自拡張条件式も使わないセレクタを活用したIE(6/7/8)のCSS上書きテクニック。
ユーザからのデータ入力を受け付けるシステムであれば、http://〜 のURLを構成する文字列をリンクに置き換えたりすることは少なくないはずです。また、自サイト内のURLが貼付けられた場合と他サイトのURLが貼付けられた場合とで、ただリンクに置換するだけでなく、他サイトには target="_blank" や rel="nofollw" を付けたいなど、処理を別けたいという場合も少なくないかと思います。
文中に存在するTwitterのハッシュタグやアカウント名(スクリーンネーム)を抽出してはリンクに置き換えるPHPでの正規表現のサンプルです。条件によっては置き換わって欲しくないケースもあるので、戻り読み言明の否定形を活用しています。
JavaScriptでの開発は、IEとか、IEとか、IEとかで何世代にも渡っていろいろな差異を生じさせてくれて、泣く泣くIE専用のコードを書くことも少なくありませんよね。そんなときに条件分岐のコード自体で、何のために条件分岐しているのかが一目瞭然になってると便利だと思うんですね。ユーザエージェント条件分岐のスニペットを作っていたので、公開してみます。
フロントエンドの視点からウェブサイトを高速化するためのCSSの高速化・JavaScriptの高速化・転送量削減による高速化の三部構成です。なお、転送量削減の章においては、少々サーバサイドの知識も必要です。
エンジニア、プログラマー、デザイナー、クリエイターなどのコンピュータに携わる多くの分野の人たちがつながり・助け合えるTwitterと連動したソーシャル型のリアルタイムQ&Aサイトをテーマにした「Twihelpme(ツイヘルプミー)」というWebサービスオープンしました。
blockquote要素単体から引用元を視覚化できるように、引用元へのリンク、及び引用元を示すテキストを生成するためのスクリプトです（jQuery使用）。引用元が書籍でISBNコードが示されている場合は、Amazonのリンク（アソシエイトID付き）へと変換します。
HTML5についてのおさらい続編です。前回の内容を受けて読者の方から質問があったことに対する回答のまとめであったり、前回紹介しきれなかったセクション関連の新要素である見出しをグループ化するhgroup要素による効果、およびheader, footer要素を用いたセクションといった前回から一歩踏み込んだ内容をまとめました。
jQueryでブラウザを判別するjQuery.browserのAPIは1.3より非推奨のため、代わりにブラウザがサポートする機能を判別するAPIであるjQuery.supportで代表的なブラウザの判別方法をまとめてみました。これで万が一User Agentが偽装されても安心、UA情報には依存しないサポートしている機能だけでのブラウザ判別を行う試みです。