jQueryモバイルを使ったスマートフォンサイトギャラリー – creamu
「jQuery Mobile Gallery」というサイトで、jQuery Mobileを使ったサイトやアプリがたくさん紹介されています。 スマートフォン用のサイトやアプリの参考に、一度見てみてください。 jQuery Mobile Gallery オフィスのことで頭がいっぱいですが、急に案件が立て込んできたのでがんばります。
とてもシンプルなjQueryのタブコンテンツ – creamu
シンプルなタブ切り替えコンテンツを作りたい。そんなときにおすすめなのが、『Simple jQuery tabs』。とてもシンプルなjQueryのタブコンテンツです。 activeクラスをJavaScriptでaddしたり、removeしたりしているようですね。HTMLも含めて、コードがとてもシンプルになっています。 デモは以下から。 demo ロゴにイラストが使われていてなかなか素敵なブログなので、一度見てみてください。 Simple jQuery tabs 今日から前職で一緒だったフォトグラファー、鞆岡（トモオカ）さんの写真展が開催されています。場所は表参道ヒルズにて。 鞆岡隆史「花木」写真展 花や木のとても綺麗な写真を撮る方です。「写真をうまく撮るにはどうしたらいいですか？」と聞いたら、「教えることはない」ということを教えてくれたトモオカさん。いろいろ質問しても、「そうじゃない」「そう
かっこいいイメージスライダー集 – creamu
クールなスライドショーを実装したい。 そんなときにおすすめなのが、『BEST jQuery Plugins For Image Galleries And Sliders』。かっこいいイメージスライダー集です。 いい感じのものが揃っていますね。 jQuery Content Gallery Plugin サムネイルが自動でスクロールするタイプ CU3ER Image Slider これはすごい！Flashのイメージスライダーです。ソースがダウンロードできて、商用無料 Sliding Image Gallery 奥行きのあるスライダー jQuery Morphing Gallery モーフィング効果が面白いスライダー Creating an Image Slider マウスオーバーすると、すっと画像が切り替わるスライダー スライダーを探している方は、一度見てみてください。 BEST jQue
jQueryを使ったストレッチする背景画像 – creamu
背景に大きくビジュアルを使いたい。 そんなときに参考になるのが、『Image Now』。jQueryを使った、背景画像がストレッチするサイトです。 jquery.backstretch.jsが使われていて、width:1024pxの画像が、ブラウザサイズに合わせて伸縮しますね。Flashサイトでなくてもこれができるのはいい感じ。 画像がランダムに切り替わるんですが、それはfunctionでJavaScriptが書かれています。 デザインも設計もクールなサイトなので、一度見てみてください。 Image Now LADの新作のレザーバッグを購入。前のが破れてしまって新しいのがほしかったので、ちょうどいいのが見つかっていい感じ。ふとボッテガ ヴェネタのも気になって見に行ったんだけど、結構するしまだいいかな、と見送りました。でもデザインも質もものすごくいいですね。 あとFenderロゴ入りの帽子も
布地のパターンファイル20 – creamu
継ぎ目のない布地のパターンを探している。 そんなときにおすすめなのが、『Tileables Pattern Pack #4』。布地のパターンファイル集です。 いい感じのパターンになっていますね。ダウンロードすると、patファイルが入っているので、それを開くとPhotoshopにパターンとして登録されます。 PSDファイルも入っているので、レイヤーごとにどんな布地なのかを確認できます。 テクスチャやパターンを探している方は、一度見てみてください。 Tileables Pattern Pack #4 引越し先が見つかりました。来月引越しなので、それまでにいろいろと進めようと思います。 JAVAプログラマへご応募いただいている皆様、ありがとうございます。ばたばたしていてまだ返信できておりませんが、本日中にご返信いたします。 あと今日は税理士さんと打ち合わせ。数ヶ月分の損益書等を出してもらいました
デザイナーのポートフォリオサイトに使えるフリーアイコンセット – creamu
ノートやペンケース、パレットなどのアイコンを探している。 そんなときにおすすめなのが、『Free Designer’s Portfolio Icon Set (12 High Quality Icons)』。デザイナーのポートフォリオサイトに使えるフリーアイコンセットです。 MediaLootによるデザインとのことで、クオリティーが高いですね。 You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. とのことで、商用でも無料で利
フォーム周りに使えるjQueryプラグイン50 – creamu
フォームをより使いやすくしたい。 そんなときに使えそうなのが、『50 jQuery Plugins for Form Functionality, Validation, Security and Customisation』。フォーム周りに使えるjQueryプラグイン集です。 バリデータやアップローダ、パスワードの安全性チェックなど、いろいろありますね。 jQuery “Highlight” Plugin フォーカスが当たっているフォームに背景画像を敷いて、ハイライトしてくれるプラグイン Autotab: jQuery Auto-Tabbing and Filtering 電話番号などのinputで、自動で次のinputにカーソルを移動してくれる jQuery NobleCount Twitterのような、あと何文字入力できる、を表示してくれる「jQuery NobleCount」 AJ
illustratorでアイコンを作るチュートリアル40 – creamu
98312899/ iStockphoto/ Thinkstock illustratorでアイコンを作りたい。 そんなときにおすすめなのが、『40 Excellent Adobe Illustrator Icon Tutorials』。illustratorでアイコンを作るチュートリアル集です。 かなりクオリティーの高いものが揃っていますね。 Create an Aperture Style Camera Lens Icon Apertureライクなカメラレンズのアイコン How to Create a Shiny Bucket Icon 光沢のあるバケツアイコン Create a Stylized GPS Icon iPhoneアプリに使えそうな、GPSアイコン Tutorial: How to Create a Television Icon かわいい旧式のテレビアイコン How t
Photoshopのカスタムシェイプセット40 – creamu
83329211, Darrin Klimek/ Lifesize/ Thinkstock Photoshopのカスタムシェイプを探している。 そんなときにおすすめなのが、『40 Handy Photoshop Custom Shape Sets: Save Time』。Photoshopのカスタムシェイプ集です。 いい感じのものが揃っていますね。 Flower Shapes 花の形のシェイプ集 Sexy Fashion Models セクシーな女性のシルエット Natural Like Leaves & Bushes 草木のシェイプ集 Photoshop Filmstrip Shapes フィルムの形のシェイプ集 Arrow Symbols Icons いろいろな形の矢印のシェイプ集 使いやすいシェイプを探している方は、一度見てみてください。 40 Handy Photoshop Cus
紙や石、水滴などのフリーテクスチャパック40 – creamu
紙や石などのいい感じのテクスチャを探している。 そんなときにおすすめなのが、『40 Fresh Free Texture Packs』。紙や石、水滴などのフリーテクスチャパック集です。 使いやすそうなのが揃っていますね。 Textures 8 綺麗なぼけ感のあるテクスチャ Designer Texture Pack #1 しわしわの紙やコンクリートなどのテクスチャ Texture set 12 ぼかしや引っ掻き傷が入ったようなテクスチャ画像集 8 Re-Stained Paper Textures 汚れた紙のテクスチャ。商用無料 Droplets – Texture Pack 美しい水滴のテクスチャ集 テクスチャを探している方は一度見てみてください。 40 Fresh Free Texture Packs 複雑な要件がやっと整理できた。一気に進めるぞ。 今日は前前職の人とランチ。起業したよ
アプリケーションデザインに使えるアイコン25 – creamu
アプリケーションのデザインに使えるアイコンを探している。 そんなときにおすすめなのが、『25 Best Icon Sets for Application Design』。アプリケーションデザインに使えるアイコン25集です。 かっこいいのが揃っているのと、商用無料なのもありますね。 ↑はApplication Icon Set。商用無料 Nixus。商用無料 108 Mono Icons。商用無料 ぜひ使ってみてはいかがでしょうか？ 25 Best Icon Sets for Application Design 一つ挽回、と。眠いのでカフェにきて仕切り直し。
ソースをダウンロードできるXHTMLテンプレート61 – creamu
デザイン・コーディングの参考になるサンプルを探している。 そんなときにおすすめなのが、『61 High Quality And Free xHTML Templates Part 2: Year 2010』。ソースをダウンロードできるXHTMLテンプレート集です。 かっこいいものが揃っていますね。 YIW Minimal シンプルなデザイン。スライドショーつき Black & Blue 黒ベースにブルーが映えるデザイン DesignHQ かっちりしていますが、大胆なスライドショーがついているデザイン Digital Web フェードイン&アウトで切り替わるスライドショーがついている、クールなデザイン CleanInterface 適度な余白が美しいデザイン XHTML / CSSのソースがダウンロードできるので、参考にしてみてはいかがでしょうか。JavaScriptファイルなども入っていて
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
見ておきたいFlashサイト60 – creamu
Flashサイトからインスピレーションを得たい。 そんなときにおすすめなのが、『60 Creative Flash Websites You Should Not Miss』。見ておきたいFlashサイト集です。 かっこいいのが揃っているので、いくつかご紹介します。 If Your Milk Carton MoOOos, You Win! ミルクをモチーフにしたかわいいゲーム Case-Mate: I Make My Case iPhoneのケースデザインができるサイト Plate Interactive 遊び心のあるストップモーション IKEA Soft Toys AID IKEAの、ぬいぐるみの売り上げをSave the ChildrenとUNICEFに寄付するプロジェクト Infrared5 コンサルティングファームであるInfrared5のコーポレートサイト。重なった紙が切り替わっ
Photoshopで作るタイポグラフィーチュートリアル集 – creamu
97653441/ iStockphoto/ Thinkstock Photoshopでテキストにかっこいいエフェクトをかけたい。 そんなときに参考になるのが、『70 Photoshop Tutorials For Creating Perfect Typography』。Photoshopで作るタイポグラフィーチュートリアル集です。 かっこいいエフェクトが揃っていますね。 Create a Cool Wet Ink Typography Effect in Photoshop インクが滲んだようなエフェクトをかけるチュートリアル Suspended Text Effect ぶらさがったように見せるタイポグラフィー Photoshop Tutorials: Colorful Light Burst Text 閃光が奥から迫ってくるようなエフェクト Wood Inlay Text 木のオブジ
フリーのXHTML / CSSテンプレート10 | CREAMU
91831729/ iStockphoto/ Thinkstock サイトをさっと作りたい。 そんなときにおすすめなのが、『Top 10 Html/CSS Web Templates Of March 2010 For Free Download』。フリーのXHTML / CSSテンプレート集です。 いい感じのものが揃っています。 Photographer Enterprise Solutions Corporate 使いやすいものが揃っていると思うので、ぜひ見てみてください。 Top 10 Html/CSS Web Templates Of March 2010 For Free Download また遅れてしもうたすんまへんm(_ _)m今日は天気よくて気持ちいいですね〜。 いろいろ詰まっているので進めます。
クオリティーの高いPhotoshopのグラデーションファイル25 – creamu
96124501/ Hemera/ Thinkstock Photoshopのグラデーションファイルを探している。 そんなあなたにおすすめなのが、『25 High Quality Gradient Sets for Photoshop – 750+ Gradients』。クオリティーの高いPhotoshopのグラデーションファイル集です。 いい感じのグラデーションがまとまっていますね。 Clean Gradients Set 著者が注意深く選んだ約50個のグラデーションファイルを、フリー素材として配布しています Ocean Breeze 海をテーマにした青系のグラデーションファイル Vintage 深みのあるグラデーションファイル集 Dooffy Gradients Set 美しいグラデーションファイルがまとまっています Adobe CS3 Gradients Adobe CS3のアイコン
Web制作に役立つサイト集 – creamu
6133716, Hemera/ Thinkstock Web制作の参考になる情報を探している。 そんなときにおすすめなのが、『All Showcases』。Web制作に役立つサイト集です。 CSSやFlashなどのカテゴリーに分けて、かなりたくさんのサイトがまとまっていますね。 いくつかご紹介します。 CSS Best CSS Design ブログ型のCSSデザインギャラリー CSS Flavor クールなサイトを集めたCSS Flavor Flash Design Charts 週刊のかっこいいFlashサイトランキング DOPE Awards クールなFlashサイトをグリッド状に並べているDOPE Awards その他 CMS Showcase CMSで構築されたサイトギャラリー We Love WP 美しいWordPressで作られたサイトのデザインギャラリー サイト名やUIもか
クオリティーの高いフリーの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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォンサイト制作時にデザイン・UIの参考になるサイト集 – creamu