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

N-takデザインブログ

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

しつこく。gifアニメーション

続き。 まだやるよー。 チュートリアルが欲しい方はコメント下さいね。

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

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

Photoshopでまわる地球を制作してみた!

Photoshopのアニメーションフレームを使ってアニメーションgifをつくってみました。 もとは2Dの世界地図から作っています。 でも尻が割れたような切れ目が・・・汗 チュートリアルは希望があれば公開します。 では。

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ヘッ…

Photoshopの便利なテンプレート!僕が使っている7つの無料素材サイト紹介します。

こんにちは。 デザインブログ久々の更新です。

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

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

フリーランスの方必見。見積もりに関するノウハウを公開

こんにちは。 ほぼ、1ヶ月ぶりの更新です。 今回のテーマは『見積もり』です。 フリーの方は特に頭が痛い問題ではないでしょうか。

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

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

初心者にどうぞ!おみくじjs

初心者向けです。 おみくじjavascriptをアップしました。 サンプルはこちら

スマホのスワイプにも対応!横からスライドする初心者javascriptスライドショ-

11月になりました。 11月の1回目は『javascript』です。 サンプルは私のポートフォリオになるので、まず動きを見てみましょう。

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

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

フリーランサーを目指すのに必要なものまとめ

WEBのフリーランスを目指す上で参考にしたい内容をメモ。 とりあえず、事業計画の青写真は作ったけど まだまだわからないことは多いし。。。 でも計画つくらないと始まらないので 2ヶ年計画で実現したいと思います。

Macbook Airを買ったので、、役立つMacbookAir情報10個まとめリンク集

お疲れ様です。 Macを購入したので見識を深めるためにも情報を収集してみました。 Macユーザーの方で他にも有益な情報をお持ちの方がいらっしゃいましたら 教えてください。

google yahoo で1位とったどーーーー!!!!

ははは。私は今macbook airと格闘中です。 あーなんて薄いんでしょうか。この曲線美。 こんなにもすてきなアイテムだとは知りもしませんでした。 このまま、iPhone5sも欲しいところです。 まぁ、それは来週以降かな。まずはこれに慣れたい。 仕事はwinだし兼…

スクロールが指定値に達したらボタン表示!初心者向けjavascriptの解説

どうも。N-tak.comです。 今日は、スクロールが指定値に達したらボタンが表示される javascriptを解説します。

りんごをついに買っちゃいました。

買っちゃった。 ついに、初りんご。 まだ届いてないけどすごく楽しみ。 APPLE MacBook Air 1300/11.6 MD711J/A あーーはやくこないかなぁ。

おしゃれな(つもり)デザインページ、jQueryMobileサンプル付☆

さらにデザインページを刷新しました。 昨日アップしたばかりですが(笑) トップの画像とナビを追加しました。 N-tak.comのデザインページ 素材はこちらか無料で入手できます。 iStock 本だなコンテンツも追加してます。 閲覧サイズに合わせて本棚の列数が…

吹き出しでコメントがでるよ。jQuery初心者まとめ!

お手軽に画像にカーソルがのったらコメントがでるjacascriptを公開します。

超簡単。初心者がお手軽に使えるスライドショー!!のまとめ

自身の作品サイトでも使っているスライドショーです。 お手軽に実装したい方はコピペでどうぞ。

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

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

黄金比を勉強してみる

黄金比、白銀比など意識して書いているのとそうでないのとは大違いです。 と先生に言われたものです。 当たり前大前提なのでしょうけど、意外と手抜きしがちな自分。 じゃあちょっと調べてみようかなと。。。 以下のサイトを参考にして見ました。 Webデザイ…

jQuery Mobile 1.3.0 新機能 Panelウィジット

お疲れ様です。 今日はjQuery Mobile 1.3.0にバージョンアップされた際の 新機能の1つPanelウィジットを使ってみました。 サイドからパネルがぐわーんと開く機能です。 ではさっそく搭載してみましょう。 参考にしたサイトはこちらです。 jQuery Mobile 1.3…

jQuery Mobile アイコンの設置方法をやってみた!

今回は jQuery Mobile のアイコンを簡単に変更する方法を記事にします。 まったく使ったことがないわけではなかったのですが、久しぶりにお客様プレゼン用に作る機会があり勉強しなおしてみました。 その時に、アイコンがテーマに沿ったものが無かったので勉…

細かいところまで解説がないのでJavascript 初心者Chart.jsをまとめてみました。

実際に使ってみて細かいところで四苦八苦したので纏めてみました。 web上でのプレゼンや資料または、システム上の各種データ出力ができる折れ線グラフのjavascriptを紹介します。では順を追って説明していきます。 ======用意するもの====== 公式サイトは こ…