Home > デザイン関連 > ウェブデザイン Archive
ウェブデザイン Archive
ページ内をスムーズスクロールさせる正規の方法
スムーズスクロールは格好いいけど・・・
ホームページの1ページが縦長になってしまう場合、ページ内リンクを設置して、より情報を探しやすくする手法はよく用いられますね。単なるページ内リンクをするだけなら誰でも簡単に導入できるわけですが、ちょっとでも格好良く見せたいところです。そこで、良く使われるのがJqueryと「smooth.pack.js」を使ったスムーズスクロールの方法があるわけです。
スムーズスクロール「smooth.pack.js」の問題点
スムーズスクロールを実現するのに、あちこちのサイトでよく使われているのが「smooth.pack.js」というものだと思いますが、実はこの方法にはちょっと問題があります。このスクリプトでは、nameタグを使用してページ内の任意の位置にスクロールさせるわけですが、この方法では、現在のホームページ作成に求められる「ウェブ標準」の仕様に反する手法になっています。ウェブ標準ではXHTMLでコーディングするんですが、XHTMLではname属性だけのアンカーは使えないんですね(厳密には推奨されていないというべきか・・・)。
そこで取られてきた方法として、アンカーに以下のように記述する方法があります。
<a name=”top” id=”top”></a>
しかし、どうもスマートじゃないですね~。実際には推奨されていないname属性も使われているわけだし・・・。
ウェブ標準に準拠したXHTML対応版スムーズスクロール
そこで、あちこちググって探し回ってみたところ、「smooth.pack.js」の変わりになるものを見つけました。
http://coliss.comに「Page Scroller ver.3」なるものがあり、このスクリプトではid属性を使用してスムーズスクロールを実現できます。これにより、XHTMLにも準拠した正規の記述方法でページ内リンクをスムーズスクロールさせることが可能になります。
設置方法は簡単で、ヘッダー内に「Jquery」と「page-scroller.js」を読み込むためのタグを挿入するだけです。みなさんも是非使ってみてください。
★Jquery関連オススメBook
- Comments: 0
- Trackbacks: 0
WordPressで使えるカートプラグインはないのか?
- 2009-02-25 (水)
- IT技術・サービス | Windowsカスタマイズ | WordPress関連情報 | ウェブデザイン | デザイン関連
WordPress用ショッピングカートプラグインの検証
今、私が構築しているサイトはWordPressを使ってCMSを構築しているんだけど、今回のサイトでは、ショッピングカートも導入する予定です。で、できれば、WordPressの中で手軽に動かせるようなショッピングカートのプラグインなんかを使いたいところだけど、テスト用サイトでいろいろ試した結果、現在のプラグインではちょっと使えないな・・・という私的な率直な感想。
ということで、今回検証したのは以下の3つのショッピングカート用のプラグイン。
まだ日本語環境で安心して使えるカートプラグインは無い
この3つのプラグイン、すべて外国で作られたプラグインで、日本語の環境で使うことを前提に作られていないというのが難点ですね。2番目の「YAK for WordPress」では、一応、日本語化されたファイルも公開されているということで、試しに使ってみましたが、安心して実用できるかと言われると、ちょっと疑問&不安が残ります。
早々に日本語完全対応のWordPressショッピングカートプラグインの開発を望む
ということで、私的に、今現在は日本の環境でそのまま使えるような、WordPress用のショッピングカートプラグインは存在しないという結論です。これだけWordPressでのCMS運用も広がってきていて、ショッピングカートのニーズもかなりあると思うんですが、未だに対応したプラグインがないというのは、ちょっと残念ですね。かといって、自分で作れる程のプログラミングの知識も持ち合わせていませんので、大きな事は言えませんが。。。(-_-;
どなたか、早々に日本語に対応したWordPress用のショッピングカートプラグインを開発してくださぁ~い!
★WordPress関連オススメ書籍
- Comments: 7
- Trackbacks: 0
カメラマンのプロとアマの違い
- 2009-02-10 (火)
- ウィ・ドックの提供サービス | ウェブデザイン | デザイン関連
カメラマンにプロもアマもない!
私もカメラマンの端くれとして、近年いろいろと活動していますが、プロのカメラマンとして活動していく上で、まず疑問に思うこととして「プロのカメラマンとアマチュアのカメラマンの違いって何?」と率直に思いました。そこで、いろいろとネットで探ってみました。あちこちのサイトでいろんな人が、いろんな意見を述べてますね~!
ということで、その内容をちょっと紹介します。
- お金をもらって撮影するかしないか
- 作品のクオリティはある程度レベルに達しているか
- 豊富な撮影経験
- 撮影時”こだわり”を持って撮影しているか
- お客の望む依頼内容を満たした写真が撮れるか
さて、この中で明確な「プロ」の定義というと、1番目のお金をもらって撮影するかどうかという点。それ以外に関しては、カメラマンの技術や感性に左右されていることから、一概に「これ!」という決まり事はないですね。2~4番も結局は5番目に集約されているような気がしますね。
下手でもなれるプロカメラマン
でも、お客が満足していなくても、プロのカメラマンとして活動している人はたくさんいます。例えば、私は以前、あるホテルに勤務していたことがあるんですが、結婚式のときなど、町のカメラ屋さんが写真撮影するわけですが、「何これ?」みたいな、ろくな写真がないですね。正直、「私の方がずっ~~~っと上手く撮れる!」・・・と思いますヨ。
誰でもなれるプロカメラマン
では、話変わって「プロとアマの違い」とは別に、プロカメラマンになるにはどうすればいいのか、何か決まり事があるのか?あちこち調べた結果、プロカメラマンには資格もないし、これまた明確な定義が存在しない。あなたが名刺に「カメラマン」と一言書けば、はい、カメラマンの一丁上がり!という感じ・・・いいのか、これで?
ということで、私も仕事上、あちこちで写真撮影の依頼を受けるわけで、写真のクオリティは有名プロカメラマンには及ばないものの、素人よりは上手に撮れる自身がある点。また、撮影にはそれなりに時間もかかり、手間も掛かることから、これもサービスの一つとして、お客様に提供していこうと思います。
もし、それなりに綺麗な写真が撮りたいなら、格安で撮影依頼をお受けしますので、是非、ご用命くださいm(_ _)m
★撮影テクニックを磨くためのオススメ本
- Comments: 0
- Trackbacks: 0
ホームページ作成の取材&写真撮影
今日は現在リニューアル中の古澤酒造様のホームページで使用する写真の撮影と取材に行ってきました。撮影はお酒商品、酒造資料館、そば打ち処「紅葉庵」の撮影です。
古澤酒造様は地元の歴史ある酒蔵で、全国的にも有名な銘酒の数々を作っていらっしゃいます。お酒造りの現場を見るのは初めてで、素直に「へぇ~すごいな~」と感じました。また、山形は美味しいそばでも有名で、こちらでは「そば打ち処紅葉庵」で、実際にそば打ちの体験ができ、自分で打ったそばをその場で食べられるという体験観光もできます。
それでは、今回撮影した写真を何点か紹介いたします。
古澤酒造資料館の写真
そば打ち処「紅葉庵」の写真
古澤酒造アクセスマップ
- Comments: 0
- Trackbacks: 0
商工会の100万会員ネットワークの研修会に参加
昨日、当社は定休日だったのですが、河北町商工会のホームページに新たに導入することになった、「100万会員ネットワーク(SHIFT)」の利用にあたっての操作説明などを行う研修会に参加してきました。
私は河北町商工会ホームページ運営管理を代行している者として、また、一商工会会員として参加してきましたが、思ったよりも簡単な操作で情報を登録でき、印象としては結構便利なシステムだなぁ~というのが率直な感想ですね。
一会員として、もっとも便利な機能としては、各商工会のホームページだけでなく、各県の商工会連合会、それに「COMPASS CLUB」という全国対応のホームページにより、リアルタイムで事業所の宣伝ができること。このシステムを上手に活用すれば、いままで以上の構法宣伝効果が得られるのは間違いないでしょうね。私の事業所「ウィ・ドック」でも、大いに活用させていただこうと思います。
商工会の会員になっていて、あなたの所属する商工会で、未だこのシステムが導入されていないのであれば、今すぐ導入するよう、商工会担当者をつっついてくださいね!
- Comments: 0
- Trackbacks: 0
-
« 2012 年 5月 » S M T W T F S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31






![Validate my Atom 1.0 feed [Valid Atom 1.0]](http://blog.we-dok.jp/wp-content/uploads/2008/05/valid-atom.png)


