タグ

ブックマーク / webdrawer.net (3)

  • ページ内ナビをコンテンツの位置によってカレント表示させる

    パララックスをつかったサイトなど、縦長のページが昔に比べれば多くなった感じがしますがその際に、ページ内用のナビを設置する場合があると思います。スクロールした時そのコンテンツのエリアに来たら、ナビをカレント表示させるjsを調べて作ってみました。 参考にしたサイト 作ってみたと言いつつ、大部分が参考サイト通りなので先にご紹介いたします。 jQueryで長いページの区切り(セクション)ごとに背景を変化させる | webOpixel jQueryを使った長い縦スクロールページの現在地による制御 | 2GRAVITY カレント表示でaタグはそのまま とりあえずカレント表示されればOKのタイプ。カレントの箇所もクリックできます。 サンプルページ HTMLの抜粋は以下 <ul id="nav"> <li><a href="#section01">menu<a></li> <li><a href="#se

    ページ内ナビをコンテンツの位置によってカレント表示させる
  • Sublime Text 2での複数ファイルの一斉置換

    HTMLのコーディングしていると、複数ページの同じ箇所を一気に置換することがあると思うのですが、それのSublime Text 2で実行する方法です。 複数ファイルでの検索と置換 上のメニューバーから「Find」→「Find in Files…」(もしくはショートカットでCtrl+Shift+f)を選択します。 そうすると入力できる箇所が3つでてきます。 上から「検索する文字列」「フォルダの場所」「置き換える文字列」になります。プロジェクトを指定しているとき又は検索対象のファイルを全部開いている時は、 真ん中のWhereは選択しなくて大丈夫です。 ちなみに検索だけすると以下のような感じで該当ページと箇所を教えてくれます。 あと、ファイルを開いていない状態で、置換すると置換したページが全て開きます。 というわけで簡単ではありますが、複数ファイルでの検索と置換でした。

    Sublime Text 2での複数ファイルの一斉置換
  • Dreamweaverの便利なコマンドや拡張機能のまとめ

    コーディングをするときに自分が主に使ってるのがDreamweaverです。そのままでもいろいろ機能があって便利ですが、コマンドや拡張機能を入れることによってさらに便利に使うことができます。 そこでDreamweaverのコマンドや拡張機能で見つけたものをまとめてみました。他にもこんな便利なものがあるよなど教えてもらえるとうれしいです。 使い方は、コマンドの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Dreamweaver CS5.5\ja_JP\Configuration\Commands Mac → ライブラリ\Application Support\Adobe\DreamweaverCS5\ja_jp\Configuration\Commands 拡張機能はダウンロード

    Dreamweaverの便利なコマンドや拡張機能のまとめ
  • 1