Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
hamaさんがTwitterで、IE6を使って閲覧すると右上に『アナログ』って出るようにしようぜ。って言ってたので、CSS HappyLifeでやってみた。 ボクが出来る2008年最後の大仕事でした。えぇ。使いたい方は是非是非。ちなみに、ボクが使った画像はコレです。自分のモニタで出るやつを参考にし... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Tomasz Goclikから、ウェブサイトでよく使用するサイトマップ、検索、コンタクト、ショッピングカート、アローなどが揃っている、シンプルなピクトグラムのミニアイコンを紹介します。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]画像を使用しないで角丸を実装するスクリプト -jQuery Corners | コリス](/thumbnail/222306.png)
submit, buttonを角丸にしたデモ対応ブラウザは、IE6+, Fx2+, Op9+, Safari2+, Chrome, iPhoneとなっています。オプションでは、角丸のサイズ、アンチエイリアスの有無、角丸を適用するコーナーの指定などができます。 スクリプトはjQueryのプラグインの... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
48 Snow, Ice, Snowflake and Christmas Brushes | 1stwebdesigner Soon the Christmas time will come雪、氷などクリスマスに使えそうなブラシ集。 次のようなブラシが公開されています。 クリスマスのパンフレット... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]設置も簡単なテーブルのデータをソートする超軽量のスクリプト | コリス](/thumbnail/216846.png)
leigeberから、既存のテーブルにも簡単に設置できる、データをソートする超軽量（1.7KB）のスクリプトを紹介します。 jQueryやPrototypeなど他のスクリプトは必要ありません。JavaScript Table Sorter demo動作確認ブラウザは、IE 6/7/8, Fx2/3... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]わずか1.3KBの軽量で、快適に動作するアコーディオンのスクリプト | コリス](/thumbnail/209366.png)
Leigeberのエントリーから、以前紹介した「軽量でシンプルなアコーディオンのスクリプト」より更に軽量（1.3KB）になったアコーディオンのスクリプトを紹介します。Animated JavaScript Accordion V2 demoAccordion V2はjQueryやPrototype... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]高さの異なるカラムを揃えるスクリプト -equalHeights.js | コリス](/thumbnail/206603.png)
Setting Equal Heights with jQuery
デモ
使用方法は、スクリプトを外部スクリプトとして指定し、高さを揃えたいカラムすべてを内包するdivを記述します。
そのdivのidをスクリプトに記述します。デモでは「id="equalize"」を指定しています。
$(fun... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
deviantARTから、シンプルなもの手書き風やグラフィティ風や立体的なものなど、いろいろなデザインの矢印のPhotoshopのブラシを紹介します。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
pantone fashion color report fall 2008左から順にBlue IrisCMYK 75 58 2 0Royal LiacCMYK 66 77 0 0Shady GladeCMYK 98 19 68 7Caribbean SeaCMYK 100 17 26 3Auro... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]ナビゲーションの背景画像をアニメーションさせるスクリプト | コリス](/thumbnail/195048.png)
Snook.caのエントリーから、「ナビゲーション画像にアニメーションのエフェクトをつける -CSS Sprite2」のように、ナビゲーションの背景画像にさまざまなアニメーション効果つけるスクリプトを紹介します。 Using jQuery for Background Image Animatio... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
woorkのエントリーから、ペンで書いたような、10個の手書きのフォントを紹介します。10 Handwritten fonts you can't miss上記サイトからもダウンロードが可能ですが、dafontや1001 Free Fontsに同じフォントがあったのでそのリンクを追記しました。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ネタ帳は、売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタに使えるエントリを書いています。はじめに 基本原則として、個人、商用で使えるフォントもご紹介いたしますが、転売はしてはいけません。 フリーだからといって、作品を販売する事まで許可されているサイトは今回紹介する... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
こんにちは。Windowsの最大の発明はゴミ箱の標準装備だと思っている亀本です。 追記：Mac信者の某氏にゴミ箱はWindowsの発明じゃないと突っ込まれてしまいました。すみません 昨日はグリーさんのオープンソース勉強会に参加してきました。 今回の講師はDeNAの川崎さんで、わりとモバイル屋さんな... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Flash menu builderは、簡単にドロップダウンやアコーディオンなどFlashのナビゲーションが作成できるオンラインサービスです。 ラベルには日本語も使用できます。 Flash menu builder [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Firefox 3の「スマートブックマーク」を使いこなそう！ June 26, 2008 3:24 PM written by Gen TaguchiさてFirefox 3を導入された方も多いかと思いますが、新機能のうちの一つに「スマートブックマーク」があります。この機能、条件を付けておけばダイナ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Track Back URITrack Back [1]新規でサイトを作るのに使わせてもらった一式頸城建設不動農産部サイトは、CSS HappyLife：新規でサイトを作るのに使えそうなの一式。を使わせてもらい、構築しました。この一式...by 仕事にヒント｜2008年06月05日（木） [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
2XGU.NETからダウンロードできる、光源、光線、光跡を表現するPhotoshopのブラシを紹介します。2XGU.NET - Download [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
前回は、『Scriptを使わないCSSエフェクト、Tipsいろいろ』をご紹介いたしました。
今回は、逆にjQueryを使ったサンプル集です。なるべく簡単に使えそうな、プラグインを中心にまとめてみました。
Lightbox, Modal Window関連
jQuery lightBox plugin... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Free web 2.0 RSS iconsダウンロードできる画像は、ico, .icns, .tif, .gif, .bmp, .pngとなっており、RSSはPSDファイルもダウンロードできます。Post on:2008年4月23日 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
フリーソフトで、「なくても作業できるけど、あるとすごく便利」なものを教えてください。 ユーザーの対象はPC初心者です。 たとえば、クリップボードの履歴を取って、以前にコピーしたものもペーストできる、みたいなソフトがありますが、これなどは、Windowsデフォルトの機能にはありませんが、初心者でもか... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
