CSSだけでJavaScriptのような動きを実装するサンプル30 – creamu
96332132, iStockphoto/ Thinkstock CSSでかっこいいUIを実装したい。 そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプル集です。 なかなかいい感じのものが揃っています。 Valid Non-Javascript Lightbox JavaScriptを使わずに、libhtbox系の動きを実装。反応が速くていい感じです Create a Content Slider Using Pure CSS さくさくと切り替わるコンテンツスライダー Pure CSS speech bubbles CSSで作る吹き出し型のデザイン Accordion Using Only CSS CSSを使ったアコーディングメニュー CSS-Only Tabbed
部屋をカッコ良く見せる５つの方法 – creamu
今回、「sumito」さんから記事を提供いただきました。アイテムの置き方を工夫することで、部屋をすっきり見せる方法がまとまっています。インテリア好きの方や部屋がいまいちすっきりしないという方は、ぜひ読んでみてください。 ↑の写真はsumitoさんの部屋のようです。インテリア雑誌、smartにも取材経験がある方で、結構な強者です。見習いたいですね（CREAMU）。 家具の高さに気をつける 目線より高いものを置かないというのが通常はひとつの目安で、出来るだけ低くすると、自然と部屋が広く見えます。 背の高い本棚などは、なるべく入り口近くに置くようにします。そして、入り口から順々に高さが低くなるように家具を配置すると、遠近法で部屋の奥行が強調され、家具それぞれの高さが目立ちにくくなります。 とにかく余計な物を置かない 普段から余計な物を置かないだけでなく、収納の仕方を工夫することが重要です。 取り
デザイナーのための素材検索サイト18 – creamu
デザインに使える or 参考になる素材を探している。 そんなあなたにおすすめなのが、『18 Search Engines For Designers – Creativity Boost』。デザイナーのための素材検索サイト集です。 いくつか便利なサイトがあるのでご紹介します。 IconLet ライセンス情報の記載がある、使いやすいアイコン検索サイト IconLook タグクラウドや人気のアイコンでフィルタリングできるアイコン検索サイト。ライセンス情報の記載がわかりやすい FyFont 画像をアップロードすると、何のフォントかを調べてくれるツール Vectorials ベクターデータのチュートリアルがたくさん見つかるサイト Tutorial Vault Photoshopやillustrator、Flashなどのチュートリアルが見つかるサイト。UIがすっきりしていて探しやすい 一度見てみてく
フッタをブラウザ下部に固定配置する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 今日もいい天気ですね〜。タス
Appleのようなデザインをするためのコーディングチュートリアル15 – creamu
Appleのサイトのような、かっこいいインターフェースを実装したい。 そんなあなたにおすすめなのが、『15 Incredible Apple Webdesign Style Coding Tutorials』。Appleのようなデザインをするためのコーディングチュートリアル集です。 かなりかっこいいのが揃っていますよ。 A Beautiful Apple-style Slideshow Gallery With CSS & jQuery Appleの製品紹介で使われているような、スライドショー。jQueryで動作し、PHPやDBは必要ない Apple style Accordion Menu Appleのサイドバーで使われているような、アコーディオンメニュー How to: Recreate apple.com menubar Appleのグローバルメニューはデザインがよく、ソースも綺麗。
ユーザビリティーを学ぶための20サイト – creamu
Inspired Magazineというサイトで、ユーザビリティーを学ぶための20サイトが紹介されています。 ざっといくつかご紹介。 » UX Booth デザイナー、デベロッパのためになるユーザビリティーレビュー » UX Magazine 記事ごとにいろいろな角度からユーザビリティーに関して考察しているサイト » Usability post いいデザインをするためのTipsや考察 » 456 Berea Street Web標準、アクセシビリティー、ユーザビリティーをテーマに書いているサイト » Boxes & Arrows グラフィックデザイン、インタラクションデザイン、IAなどについて書かれたサイト その他のリストは以下からどうぞ。 » UX Madness – 20 Fantastic Resources For User Experience Know How ぐおー遅くなっ
フリーの写真素材が見つかるサイト30選 – creamu
About.comで、フリーの写真素材が見つかるサイトがまとまっています。 ざっといくつかご紹介。 » Mayang’s Free Textures 3400以上の高解像度のテクスチャ画像。1日に20ダウンロード制限あり » Mayang’s Free Textures 世界中で撮影された7000以上の美しい写真集。個人利用、非商用利用のみ無料 » Stockcache 数百のクオリティの高い写真集。ライセンスはCreative Commons Attribution License。著作権を明記すれば利用可 » Big Foto たくさんの自然の写真。個人利用で無料 » Free Images 2500以上のクオリティの高い写真集。たくさんのカテゴリーから選べる Looking for free images? Here are thirty sites where you can fi
フリーの写真素材が見つかるサイト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
フォントを特定できるサイト7選 – creamu
フォントについてもっと多くのことを知りたい。 そんなあなたにおすすめなのが、『7 Free Tools to Identify A Font』。フォントを特定できるサイト7選だ。 以下にご紹介。 » WhatTheFont 画像をアップロードすると、何のフォントかを調べてくれる » Identifont フォントについての質問に答えていくことでフォントを探せる » Typophile フォントに詳しい人が集まった大きいコミュニティーサイト » Bowfint Printworks フォントに関する質問に答えてフォントを探す。↑のIdentifontと似ている » Typenavigator フォントの形についての質問に答えて検索できる » Typenavigator いろいろな画像で使われているフォントが見つかるflickrのグループプール » Modern Life Blog 有名なサイ
素晴らしいロゴをデザインするための45の法則 | CREAMU
ロゴをデザインしたい。 そんなときにおすすめなのが、『45 Rules for Creating a Great Logo Design』。素晴らしいロゴをデザインするための45の法則だ。 以下にご紹介。 3つ以上の色を使わない。 絶対に必要というわけでないものはすべて除外する。 文字はあなたの祖母でも簡単に読めなければならない。 ロゴとはっきり認識できなければならない。 ロゴにユニークな形やレイアウトを取り入れる。 あなたの親や配偶者がデザインについて思うことを徹底的に無視する。 3人以上の人にロゴが魅力的に見えるかを確認する。 有名なロゴの要素を使ってオリジナルだと主張しない。 どんな場合でもイラスト集を使わない。 ロゴは白黒でもかっこよく見えるべき。 逆さにしても認識できること。 リサイズしても認識できること。 ロゴがアイコンやシンボル、テキストを含む場合、それぞれ良さが引き立つよう
無料で使える紙の素材集 – creamu
紙のテクスチャをデザインに使いたい。 そんなあなたにおすすめなのが、『Free High Resolution Plain and Grunge Paper Textures』。無料で使える紙の素材集だ。 このエントリーでは、↑のような紙の素材が10種類配布されている。2000px程度の高解像度のものが多いので、使い勝手がいいだろう。 種類はプレーンな紙と、グランジ系の紙の2つがある。 ダウンロードは以下から。 » Free High Resolution Plain and Grunge Paper Textures 無料で使える紙の素材集、チェックしてぜひ使ってみてはいかがだろうか。 ■関連記事 » 無料で使える素晴らしい紙の背景&テクスチャ30選『30 Great Free Paper Backgrounds and Textures』 いろいろ制作がはかどってよかったぞと。 「ジェ
CSSであまり使われていないが使った方がいいフォント8選『8 fonts you probably don’t use in css, but should』 – creamu
DiaryTechnology CSSであまり使われていないが使った方がいいフォント8選『8 fonts you probably don’t use in css, but should』 CSSでフォント指定をちょっと凝ってみたい。 そんなあなたにおすすめなのが、『8 fonts you probably don’t use in css, but should』。CSSであまり使われていないが使った方がいいフォント8選だ。 以下にご紹介。 ・Palatino Linotype / Palatino（WINDOWS 97.09% / MAC 78.86%） ・Tahoma（WINDOWS 96.09% / MAC 72.02%） ・Impact（WINDOWS 95.85% / MAC 88.08%） ・Century Gothic（WINDOWS 85.44% / MAC 42.50
かっこいいフリーフォント配布サイト『FontCubes』 – creamu
かっこいいフォントを無料で手に入れたい。 そんなあなたにおすすめなのが、『FontCubes』。かっこいいフリーフォント配布サイトだ。 以下にいくつかご紹介。 Laundromat 1967 The King & Queen font Saginaw Bleeding Cowboys Trashco ほかにもロゴの右にあるカテゴリーからたくさんのフォントを見つけることができる。 かっこいいフリーフォント配布サイト、チェックして使ってみてはいかがだろうか。 夜中サーバにUPしてデザインつめて、とやろうとしたらサーバにモジュールが入っていないらしくストップ。。懸念はしてたんですけどね。今週末になりそうですが、ぜひ楽しみにしていてください。 昨日はご飯もお風呂も済ませて19時くらいから開発してとても楽しい時間でした☆
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
シンプルだけど意味のあるロゴデザイン30 – creamu
同一色相配色のWebデザイン50 – creamu