WEBデザイナーズNEXT

Webデザイナー

スクロールした時に徐々にふわっと表示させるjQuery「m5lazydisplay.js」

m5lazydisplay.js

Web製作にjQueryが使われるようになって、すごく気になったエフェクトがありました。
それが「だんだんふわーっと表示させる」エフェクトです。

徐々に…ふわーっと…だんだん…色々な言葉で検索をしたのを覚えています。
結構簡単に実装できる「m5lazydisplay.js」の使い方をまとめてみました。

Pocket


ほとんど使用用途がないけど、タイプライター風にできるjQuery「t.js」を使ってみた

タイプライター風jQuery

Webデザイナーなんてやってると、何か変わった事ができないかなーって事を常に考えてしまいます。私はWebデザイナーは「引き出しの数」で勝負が決まると思っているので、なんでもできるようになりたいんです。

今回はあんまり使用用途はなさそうだけど、タイプライター風のjQueryを使ってみました。

Pocket


jScrollPaneを使ってスクロールバーの色や幅などのデザインを変更する方法

スクロールバーのデザイン変更
スクロールバーって最近あんまり使わなくなってきた気がします。縦長のデザインが一般的になったからでしょうかね?あまり使わないからこそ忘れてしまうんですよね…。

今回はスクロールバーの実装から、デザイン変更までをまとめてみました。

Pocket


【はじめてのjQuery】 jQueryとは?

jQueryとは?
昔は動きのあるホームページを作る場合、Flashが主流でした。しかし、FlashはiOSなどのクライアント依存が問題になり、衰退していきました。
そこでjavaScriptを使うようになったのですが、javaScriptはプログラムに近いスクリプト言語なので、Webデザイナーにはちょっと敷居が高かったように思います。

そこでjQueryというjavaScriptライブラリが誕生したんですよね。

Pocket


スマホで使用頻度の高いアコーディオン(jQuery)をまとめてみた

スマホで使用頻度が高いアコーディオン

スマホでWebサイトを見るのが一般的になってきてから「アコーディオン」というものの使用頻度がすごく増えた気がします。
アコーディオンというのはクリック(タッチ)するとビヨーンって伸びるアレの事です。

使用する機会がとても高いのでこの機会にアコーディオン(jQuery)まとめてみました。

Pocket


animate(jQuery)の使い方まとめ

animate(jQuery)を使ってみた
jQueryが出てからというもの、Webデザイナーにとってjsがすごく使いやすくなったのではないでしょうか?
私は昔からjsをちょこちょこいじっていたのですが、jQueryが使えるようになってからはとっても楽ちんで助かっています。
今回はアニメーションで有名なanimateの使い方をまとめてみました。

Pocket