かっこいい画像オーバーレイ表示スクリプト31 – creamu
画像やswfなどをかっこよくオーバーレイで表示したい。 そんなときにおすすめなのが、『31 mind blowing collection of jQuery light box』。かっこいい画像オーバーレイ表示スクリプト集です。 いいものが揃っているので、いくつかご紹介します。 Milkbox オーバーレイのスライドショーが作成できるMilkbox。swfも読み込めます PrettyPhoto 角丸デザインで、動きも美しいPrettyPhoto。swfやYouTubeなども読み込めます SuckerFish HoverLightbox マウスオーバーで一覧表示されるギャラリーを作成できるSuckerFish HoverLightbox Moo Multibox ヒュイーンと移動して拡大されたり、ぱたっと畳まれて縮小する等、細かい動きを演出したMoo Multibox moo.Playgr
素敵な照明が見つかるインテリアショップ10 – creamu
オシャレな照明がほしい。 そんなあなたにおすすめなインテリアショップ集です。定番系から個性的なデザイン照明を扱うショップまで、幅広く集めてみました。 yamagiwa 定番ですが外せないショップ。有名な名作照明から最新のLED照明まで、幅広く揃っています。店舗（ヤマギワリビナ本館）では、実際の照明イメージを体感出来たりもします LIGHTING FACTORY 人気のスポットライトだけでも選びきれないほどの品数を誇る、照明専門ショップ。照明に関するコラムも充実しています Croix こちらも照明専門のオンラインショップ。少し変わった電球なども手に入るのが特徴です DICLASSE オリジナルのデザイン照明を数多く販売している照明メーカー（ブランド）のショップ。個性体な照明を探したい人におすすめ TOYO KITCHEN センスの良いセレクトで有名なトーヨーキッチンのショップ。「UTO」など
クオリティーの高いフリーのXHTML/CSSテンプレート30 – creamu
サイトをさっと作りたい。 そんなときにおすすめなのが、『30 Latest High-Quality Free (X)HTML/CSS Templates Must See Now』。クオリティーの高いフリーのXHTML/CSSテンプレート集です。 いい感じのものが揃っています。 Urban Gear スライドショーのある、ECサイトのデザイン Ornare サムネイル付きのスライドショーのある、すっきりとしたサイトデザイン My Porfolio ポートフォリオに使えるデザインテンプレート Megan シンプルなタイポグラフィーデザイン Cantya ビジュアルにイラストをうまく使った、見やすいレイアウト PSDファイルが含まれているものもあるので、ぜひ見てみてください。 30 Latest High-Quality Free (X)HTML/CSS Templates Must See
フッタをブラウザ下部に固定配置するCSSテクニック – creamu
フッタをブラウザ下部に固定配置したい。 そんなときにおすすめなのが、『cleanstickyfooter』。フッタをブラウザ下部に固定配置するCSSテクニックです。 IE6とそれ以前のブラウザ用に、ハックは1つしか使っていないとのこと。min-heightの部分のハックのようですね。 ほかには同様のテクニックに以下のものがありますが、前者はwidth:100%のフッタには対応していないようです。 CSS Sticky Footer ブラウザの下部にフッターを固定表示する『CSS Sticky Footer』 対応ブラウザは以下の通り。 ・Firefox (2, 3, 3.5) ・Internet Explorer (6, 7, 8) ・Safari ・Opera ・Google Crome ぜひ使ってみてはいかがでしょうか？ cleanstickyfooter 今日もいい天気ですね〜。タス
紙芝居のようなスライドショーを実装するjQueryプラグイン – creamu
ちょっと変わったスライドショーを実装したい。 そんなときにおすすめなのが、『sexyCycle image jQuery plugin』。紙芝居のようなスライドショーを実装するjQueryプラグインです。 画像をクリックすると、横にすっすっとスライドしますね。加速減速する動きが繊細で、なかなか気持ちいいです。 スピードを変えられたり、自動でループするようにも設定できるようですね。 ソースがダウンロードできるので、一度見てみてください。 sexyCycle image jQuery plugin また徹夜してしまった。今日も、というより今週ずっと山場なのでがんばらなくては。
ツールチップ表示に使えるかっこいいスクリプト35 – creamu
VANDELAY DESIGNで、ツールチップ表示に使えるかっこいいスクリプトがまとまっています。 かっこいいものが揃っていますね。 Prototip 2 Prototypeを使って、シンプルなものや手の込んだツールチップを作成 Coda Popup Bubbles Codaで使われているような、ふわっと浮き上がるポップアップバブル Easiest Tooltip and Image Preview サムネイルにマウスオーバーすると、拡大画像を表示 Easy Tooltip jQuery Plugin タイトル属性をデザインしてフェードイン効果を与えられる Tooltip to Forms フォーム要素がフォーカスされたときにツールチップを表示 その他もいろいろかっこいいので、ぜひ見てみてください。 35 Useful Scripts for Tooltips 昨日はいろいろといいことがあ
リアルタイムにバリデートしてくれるクールなJavaScript – creamu
Validatious2.0という、リアルタイムにバリデートしてくれるクールなJavaScriptを見つけました。 emailを必須にしたい場合、以下のようにシンプルな書き方でバリデートすることができるようです。
テーブル周りの素晴らしいjQueryプラグイン30 – creamu
jQuery Wisdomというサイトで、テーブル周りの素晴らしいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 graphTable: graph data from HTML table using flot HTMLのテーブルデータからグラフを作ってくれる tableRowCheckboxToggle jQuery Plugin 行をクリックすることでチェックボックスのオンオフを切り替えられるようにするプラグイン UI Table Edit jQuery Plugin セルをクリックすることで編集可能にするプラグイン Colorize – jQuery Table Plugin マウスオーバーした列の背景をカラーリングしてくれる Animated Sortable Data Table jQuery plugin – jTPS テーブルにページネーションやソート機
Webデザイナーのためのオープンソース – creamu
cometdocsというサイトで、Webデザイナーのためのオープンソースがたくさん紹介されています。 いくつかご紹介しますね。 Open Web design.org フリーのデザインテンプレートがダウンロードできるコミュニティーサイト Open Design Community 1,000を超えるXHTML/CSSテンプレートを提供しているサイト Flash Village Flashのテンプレートがダウンロードでき、商用でも無料で利用できる Template Yes フルFlashサイトのテンプレートなどが無料でダウンロードできる Blogging Themes ブログのテンプレートを配布しているサイト その他にもたくさんのオープンソースやツールが紹介されています。 一度見てみてください。 The Open Source Toolbox For WebDesigners 諸々進めるぞ。
サイトを魅力的にするjQuery10+ – creamu
cats who codeで、サイトを魅力的にするjQueryがいろいろ紹介されています。 いくつかご紹介。 Easy Display Switch with CSS and jQuery ボタンクリックでリスト表示とカラム表示を切り替えられる Turn any webform into a powerful wizard with jQuery 長くて退屈なフォームを、ウィザード形式でStep1〜3のように分けられる Beautiful tag clouds with jQuery and flir タグクラウドをかっこよく見せてくれる Twitter-like login panel using jQuery Twitterライクなログインパネル。↑のキャプチャはこちら Disappearing “Scroll to top” link with jQuery and CSS ページが
知っておきたい使えるCSSテクニック25 – creamu
Web Developer plusで、知っておきたい使えるCSSテクニックが紹介されています。 いくつかご紹介しますね。 ・テキストハイライト時の色を変更する SafariやFirefoxでテキストを選択した時の色を変更できる。コードサンプルは以下 ::selection{ /* Safari and Opera */ background:#c3effd; color:#000; } ::-moz-selection{ /* Firefox */ background:#c3effd; color:#000; } ・プリント時にページを指定箇所で分割する 以下のクラスを指定することで印刷時のページを分割できる .page-break{ page-break-before:always; } ・テキストの代わりに画像を表示する よく見られるSEOテクニック。ユーザーには画像を見せ、検索エ
サイトをかっこよくするCSSテクニック10 – creamu
WEB HOSTINGというサイトで、サイトをかっこよくするCSSテクニックが紹介されています。 ざっといくつかご紹介。 » Image gallery with hover box preview 画像マウスオーバー時に拡大表示してくれる » Alert Box シンプルでクールなアラートメッセージデザイン » CSS Sliding Sprite Window CSSスプライトで背景画像をクールに切り替える » Gradient text effect using CSS purely CSSを使ってテキストにグラデーションをつける » Creating a sliding image gallery 水平・垂直方向のスライドするイメージギャラリー » CSS rollover buttons JSを使わずにCSSスプライトでロールオーバーボタンを実装 結構いい感じのがそろっていますね
illustratorでどんなフォントもスケッチフォントに変える方法 – creamu
vectipsで、クールなTipsが紹介されています。illustratorでどんなフォントもスケッチフォントに変える方法ですね。 ↑みたいなフォントが作れます。 1. テキストツールでテキストを入力 2. 塗りと線をなしにする 3. アピアランスパネルで、新規塗りを追加 黒を選択 4. 効果 > スタイライズ > 落書き で以下のように設定 5. 2ptの黒で線を追加 6. 線を選択した状態で 効果 > パスの変形 > ラフ で以下のように設定 以上ですね。 さらに、1クリックでこの効果が適用できるように、グラフィックスタイルパネルで新規グラフィックスタイル登録しておけば、1発で効果を適用できますね。 詳しくは以下からどうぞ。 » Turn Any Font Into a Sketch Font MacのDockを自動的に隠す設定にしてウィンドウが広くなりました☆表示するの好きだったんだ
これからのデザインのためのアイコンセット50 – creamu
Smashing Magazineで、これからのデザインのためのアイコンセットがたくさん紹介されています。 ざっといくつかご紹介。 ↑はChalkwork HTML Royalty-free Icons。 個人利用・商用利用ともに無料 On Stage Icons Set フリーのベクターアイコン49。psdファイルつき。個人利用・商用利用ともに無料 Coquette 4 Icons Set 角丸でカラフルなクオリティーの高いアイコンが50個 Coquette 5 Icons Set 32bit、透過PNGのかわいいアイコンが50個 Chalkwork Payments (Free) Icons Eコマース系のアイコン集。個人利用・商用利用ともに無料 Finance Icons Set 個人利用・商用利用ともに無料だがサイトへのリンクが必要 Free Vector Icons Pack 0
WordPressをこじゃれたものにするためのテクニック10 – creamu
devSnippetsで、WordPressをこじゃれたものにするためのテクニックが紹介されています。 ざっといくつかご紹介。 » Implement a Nice & Clean jQuery Sliding Panel in WordPress 2.7+ ログインパネルをスライディングパネルにして短いWelcomメッセージを表示 » jBreadCrumb パンくず要素が長すぎる場合にスマートに折り畳んでくれる » Sliding Boxes and Captions with jQuery マウスオーバーするとスライドして画像が切り替わるインターフェース » Fantastic News Ticker Newsvine-like using Mootools mootoolsを使って縦にスクロールするニュースティッカー » J Post Slider 画像をローテーションしたりして記
JSでモーダルウィンドウを実装する方法20+ – creamu
「DESIGN LABEL」で、JSでモーダルウィンドウやダイアログボックスを実装する方法がたくさん紹介されています。 ざっといくつかご紹介。 » Prototype Window prototypeフレームワークをベースにしたjavascript » Simple Modal いろいろなタイプのモーダルダイアログボックスを作るjQueryベースのプラグイン » Moodalbox Ajaxで外部コンテンツを表示する。mootoolsを使用 » jqModal マルチモーダルダイアログ（モーダルの中にモーダル）が可能なjQueryプラグイン » Lightwindow pdf、flash、QuickTimeなどのファイルをJSダイアログボックスで開ける » Facebox 画像やdiv、ページ全体を表示するためのFacebookスタイルのlightbox クールなインターフェースが揃ってい
フリーの写真素材が見つかるサイト30+ – creamu
「SitePoint」でフリーの写真素材サイトが紹介されています。 ざっといくつかご紹介。 » stock.xchng 超定番ですね。パレートの法則的にはほぼここだけでいいのでは » morgueFILE 200,000を超えるフリー画像 » Unprofound.com 色でソート可能な素材サイト » Photoeverywhere UKでの旅やレジャータイムを中心とした3,000を超える写真いろいろ » STUDIO7DESIGNS Free Stock Photography 高解像度の自然の写真素材 » FreePhotos.com 4,600以上の素材集。検索ができ、カテゴリーからも探しやすい » AarinFreePhoto.com ユーザー登録なしで利用可能。950以上の素材いろいろ その他のリストは以下からどうぞ。 » A Collection of 30+ Free St
jQueryでiCalライクなカレンダーを作るチュートリアル – creamu
jQueryでクールなカレンダーを作りたい。 そんなときにおすすめなのが、『Create astonishing iCal-like calendars with jQuery』。jQueryでiCalライクなカレンダーを作るチュートリアルだ。 このエントリーでは、↑のようなカレンダーの作り方が紹介されている。マウスオーバーするとふわっとポップアップするツールチップテキストつきだ。 ソースファイルもダウンロードできるので見てみてほしい。 デモは以下から。 View the online Demo! jQueryでiCalライクなカレンダーを作るチュートリアル、チェックして参考にしてみてはいかがだろうか。 Create astonishing iCal-like calendars with jQuery 天気がよくて気持ちいいですねー。 先日買った雑誌を読んでいます。「Casa」はまた紙面
無料で使えるCSSのテンプレート配布サイト8選 – creamu
CSSのテンプレートでサイトやページをさくっと作りたい。 そんなときにおすすめなのが、『CSS Tools: Free Templates』。無料で使えるCSSのテンプレート配布サイト8選だ。 以下にご紹介。 » FreeCSStemplates.org » Free-CSS-Templates.com » FreeWebTemplates.com » FreeCssTemplates.com » CSScreme.com » TemplateWorld.com » DreamTemplate.com » Free-CSS.com 元記事は以下から。 » CSS Tools: Free Templates 無料で使えるCSSのテンプレート配布サイト、チェックしてぜひ使ってみてはいかがだろうか。 「秦基博」のCDを借りてきた。彼の声はとてもいい。ギターもかっこよくて、斉藤和義に次ぐお気に入り
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSで折れ線グラフを作る『Pure Css Line Graph』 – creamu