FlashではなくjQueryで！インパクトのあるUIを作ろう (4/5)
最後はスクリプトの組み込み HTMLタグが準備できたら、スクリプトを組み込むだけです。2ページ目で説明したように、今回はWeb上にあるライブラリに直接リンクしています。Query UIのタブを使うには以下の2行を書き加えましょう。 <script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.core.js"></script> <script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.tabs.js"></script> そして、もう1つ。デフォルトのスタイルシートファイルもWeb上にあるものを直接読み込ませます。 <link rel="stylesheet" href="h
JavaScriptで飛び出すWebページへ！
「解像度が低く画面領域が狭いPCでも見やすくページを表示させたい」「すっきりとしたレイアウトに見せたい」――そうした、Webページのコンテンツの表示／非表示を切り替えたいことがある。そんなときには、やはりJavaScriptを使うのが便利。上下・左右にコンテンツを折りたためるようにするJavaScriptライブラリはいくつもあるが、今回はちょっと変わった楽しい演出で表示を切り替えてくれるライブラリを紹介しよう。それが「jQuery pageSlide」だ。 jQuery pageSlideは、jQueryのプラグインとして動作するオープンソース（MITライセンス）のJavaScriptライブラリ。このpageSlideをWebページに組み込むと、特定のリンクをクリックするだけで右側から別のコンテンツがスルッとスライドで飛び出してくるようになる。そのまま左側の領域をクリックすると、今度は左か
JavaScriptライブラリで作るリッチUI（まとめ）
Webサイトを使いやすく、楽しくするリッチなユーザーインターフェイス（UI）。手軽に使えるオープンソースのJavaScript／Ajaxライブラリが充実してきたおかげで、従来はFlashでしかできなかったようなUIが、HTML/CSS＋JavaScriptだけで作れるようになった。 ここに、ASCII.jpで紹介したJavaScriptライブラリの使い方、実際の採用サイトの情報をまとめてみた。ぜひ自分のWebサイトのUI制作の参考にしてみよう。 ※このページは随時更新します Last update：2008年12月18日 JavaScript／Ajaxライブラリ紹介記事
jQueryだけで作る、サムネイル画像を魅力的に見せる方法 (1/5)
普段あまり目にしないようなインパクトのあるサイトを作りたい。そんなときにはいつも見ている日本国内のWebサイトだけでなく、海外サイトに目を向けてみるといいかもしれません。これまでにもこの連載ではいくつかの海外サイトを紹介してきましたが、今回見つけたのはアルゼンチンのWebサイトです。 「Sikker」という名前のサイトは、Webデザイナー・Nicolas Calabreseさんのポートフォリオサイト。1ページのみ、スクロール無しの“1枚絵”のようなごくごく小さなサイトですが、その分、CSSやJavaScriptの小技を効かせて、カッコよく楽しいサイトにデザインされています。今回は、このSikkerをお手本とさせてもらうことにします。 今回のお手本サイト：『Sikker』 アルゼンチンのWebデザイナー、Nicolas Calabreseさんのポートフォリオサイト。グローバルブランドのロゴが
いま一番美しい、JavaScriptが効果的な新サイト
FlashからJavaScriptへ――。ソニーグループのコーポレートサイトがJavaScriptを使って全面リニューアルされるなど（関連記事）、JavaScriptの勢いが感じられた。そんな2008年の年末にまた1つ、注目のWebサイトが国内で誕生していた。「榊田倫之建築設計事務所」のコーポレートサイト（http://www.sakakida.com/）だ。 細かな黒のチェック模様の上に浮かぶ、白いレクタングル。細いサンセリフのフォントで綴られた英文の会社名に、小さなテキストで示されたメニュー。そんなシンプルな榊田倫之建築設計事務所のWebサイトは、無駄な要素を極力削ぎ落とした“最小限”のデザインが印象的なサイト。今年2月に発表された「第4回JWDA WEBデザインアワード」（主催：日本WEBデザイナーズ協会）では、奨励賞に選ばれた。 このサイトの主役は、同サイトのオーナーである建築家・
10分でできるMovable Typeケータイ対応法 (1/2)
「Movable Type」はブログ作成ツールとして幅広く使われていますが、標準では携帯電話用のサイトを作る機能がありません。この点を補完するソフトとしてよく使われているのが「MT4i」です。今回は、このMT4iを使って、Movable Typeで作ったブログを携帯電話へ対応させる方法を紹介します。 Movable Typeのブログ（左の画面）を、MT4iで変換表示した携帯電話向けページの例が右（画面はPC用のブラウザーで表示している）。テキストベースのシンプルなデザインとなり、レイアウトも携帯電話の画面に最適化される MT4iをインストールしてみよう MT4iは、太鉄氏が開発している携帯電話向け変換ツールです。Movable Typeと同じサーバーにMT4iをインストールすると、Movable Typeで運用しているブログを携帯電話から閲覧したり、記事やコメントを投稿できるようになります
あのFlashサイトのUIをjQueryで作る (1/5)
「見た目に美しく、ユーザーに楽しさや心地よさを与えるUIを作りたい」 そう考えたときに参考になるのが、Flashで制作されたWebサイトです。最近では、JavaScriptによるリッチなUIを持つWebサイトも増えてきていますが、長年、さまざまなUIが実験的に生み出されてきたFlashの世界には、まだまだユニークなサイトが多くあります。 たとえば、今回紹介する「ハーズ実験デザイン研究所」のWebサイトは、フルFlashで制作された“楽しい”コーポレートサイトです。同社が手がけてきた過去の作品を、時間の経過とともにゆっくりと切り換えていく様子は、まるで1本の映像作品を見ているよう。メニューのちょっとした動きひとつをとっても、ユーザーを楽しませようという意図が感じられます。 Flashサイトのような美しくて楽しいUIを、JavaScriptでも作れないか――それが今回のテーマです。 今回のお手
2万円で快適デスクトップPC生活を楽しむTips 〜トロいネットブックはサブにしろ！？〜 - キャズムを超えろ！
ML115に中古激安グラボ積んでDDR2満載してRAMディスク活用すれば相当快適、しかも2万円前後。ネットブックブームではあるけど、安さと快適性*1を取るならやっぱりデスクトップだよね、という話。 ML115G5を買う 11000円 http://nttxstore.jp/_II_HP12697443 DDR2メモリを4Gぶん買う 4000円 上海問屋＠楽天とか SoundBlaster 5.1VXを買う 2000円 楽天で1800円 Amazon なら送料込み\1782 中古格安グラフィックカードを買う 2500円 じゃんぱらとか。動画見るならRadeon2400以降がおすすめ WindowsXPを入れ、適当にドライバを入れる BOOT.iniをいじってOSの管理メモリを3Gにする このへん参考。MAXMEM=3072 とする。 RAMディスク利用のためにおまじないをする スタートからフ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
