N-takデザインブログ

WEBで培った作品や技術を公開しています。

WEBデザイン

追従するサイドバーでしかもページ内をスムーズにリンクするjQuery

作業用メモです。 1.jQ/Js ①ヘッド内もしくはリンクを設置 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> ②ヘッド内もしくはリンクを設置 $(function(){ // #で始まるアンカーをクリックした場合に処理 $('a[href^=#]').click(function() { // スクロールの速度 var speed = 1000; // ミリ秒 // アンカー…

on/offで簡単に画像がゆっくり切り替わるjQuery

// 作業に使ったメモです。 DEMO 画像がゆっくり切り替わります。 1.画像の用意 画像の末尾は以下のようにして下さい。 ○○○_off.拡張子(変更前) ○○○_on.拡張子(変更後) 2.jQ 以下はコードです。 ヘッド内に、 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> を記述し以下を外部ソースか、同じHTMLヘッ…

便利なテンプレート。これ一個あればフェイスブックもtwitterもyoutubeのカバー写真がおしゃれに!

今日はphotoshopのテンプレートのご紹介です。 きっかけはお客様からのご相談でした。 で、早速作ってみたのがこちらです。

WEBに関するリファレンスを公開!

まだまだ、少ないですが自身で搭載した実績のある技術をリファレンスとしてまとめてみました。