Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
Webシステムに向いているインターフェース用JavaScriptを排出しているscbr.com。様々なJavaScriptライブラリがあるが、その中から便利なものを２つほど紹介する。dhtmlxTabbar はWindowsXP風のデザインタブを作成するライブラリ、dhtmlxCombo... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
情報をきれいに配置するためのグリッドレイアウトは大事ですよね。その資料がいろいろまとまったサイトでちょっと便利そうな背景画像を紹介されていました。 » Web Page Layout Grid | Smiley Cat Web Design テストの時にはこれを使うと便利かもですね。ス... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
|
『 DED｜Chainを使えば、jQueryの使いやすさそのままに、Yahoo!UILibraryの便利さも享受できる 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Image_Graph - PEAR Open Source PHP OO Graph Rendering Utility PearのImage_Graphのサンプル集。PHPでこんなグラフが書けてしまうのに驚きです。ちなみに、PearのImage_Graphは、先日紹介した、オープンソースのグラ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
オンラインでカラーテーマを作成するサービスとしては、Adobe SystemsがAdobe Labsで公開したkulerを挙げることができる。kulerは同社の提供しているFlex2を活用して開発されたWebサービスで、Flex2でどういったことができるかを実証する、という位置づけにある。Flex... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
WebアプリケーションフレームワークのひとつにOpen-jACOBがある。同プロダクトはEclipse IDEベースの開発プラットフォームも含んだフレームワークで、データベースと連携したインタラクティブなWebアプリケーションを簡単に開発できるという特徴がある。同プロダクトにおいて使われているダイ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
デザインするにあたって，こういった目的をぶらすことなくやり遂げることが大切である上，目的を果たすために考慮しなければならない事柄がいくつかあります。 目的を果たすデザイン（ここでは，Webデザイン）をするために考慮しなければならない事柄 目的を明確にし，ぶれることのないようにする 企画や仕掛けを考... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Sitemap Stylerは、リストで記述した階層構造からCSSとJavaScriptでサイトマップを作成します。 emap Styler: Style your Sitemaps with CSS and Javascript [Css Globe] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
『 GeneratorFavicon.Afavicon（shortforfavoritesicon）,arelitleiconsassociatedwithaparticularwebsiteorwebpage,shownnexttothesitesnameintheURLbarofmostbrows... 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Stu Nicholls | CSSplay | Cross browser flyout menu examples using only css CSSのみでクールな階層メニュー作成サンプル。 次のようなカッコいい階層メニューのサンプルが公開されています。 クールなのでそのままサイトに組み込ん... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
『 WEBデザイナーのための超便利リンク集。Ajax、カラー、CSS、Flash、フォント、無料写真、ジェネレーター、素材、アイコン、インスピレーション、PhotoShopチュートリアル、xhtmlに関するサイトが332もまとまっています。 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
PC Worldが，暇つぶしに見るWebサイトのベスト15を選んでいる。 トップはYouTube。確かにヒマな時に何となく見てしまう。2位のCraigslistは新聞の案内欄のようなもので，ヒマつぶしに良いのかも。他はゲーム系サイトが多い。これらのサイトにアクセスしたい人は，こちらから。 1.Y... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Flashのコンテンツをサイトやブログに設置する際、<object or <embed タグを記述するが意外と面倒であったりする。製作会社などに依頼したFlash形式のバナーなどHTMLコードと共に納入してもらえれば問題ないが、それでも入れ替え作業はHTMLを編集することになる。Flashのオブジ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
RSSフィードでのアクセス数が日々重要になってきている。RSSリンクの表示位置のスタンダードが無いため、サイトによってはわかりにくい場合がある。アイコンを大きくしたり、デザインの良いものに変更するだけでユーザビリティ向上が望める。snap2objects.comでダウンロードできる30色のRSSア... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
画像イメージに鏡面効果を適用する方法を紹介しているのが、script.aculo.us Reflector。prototype.jsとscriptaculous.jsを利用して非常に短いJavaScriptコードを記述するだけで実現できる。prototype.jsをすでに導入している場合、非常に便... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
画像を立体的にするエフェクトJavaScript （Glossy.js）2007年6月21日(木) 08:20イメージを簡単に立体的にすることができるエフェクトJavaScriptがGlossy.js。つやつやの立体的なボタンのようなデザインになる。エフェクトを適用できる画像の最小サイズは16x1... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
既にご存知の方も多い、curvyCorners。アンチエイリアス（anti-aliasing）処理された、角丸コーナーを生成してくれるJavaScript。同様の処理が可能なJavaScriptライブラリは多数存在するが、アンチエイリアス処理まで行うのは少ない。JavaScriptライブラリがdi... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ホームページやブログにプログラムソースを記述する際、プログラムエディタのようにソースコードを配色する事で、読みやすくなる。部分的なコードの解説を行いたい場合など軽量で簡単に利用できるJavaScriptライブラリがCodeHighlighter。<code タグとしてHTML中にプログラムソースを... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
昨日ご紹介した「あらゆるページに拡大鏡を追加できる『Loupe.js』」の高機能版ともいうべきスクリプトをご紹介。 TJPzoomを使えば画像に拡大鏡をつけられる上、マウスドラッグでさらに拡大したり、高解像度の写真を別に用意しておいて拡大時にそっちを表示できたりします。 以下に簡単に使い方をご紹介... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
テキストなどがするすると現れたり消えたりするスライド効果はときどき使いたくなりますよね。ただ、それだけのためにPrototype.jsとかscript.aculo.usを使うのもね・・・という方のためのスライド効果作成講座。 細かいところはコードを見てもらうとして、素敵なスライド効果をシンプルなス... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
