タグ

JavaScriptとtumblrに関するnibushibuのブックマーク (2)

  • tumblrのテーマをカスタムし、追加したJavaScriptをスマホ表示でも有効にする - 移転→hapilaki.net

    tumblrのテーマをカスタムしてもスマホ表示では無効になる原因と対策がわかった。 原因 tumblrでは、モバイル用にHTMLを自動で最適化する。このためにカスタムした部分が無効になっていた。 カスタムで追加した外部JavaScriptファイルを読み込む設定が反映されなかったので、スマホ表示ではテーマのカスタムが有効になっていないことに気づいた。 対策 スマホ表示でもカスタムを有効にする設定は以下のとおり。 ダッシュボードの上部に並んでいる歯車をクリックしセッティング画面に切り替える。 テーマを編集するをクリック。 左側にサイドバーのあるプレビュー画面が表示される。 サイドバー下部の詳細設定をクリック。 モバイルレイアウトを利用するをクリックし無効にする(デフォルトでは有効になっているため)。 保存をクリックすれば完了。 THERMOS 真空断熱タンブラー 320ml ステンレス Tum

    tumblrのテーマをカスタムし、追加したJavaScriptをスマホ表示でも有効にする - 移転→hapilaki.net
  • CSS で作る Tumblr モバイルアプリ風メニュー

    1年くらい前に 「CSS で作るスマートフォン向け片手操作メニュー」 って記事書いたんですが、同じようなのをまたやってみたので紹介。 Tumbler の Android アプリ (Tumblr for Android) の新規投稿の UI がカッコよかったんで、これを CSS と超簡単な JavaScript (jQuery 使用) で再現してみました。実際のサンプルは下記に。 CSS で作る Tumblr モバイルアプリ風メニュー サンプル 現在最新版の Firefox、Safari、Chrome では動くと思います。あと手持ちの iOS 6 Safari では動作確認しました。他のスマートフォンとか知らない。IE? 一応、IE10 は問題なく動作します。IE9 だと動作はするけどアニメーションとかしないです。 元ネタを下記に貼っておきますね (画像は 「Tumblr Staff」 から

    CSS で作る Tumblr モバイルアプリ風メニュー
  • 1