読者です 読者をやめる 読者になる 読者になる

N-takデザインブログ

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

お役立ち

Photoshopでループアニメーション

ちょっとはまってしまったので、第2弾 チュートリアルは要望があれば公開します。 結構おもしろい。

CSSだけでリンクをふわぁっとさせる方法

作業メモ デモ ↑マウスを重ねてみてね。 このCSSだけで、リンクにマウスが重なったときゆっくり切り替わります。 /*--テキストリンクはゆっくり色が変わる--*/ a:hover{ -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-trans…

追従するサイドバーでしかもページ内をスムーズにリンクする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のテンプレートのご紹介です。 きっかけはお客様からのご相談でした。 で、早速作ってみたのがこちらです。

好みのフォントでホームページをカスタマイズする方法

久々の更新です。 今回は、自分のサイトなどを好みのフォントに変更する方法です。 CSSを使えば、文字の表示に使ってほしいフォント名を指定できます。

ユーザーエージェントで自動で画面が遷移するjavascriptはこれでやったら超簡単!

ついに、スマホ版のアップまでこぎつけました。 まだプレオープンですけど、今後をお楽しみに☆ で、そこでPCサイトに来ていただいてからスマートフォンサイトへクリックしてから移動していただくのも煩わしいかなってことで自動で判別して移動してもらえる方…