素敵なインテリア・雑貨が見つかる情報サイト7選 – creamu
最近の、素敵なインテリア・雑貨が見つかる情報サイトです。 TABROOM リクルートの運営する、国内最大級家具サイト Sumally 持っているものやほしいものをシェアできるSumally Pinterest – interior 素敵な画像をPinPinできるPinterestでキーワード検索 Fancy ちょっと変わったものが見つかるFancy MONOCO アクセサリーのセレクトショップ、MONOCO STYLE4 Decor sumitoさんが最近リリースした、インテリア好きのためのウェブマガジン インテリアの街 OTOさんの運営する老舗サイト 追記：April 21, 2014 hazatさんの運営する、インテリアハックもおすすめです。 http://www.interiorhacks.com/
デザイン・アート系の本が手に入る書店集 – creamu
デザイン・アート系の本が手に入る書店をまとめておきます。 代官山にある蔦屋書店。スタバが併設されていて、コーヒーを飲みながら本を選ぶことができます。とてもいい空間 limArtが代々木villageにオープンしたPOST。出版社をフィーチャーして時期ごとに本がセレクトされています 恵比寿にあるlimArt。アートイベントなども開催されています 先日ローンチしたオンライン古書店、nostos books。デザイン、アート、写真、文学、エッセイなどの古本が扱われています。ソートの動きがスムーズで使いやすいサイト 代官山にあったhacknet。残念ながら2011年5月8日にクローズしてしまいましたが、オンラインに注力しているようです。代官山店は片山正通さんによるインテリアデザインで、とてもいい場所でした
ログインフォームとサインアップフォームを一体化するテクニック – creamu
Leah Culver’s Blogで、ログインフォームとサインアップフォームを一体化するテクニックが紹介されています。 ↑の画像を見てもらうとわかるんですが、 メールアドレス（ユーザー名）とパスワードは共通 「I have an account」にチェックを入れると「Log in」ボタンに切り替わり、パスワード忘れのリンクを表示 「I’m new!」にチェックを入れると「Sign up!」ボタンに切り替わり、利用規約へのリンクを表示 といった仕組みになっています。 ログインフォームとサインアップフォームを分けなくていいので、シンプルで使いやすそうですね。 参考に、HurlとAmazonの例が載っています。見てみると、確かにAmazonもこういうインターフェースになっていることに気づきますね。 フォーム作成の参考にしてみてはいかがでしょうか？ Log in or sign up? 昨日はま
素晴らしいHTMLメールテンプレート配布サイト – creamu
HONGKIATで、素晴らしいHTMLメールテンプレートがまとまっています。 ざっといくつかご紹介。 Campaign Monitor – 30 FREE HTML Newsletter Templates OutlookやThunderbird、Gmaiといった多くのメジャークライアント、Webメールでテストされたテンプレート集 Carbon Graffiti – 10 Free email marketing templates デザインに優れたテンプレート。シンプルなものから凝ったものまで Download PDFなどをダウンロードするリンクのあるテンプレート Welcome サービス登録時のサンクスメールに使えるテンプレート Blog Newsletter ブログをニュースレター形式で配信できるテンプレート。読者との関係作りに Malibu セール情報などをプロモーションする用のテ
WordPressのコーディングテクニック10 – creamu
Smashing Magazineで、WordPressのコーディングテクニックが紹介されています。 これは自分的にもタイムリー。ざっとご紹介しますね。 エントリーごとのスタイルを変える post_class()を使って、「.henry」「.sticky」「.category-tutorials」「.tag-wordpress」といったクラスにCSSを指定できるようにする。post IDでは例えば「#post-876{} 」にCSSを適用できる 関連するエントリーをサムネイル付きで表示する PHPの画像リサイズスクリプトであるTimbThumbを使って、画像を40 x 40pxにリサイズ トップページの見せ方を変える 新着3件のエントリーを、他と違ったデザインで見せるテクニック 複数のループを使う WPの標準機能である「rewind_posts()」を使って、1番目のループをリセットし、2
使えるユーザビリティーガイドライン10 – creamu
遅いエントリーですが、Smashing Magazineで使えるユーザビリティーガイドラインがまとまっています。 ざっとご紹介しますね。 1. フォームのラベルはフィールドの上がベスト study by UX Mattersによると、フォームのラベルはフィールドの上が理想的とのこと。多くのフォームで、ラベルはフィールドの左に置かれ、2カラムのレイアウトになっている。いいデザインだが、最も使いやすいレイアウトとは言えない。なぜなら、フォームは一般的に垂直方向に並んでおり、ユーザーは上から下に向かって入力していく。ユーザーは視線を下の方向に向けていくのだ。そのため、ラベルが左にあるよりも、同じ方向にある方が認識しやすい。 2. ユーザーの視線は人の顔に向く Webページを見るとき、人の顔や目に視線が行く。マーケッターにとっては、注目を集める有効なテクニック。ユーザーは画像の中の人の視線が向いて
素晴らしいjQueryチュートリアル集 – creamu
AjaxLineで、素晴らしいjQueryチュートリアルがまとまっています。 ざっといくつかご紹介。 » Animated Menu Using jQuery jQueryを使ったアニメーションするメニュー » How to create tab with JavaScript シンプルなタブ切り替えコンテンツの作り方 » Animated Navigation with CSS & jQuery マウスオーバー時にくるっくるっと切り替わるかっこいいメニュー » 5 Sliding Content Techniques, Examples & jQuery How to’s 画像をスライドで切り替える超クールなテクニック » jQuery FAQs: Scroll To and Highlight Tutorial ページ内リンクのスクロール後、対象のコンテンツをハイライトしてくれる »
次のグランジデザインに使えるフォント32 – creamu
Spyre Studiosというサイトで、グランジフォントがたくさん紹介されています。 ざっといくつかご紹介。 ↑はJamaistevie。 Fail Bruised Insert Your Name Here Cocaine Sans リンク先はdafont.comになっていますね。「Free for personal use」等記述があるので見てみてください。 » 32 Trashy And Distorted Fonts For Your Next Grungy Design 昨日はばたばたしていてブログ書けなかった。。すんまへんm(_ _)m挽回します。 SOHO環境がだいぶ整ったぞ。かなりいい感じになってきた。
jQueryをうまく使ったクールなポートフォリオサイト25 – creamu
CreativityDenというサイトで、jQueryをうまく使ったクールなポートフォリオサイトがたくさん紹介されています。 いくつかご紹介しますね。 » webalon jQueryを使って画像を水平方向にスクロールしているWebalonのサイト » metalabdesign マウスオーバーでさりげなくフェードイン&アウトするグローバルメニュー » brynnshepherd ”about me”タブをクリックすると、スライドして現れるコンテンツ » jp3design マウスオーバーすると、ふわっと浮き上がって落ちる時も滑らかなグローバルメニュー » cpeople スライディングパネルとスクローラーをクールに使ったCPeopleのサイト その他のリストは以下からどうぞ。 » 25 Portfolio Sites Using jQuery Amazingly Well pdfがcom
デザインのフィードバックが得られるサイト10 – creamu
Inspired Magazineというサイトで、デザインのフィードバックが得られるサイトが紹介されています。 ざっといくつかご紹介。 » Five Second Test シンプルで無料のオンラインユーザビリティーテスト。↑のキャプチャはこちら » Design Critique サイトのデザインに関してtweetしている » QBN デザインについての議論ができるコミュニティーサイト » Usabilla 5分でサイトについてビジュアルフィードバックを得られるサイト » Feedback Army 10ドルでデザインについての質問ができるサイト その他のリストは以下からどうぞ。 » 10 Excellent Services To Get Feedback For Your Design Works ガンダムなう。ってエントリー途中で上げてしまってた！ガンダムの横で修正したお(`･ω･
サイトをかっこよくする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スプライトでロールオーバーボタンを実装 結構いい感じのがそろっていますね
便利なPhotoshopのカスタムシェイプ30+ – creamu
Naldz Graphicsで、便利なPhotoshopのカスタムシェイプがまとまっています。 ざっといくつかご紹介。 ↑はCustom Shape Mix。 People Silhouettes Live Trees Custom Shapes Pack v. 1.1 Splats N Drips_Custom Shapes deviantArtなどにリンクしているので、ライセンスについてはリンク先を確認してください。 » 30+ Useful Photoshop Custom Shapes Set おれは寝ないで何をしてるんだろうか。。ちょい時間ができたのでブログ書きまくり中ーー。iPhoneやっぱほしくなってきた！
PSDからHTML/CSSを作っていくチュートリアル20+ – creamu
dzineblogで、PSDからHTML/CSSを作っていくチュートリアルが紹介されています。 ざっといくつかご紹介。 ↑はFrom PSD to HTML, Building a Set of Website Designs Step by Step The Design Lab: PSD Conversion Slice and Dice that PSD Converting a Photoshop Mockup: Part Two, Episode One Build a Sleek Portfolio Site from Scratch モックアップの作り方が動画で紹介されていたり、HTML/CSSのソースがダウンロードできたりするので一度見てみてください。 » 20+ Best Tutorials to Convert Psd to Html/CSS Macで使ってたSVN、S
シンプルなjQueryチュートリアルTOP12 – creamu
WebAir blogというブログで、シンプルなjQueryチュートリアルが紹介されています。 ざっとご紹介。 » Amazing Music Player Using Mouse Gestures and Hotkeys XHTMLとjQueryで実装されたミュージックプレーヤー。マウスジェスチャーとホットキーで動作する » FancyBox lightbox系のクールなエフェクト。MITライセンス » Jcrop 画像をトリミングする機能を追加できるjQueryプラグイン » Table Row Checkbox Toggle テーブルの行をクリックすることでチェックボックスにチェックを入れてくれる » AJAX Upload ページ遷移なしのAjaxファイルアップローダー » Scrollable jQueryで実装するクールなスクロールコンテンツ。HTMLを中に含むことができ、水平
illustratorでどんなフォントもスケッチフォントに変える方法 – creamu
vectipsで、クールなTipsが紹介されています。illustratorでどんなフォントもスケッチフォントに変える方法ですね。 ↑みたいなフォントが作れます。 1. テキストツールでテキストを入力 2. 塗りと線をなしにする 3. アピアランスパネルで、新規塗りを追加 黒を選択 4. 効果 > スタイライズ > 落書き で以下のように設定 5. 2ptの黒で線を追加 6. 線を選択した状態で 効果 > パスの変形 > ラフ で以下のように設定 以上ですね。 さらに、1クリックでこの効果が適用できるように、グラフィックスタイルパネルで新規グラフィックスタイル登録しておけば、1発で効果を適用できますね。 詳しくは以下からどうぞ。 » Turn Any Font Into a Sketch Font MacのDockを自動的に隠す設定にしてウィンドウが広くなりました☆表示するの好きだったんだ
ショッピングカートなどのEコマース系アイコンセット30 – creamu
Six Revisionsで、ショッピングカートなどのEコマース系アイコンセットが紹介されています。 ざっといくつかご紹介。 ↑はe-Shop Icons。 Shopping Cart Icon Weby Icons E-Commerce Icon Set ライセンスについてはリンク先を確認してください。 その他のリストは以下からどうぞ。 » 30 High-Quality Icon Sets for E-Commerce Designs 昨日は一日中飲んで寝てたら終わっちゃったぞ遅くなってすんまへんm(_ _)m 海に行く予定だったのになー。くそぅ雨め。
ユーザビリティーに関連するフリーテンプレート – creamu
zef[a]mediaというサイトで、ユーザビリティーに関連するフリーテンプレートが配布されています。 ワイヤーフレームやプロトタイプ、タスクフローなどがPDFやExcel、Visio形式でダウンロードできます。 Since then I’ve had numerous requests from User Experience professionals around the world for copies of my information architecture templates and artefacts. とのことで、このIAのテンプレートをほしいっていうニーズがたくさんあったようですね。 参考にしてみてはいかがでしょうか？ » Free UX Templates 1Q84を買いました。ちょっとだけ読んだぞ。少しずつ読んでいこうっと。
商用でも無料で使えるテクスチャ配布サイトの決定版 – creamu
決定版がまた続いてしまいますが、、すごいサービスなのでご紹介。 Free Stock Texturesでは、↑のようなテクスチャがたくさん配布されています。 Terms of use FreeStockTextures.com are the authors of all the photos available on this site. All textures may be used for both personal and commercial purposes. You may make any derivative work out of them. However you are not allowed to sell or redistribute these textures in an underived form or if the modified product
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryで作るメガメニュー – creamu
ポートフォリオ・フォトログ用のWordPressテーマ14 – creamu