2008年、ウェブのデザイナー・開発者がおさえておきたいデザイン、Photoshop&Illustratorのチュートリアル、ブラシやベクター素材、JavaScript、CSS、WordPress、タイポグラフィ、フォント、素材、リソースなどをnoupeのエントリーから紹介します。 2008 Most Popular Design posts, Tutorials and Resources デザイン関連 Photoshopのチュートリアル関連 Illustratorのチュートリアル関連 Photoshop&Illustratorのブラシやベクター素材 JavaScript関連 WordPress関連 CSS関連 フォント&タイポグラフィ関連 ツール&素材関連 デザイン関連 42 Awesome Business Card Designs 20 Beautiful HDR Pictures

jQuery.popeyeは、省スペースの画像ギャラリーにも最適な画像を拡大表示するlightboxのスクリプトです。 jQuery.popeye - an inline lightbox alternative demo オプションでは、インターフェイスのサイズ、拡大画像の表示方向、イージングのモーション、持続時間などを変更することができます。 スクリプトのオフ時には、スクロールでギャラリーの画像を閲覧することができます。

Google AJAX APIを使うとjQueryをgoogleからダウンロードできます。これを使うと自分でサーバーに配置する場合に比べて以下のようなメリットがあります。 バージョン指定を最後までしないことで最新版を利用できる gzipによる圧縮を自動で行ってくれる（jquery.minだと54.5 KB->16 KBへ） 普及すればネット全体でjQueryをキャッシュできる デメリットとしては以下のような感じでしょうか。 インターネットにつながっていないとライブラリが利用できない（ローカルでの確認時の問題） googleのサーバーが落ちたら困る（ほぼないと思いますが。。） 使い方はhtmlで読み込んでいるscript要素を以下のように書き換えるだけです。 <script type="text/javascript" src="js/jquery-1.2.6.min.js"></scrip

leigeberのエントリーから、スムーズにスクロールするサムネイルから拡大画像を表示する画像ギャラリーのスクリプトを紹介します。 Dynamic Image Gallery and Slideshow デモ slide.jsはjQueryやPrototypeなど他のスクリプトに依存することなく単独で動作するスクリプトで、動作環境はIE6/IE7, FF, Opera and Safariとなっています。 サムネイルはリスト要素となっており、オプションでは「拡大画像の格納場所の指定」「拡大画像の拡張子の設定」「スピード」などを設定することができます。

cube Labo Web標準,Javascript,PHPなどWeb制作に関する覚書を書いています。興味を持った分野について幅広く書いていこうと思います。 リンクにマウスを当てるとリンク先のサムネイルを表示するAjaxライブラリをご紹介します。 »Link Thumbnail とても簡単に導入することができます。 ダウンロード/解凍 arc90 lab : tools : Link Thumbnail ダウンロードしたファイルを解凍します。linkthumbフォルダのarc90_linkthumb.js,linkpic_shadow.gifをアップロードします。 スクリプトファイルの読み込み <script language="JavaScript" type="Text/JavaScript" src="○○○"></script> <style type="text/css" med

Lorem ipsum dolor sit amet Consectetuer adipiscing elit. Curabitur viverra ultrices ante. Aliquam nec lectus. Praesent vitae risus. Aenean vulputate sapien et leo. Nullam euismod tortor id wisi. Sed facilisis, augue in ultrices fringilla, purus nisl euismod nibh, a placerat lacus quam sed elit. Sed purus neque, suscipit vitae, cursus vitae, porttitor non, dui. Mauris volutpat dui vitae sapien. Dui

著作権表示の「年」の修正は忘れがち ページの末尾に著作権表示（Copyright表示）を記載している方々も多いと思います。 たとえば、All Aboutの各ページには、末尾に次のような記載があります。 Copyright © 2001-2006 All About, Inc. All rights reserved. このような著作権表示には、更新年の記載もありますね。 この「年」表記を、古いまま放置していませんか？ ここが古いままだと、最近まったく更新していない「古い情報しかないホームページ」だと思われかねません。 ページ末尾にあって、あまり重要なものではないため、更新をついつい忘れがちです。 そこで今回は、Copyright部分の年表示を現在の日付に合わせて自動更新する方法をご紹介致しましょう。 JavaScriptを用いる方法と、CGI＋SSIで実現する方法が