はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    大阪万博

『doop』

  • 人気
  • 新着
  • すべて
  • Bootstrapのdropdown-menuをドロップダウンリスト風に使ってみる | doop

    4 users

    doop-web.com

    横道ついでに、前回に引き続きBootstrapネタ。 BootstrapはかっちょいいUIが色々そろっているけど、 ドロップダウンリストはイマイチな感じがする。 こんなの そこで、標準で用意されているボタンとドロップダウンメニューを利用して、 Bootstrap風のデザインのドロップダウンメニューを作ってみた。 まず、ベースとするのはBootstrapのComponentsページに載っている「Button dropdown menus」。 <!-- Single button --> <div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button>

    • 学び
    • 2014/04/30 15:19
    • キャッシュを有効にしつつ、cssやjsファイルの変更を確実に反映させる | doop

      45 users

      doop-web.com

      Webサイトを開発させる上で、キャッシュのせいでcssやJavascriptがうまく反映されないと言う事はよくある話。 私が作っているサイトでも、サイトのレスポンス向上のためにキャッシュを利用しているが、 修正がうまく反映されず、「あれ?」と思う事がしばしば。 特に、開発環境では頻繁にファイルを更新するため、.htaccessでキャッシュを抑止しているけれど、 本番環境と開発環境で異なるファイルを管理するのも若干ストレスだったりする。 そんな訳で、回避策を検討してみた。 条件としてはこちら。 サイトはphpで開発している 対象はcssファイル、js(javascript)ファイル レスポンス向上のため、キャッシュは利用する ファイルを修正した際、ユーザにキャッシュクリアをさせなくても、修正した内容は確実に反映される 対象ファイル(この場合css、jsファイル)以外の修正は行わない では、実

      • テクノロジー
      • 2014/01/21 17:02
      • キャッシュ
      • PHP
      • CSS
      • プログラミング
      • JavaScript
      • webデザイン
      • 開発
      • WordPressでjQuery UI Tabを使用する | doop

        3 users

        doop-web.com

        久々の更新。 最近、会社のホームページをWordPressで作っている。 実際に仕事で利用すると、普段は考えない事を色々と考えなきゃなんない。 個人利用なら、「まいっか」で片付けられるんだけどね。 本題。 本文中にタブメニューを表示すると言う要件で、jQuery UI タブを利用してみた。 最近だとCSS3で実装する方法もあるみたいだけど、クロスブラウザの事を考えると jQueyr UIの方がいいかなーと採用してみた。なんつっても、管理メニューも同じ実装だもんね。 WordPressは標準でjQuery UIが実装されているので使用するのは簡単。 まず、本文に以下のようなHTMLを記述。 今回は固定ページでやってみた。 <div id="tabmenu"> <ul> <li><a href="#tabs-1">メニュー 1</a></li> <li><a href="#tabs-2">メニ

        • テクノロジー
        • 2013/12/19 13:04
        • *wordpress
        • *web制作
        • jQuery
        • UI
        • Sublime Text 2でよく使うショートカットのまとめ | doop

          10 users

          doop-web.com

          個人的によく忘れてしまうので、備忘録的な感じで。 ちなみに、Windows版です。 一般 よく使うもの。普通のエディタと違うのは、何も選択していない状態だと行単位で有効になると言う事。 Ctrl + c  コピー Ctrl + x  切り取り Ctrl + /  コメントアウト Ctrl + ]  インデント Ctrl + [  インデント解除 行単位編集 こちらもよく使う。イチイチ行を選択しなくていいのが嬉しい。 Ctrl + Shift + k  行削除 Ctrl + Shift + d  行のクローン作成 Ctrl + Shift + ↑  上の行と入れ替え Ctrl + Shift + ↓  下の行と入れ替え 範囲選択 単品でと言うより、コメントアウトやDelキーと組み合わせて使うかな。 Ctrl + dは後述のマルチカーソルでその威力を発揮する。 Ctrl + d  単語選択 C

          • テクノロジー
          • 2013/03/11 12:15
          • SublimeText
          • windows
          • カスタム投稿タイプを含んだパンくずリストが表示されない – その2 | doop

            9 users

            doop-web.com

            前回の続き カスタム投稿タイプは投稿タイプ=postではないので、get_category_parentsは使用できない。 google先生に聞いてみると、他にも似たような悩みを抱えている人は多かったけど、 どうもピンとくる解決法が見つからない。 とりあえず、以下のようにする事で、それっぽく表示する事はできた。 if ( is_single() ) { $category = get_the_category(); $category_id = get_cat_ID( $category[0]->cat_name ); if ($category_id == 0) { // カスタム投稿タイプ echo ' » '. esc_html( get_post_type_object( get_post_type() )->label).' » '; } else { // POST echo

            • テクノロジー
            • 2012/12/22 03:12
            • wordpress
            • unclassified

            このページはまだ
            ブックマークされていません

            このページを最初にブックマークしてみませんか?

            『doop』の新着エントリーを見る

            キーボードショートカット一覧

            j次のブックマーク

            k前のブックマーク

            lあとで読む

            eコメント一覧を開く

            oページを開く

            はてなブックマーク

            • 総合
            • 一般
            • 世の中
            • 政治と経済
            • 暮らし
            • 学び
            • テクノロジー
            • エンタメ
            • アニメとゲーム
            • おもしろ
            • アプリ・拡張機能
            • 開発ブログ
            • ヘルプ
            • お問い合わせ
            • ガイドライン
            • 利用規約
            • プライバシーポリシー
            • 利用者情報の外部送信について
            • ガイドライン
            • 利用規約
            • プライバシーポリシー
            • 利用者情報の外部送信について

            公式Twitter

            • 公式アカウント
            • ホットエントリー

            はてなのサービス

            • はてなブログ
            • はてなブログPro
            • 人力検索はてな
            • はてなブログ タグ
            • はてなニュース
            • ソレドコ
            • App Storeからダウンロード
            • Google Playで手に入れよう
            Copyright © 2005-2025 Hatena. All Rights Reserved.
            設定を変更しましたx