Google Bloggerでモバイルテンプレートを有効にすると、閲覧しやすいようサイズを最適化した表示にしてくれます。しかし、閲覧時にちょっと左右にスワイプしただけでページ切り替えを行うというありがた迷惑な機能も併せて付いてきます。 ブラウジングしている時に、誤ってページが切り替わるのはユーザビリティを低下させる原因にもなりますね。そこで、モバイル閲覧時のスワイプによるページ切り替えを無効にするTipsを紹介致しますので、Bloggerユーザーは参考にしてみてください。 Inutuka Linの研究室: Bloggerハック 〜スワイプ無効化(テスト版)〜 こちらを参考にカスタマイズを行いました。 Step1:テンプレート>HTMLの編集から</head>の手前に下のコードをペースト <!-- No Swipe Mobile --> <b:if cond='data:blog.isMob
javascriptを読み込みと同時に実行する方法 javascriptを読み込みと同時に実行する方法 (function() { alert("test"); })() のように(実行する関数)()と記述すると関数の読み込みと同時にその関数を実行します。 window.onload=function(){ alert("test2"); } はページそのものの読み込みが終了した後に実行するため コード読み込み時に実行される前述のほうが先に実行されます。 スポンサードリンク to-Rについて JavaScriptやCSS、React/Angularなどのフロントエンド情報を発信しています。 書いてる人 西畑一馬 (株式会社トゥーアール) 代表取締役/フロントエンドエンジニア 株式会社トゥーアールについて 渋谷にあるフロントエンドに特化したWeb制作会社です。フロントエンドの実装についてお困
方法は既出のaddEventListenerと同じ手法です。 今回はそれに補助コードを加えたものです。 方法は簡単。まずはブログテンプレートのHTML編集モードから</head>を探しだします。 Ctrl+F使って一発です。 </head>の手前に下のコードをペースト。 <b:if cond='data:blog.isMobile'> <script src='http://dl.dropbox.com/u/393924/hackblogger.js' type='text/javascript'/> <style> body.mobile { background-size: auto; } .mobile .body-fauxcolumn-outer { background: transparent none repeat scroll top left; } .mobile .b
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く