タグ

ブックマーク / cappee.net (2)

  • 便利!Web上でソースコードやテキストを比較してさくっと差分がわかるDiffサービス「Mergely」 | Cappee Design

    Diffとは ちなみにソースコードやテキストなど2つのファイルを比較して差分を出力することをDiff(ディフ)といいます。 Difference(ディファレンス)の略だそうですよ。 オススメのDiffサービス「Mergely」 Mergely 差分を確認する 使い方はとても簡単で、まず比較したいソースコードやテキストをコピーして左右に貼り付けます。 すると色別でハイライトして差分を教えてくれるのでとてもわかりやすいです。 右上の設定ボタンを押せば、色の変更もできます。 ここがすごい!マージ機能 検索ボックスのところにアイコンが並んでますが、地味にすごい「→」アイコンのマージ機能。 マージとは簡単に言うと左右のソースコードをガッチャンコしてくれる機能です。とても便利ですが自動なのでかならず元ファイルは残しておいてくださいね。 あとは、左右のコードを入れ替えたり、クリアしたり、ダウンロード、ア

  • ページトップへ戻るボタンをスクロールしてからふわっと表示するjQuery | Cappee Design

    こんにちは、@cappeeです。 最近ページトップへ戻るボタンを一工夫するサイトが増えましたね。 よく見かけて一番サイトの閲覧に影響がなく個人的に好きなのが、スクロールしてからふわっと表示するフェードがついているボタンです。 jQueryを使えば簡単に実装することができます。 サンプルコード HTML <p class="pageTop"><a href="#wrapper"><img src="/images/pagetop.png" width="60" height="60" alt="ページの先頭へ"></a></p> CSS #pageTop { position: fixed; bottom: 50px; right: 50px; } Script $(function() { var topBtn = $('#page-top'); topBtn.hide(); //スクロー

  • 1