// Archive for the ‘Javascript’ Category
CSS3を使ってビジュアルエフェクトを加えたギャラリーを作る
現在やってるスクラップや、フォトブックなどをまとめてギャラリーページを作りたいと思って、ギャラリースクリプトを探していたのですが、Smashingmagazineの『Using CSS3 Visual Effects』で紹介されていたポラロイド風のエフェクトを使ったものに一目ぼれ。
2010年も jQuery は止まらない
アニメーションを駆使した美しいギャラリースクリプトや、ポップアップティップスなど、ページを美しく構成するためのスクリプトがいろいろと公開されています。今では構成要素のひとつとして不可欠になりつつあるJavascript、中でもjQueryはその扱いが容易であることから、誰でも簡単に導入することが可能ですね。
今すぐ使ってみたいjQuery プラグインのまとめ
今年も ｊQuery ネタのエントリーは数多くありましたが、この2ヶ月はほんと次から次へといろいろと紹介されていました。HTML5・CSS3を組み合わせた実験的なものから、ナビゲーションメニューやギャラリーを始め、今すぐ使えそうな実用的なものまで様々。気になるものを片っ端からブックマークしておきます。
jQuery ベースの横スクロール Coda-Slider 2.0
pinch/zoom で使用されている横スクロールのスクリプトを使ってみたかったのでAboutページを一新しました。スクリプトはjQuery ベースのCoda-Slider 2.0を使用しています。なんとな～く、ええ感じに出来上がったので公開してみましょう。
シンプルかつ高機能な jQuery を使ったプラグインのまとめ
基本、あまり動的な要素を取り入れるのは好きではないのですが、サイトのユーザビリティを高めるという点では必要不可欠になりつつあるスクリプトの利用。その中でもjQueryは動作が軽く、ひとつのプラグインでいろんなことが出来るので使いやすいですね。
jQuery を使ったパララックス効果 jParallax
画像を水平や垂直に移動させることによって奥行き感を出すのをパララックス効果と呼びますが、これをWebデザインで実装してみようってことで、以前のテーマでスタイルシートを使ったパララックス効果を使ってみましたが、今回はjQueryを使ったパララックス効果jParallaxに挑戦。jQueryを使うだけあって、とても動きが滑らかです。
jQueryを使ったスムーズな動きのタブスイッチ
先日『jQueryを使ったスムーズで美しいイメージスィッチャー』で紹介したHieuUKから今度はjQueryを使ったスムーズな動きをするタブスイッチが公開されています。
jQueryを使ったスムーズで美しいイメージスィッチャー
ほんまjQueryの活用範囲はとどまるところを知らないって感じ。なんせ、フェードとかのスムーズな動きはこれまでJavascriptとは違って上手く出来てるし、動作が軽いのもええ点です。
jQuery を使ったシンプルなスライドショー
仕事でスライドショーを設置してほしいという依頼があって、はじめフラッシュでとの要望があったのですが、すでに2つもフラッシュが組み込まれているページだったため今回はjQueryを使ったスライドショーを使ってみることにしました。
Featured post
子供の頃から大好きだった不思議の国のアリス。ジョン・テニエルによるオリジナル挿絵はあまりにも有名です。その挿絵をフォトショップ用のブラシにしました。マザーグースや世界の逸話をパロディにした楽しくて不思議な話にぴったりのイラストです。
My photobook
Nutspress on Tumblr
We heart it!
I get my scraps from
Nutspress は Osaru こと Yoshiko U. が集めた情報を個人の覚書として始めたサイトです。かなり実験的なことをやっているので、見づらい部分であるとかバグとかがたくさん潜んでいます。
ブログだけでなく、デジタルスクラップブック用の素材なんかも置いてありますので、よければ見ていってくださいね。ウェブや印刷物にも使えますよ。
Copyright 2004-2010 Nutspress. All right reserved. Design and Produce by Yoshiko. powered by Wordpress.