本格的なネットショップを構築したい人におすすめのソリューション５ – creamu
95455835/ Hemera/ Thinkstock 手軽に本格的なネットショップを開きたいという人にお勧めのソリューションを５つご紹介いたします。 小さなショップから比較的規模の大きなショップまで利用できるものを基本として、それぞれの特長を独自の観点で簡単にまとめています。 既に構築したいシステムの要件が細かく決まっている場合は、それが実際に実装できるサービスかどうかを事前にご確認いただくことをお勧めいたします。 EC-CUBE 日本発のECオープンソースです。 とても高機能なのに無料で利用できてしまうところが素敵です。 オープンソースですから、自身で機能を追加することも可能です。 もちろんその場合は技術力を要しますが、EC-CUBEを利用したサイト構築の代理店も多く存在しますので、そういったところに依頼するのも手です。 サーバを既にお持ちだったり、多少の技術的知識がある場合におすす
サイトをかっこよくするためのjQueryプラグイン25+ – creamu
サイトにかっこいいUIを実装したい。 そんなときにおすすめなのが、『25+ Best jQuery Plugins To Beautify Your Website』。サイトをかっこよくするためのjQueryプラグイン集です。 初めて見るものもあっていい感じです。 YoxView lightbox系の画像オーバーレイスクリプト。ナビゲーションとキャプションがフェードアウトしたりとディテールが気持ちいいです Fade In and Out Tooltips for Prototype and Scriptaculous フェードイン&アウトで表示されるツールチップ Sweet Titles Transparent and Fading Tooltips ページロード時に、画像をフェードインして表示させるスクリプト Captify Displays Pretty Image Captions
デザイナーのためのロゴデザインのチュートリアル&素材45+ – creamu
97412913, iStockphoto/ Thinkstock よりよいロゴをデザインしたい。 そんなときに参考になるのが、『45+ Beautiful Logo Design Tutorials and Resources for Designers』。デザイナーのためのロゴデザインのチュートリアル&素材集です。 いい感じのものが揃っていますね。 3D Logo Tutorial illustratorとPhotoshopを併用して3Dのロゴを作るチュートリアル Logo Design Project Step By Step Walkthrough コンセプトメイキングから実制作までを解説した記事 Design a Grungy Circular Logo 円形でグランジのテクスチャ感のあるロゴの作り方 Step By Step Logo スケッチからロゴを作るまでのチュートリアル
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
HTML5 / CSS3のソースがダウンロードできるサンプル – creamu
HTML5 / CSSでできることをざっくり掴みたい。 そんなときに参考になるのが、『Create An Elegant Website With HTML 5 And CSS3』。HTML5 / CSS3のソースがダウンロードできるサンプルです。 HTML5で使われる<section>や<aside>、<header>、<footer>などの各タグの解説と、CSSにおける「RGBa」、「box-shadow」、「border-radius」、「text-shadow」などのプロパティーの解説がされています。 デモは以下から。 Download Source ソースのダウンロードも提供されているので、参考に見てみてはいかがでしょうか？ Touch The Future: Create An Elegant Website With HTML 5 And CSS3 あることが一つ決まった。と
WordPressで構築された美しいサイト40 – creamu
サイトをWordPressで作りたい。 そんなときに参考になるのが、『40 WordPress-Powered Websites With Awesome Designs』。WordPressで構築された美しいサイト集です。 かなりかっこいいサイトが揃っています。 Theme Garden WordPressのテーマを配布しているTheme Garden Aaron Irizarry テクスチャとタイポグラフィーが美しいデザイナーのブログ kazuhide fukuyama 日本のフリーランスデザイナー、Kazuhide Fukuyama氏のポートフォリオサイト UpThemes メニューやスクリーンショットの置き方、ボタン等、洗練されたデザインのUpThemes Awesem 反応の速いドロップダウンメニューと、スライドショーが美しいAwesem WordPressユーザの方は、一度見て
部屋をカッコ良く見せる５つの方法 – creamu
今回、「sumito」さんから記事を提供いただきました。アイテムの置き方を工夫することで、部屋をすっきり見せる方法がまとまっています。インテリア好きの方や部屋がいまいちすっきりしないという方は、ぜひ読んでみてください。 ↑の写真はsumitoさんの部屋のようです。インテリア雑誌、smartにも取材経験がある方で、結構な強者です。見習いたいですね（CREAMU）。 家具の高さに気をつける 目線より高いものを置かないというのが通常はひとつの目安で、出来るだけ低くすると、自然と部屋が広く見えます。 背の高い本棚などは、なるべく入り口近くに置くようにします。そして、入り口から順々に高さが低くなるように家具を配置すると、遠近法で部屋の奥行が強調され、家具それぞれの高さが目立ちにくくなります。 とにかく余計な物を置かない 普段から余計な物を置かないだけでなく、収納の仕方を工夫することが重要です。 取り
チャート・グラフが作れるオンラインツール22 – creamu
97859900/ iStockphoto/ Thinkstock チャートやグラフを手軽に作りたい。 そんなときにおすすめなのが、『22 Useful Online Chart & Graph Generators』。チャート・グラフが作れるオンラインツール集です。 便利そうなのが揃っているのでご紹介しますね。 Rich Chart Live Flashでチャートが作れるツール Online Chart Generator 素晴らしいジェネレータ。かっこいい3Dのグラフを簡単に生成できる Chartle.net シンプルに使えるオンラインチャートジェネレータ JS Charts 棒グラフや円グラフなど、様々なタイプのチャートが作れるJavaScript Google Chart Tools Webサイト上でライブチャートが作れるGoogle Chart Tools Google Char
デザイナーのための素材検索サイト18 – creamu
デザインに使える or 参考になる素材を探している。 そんなあなたにおすすめなのが、『18 Search Engines For Designers – Creativity Boost』。デザイナーのための素材検索サイト集です。 いくつか便利なサイトがあるのでご紹介します。 IconLet ライセンス情報の記載がある、使いやすいアイコン検索サイト IconLook タグクラウドや人気のアイコンでフィルタリングできるアイコン検索サイト。ライセンス情報の記載がわかりやすい FyFont 画像をアップロードすると、何のフォントかを調べてくれるツール Vectorials ベクターデータのチュートリアルがたくさん見つかるサイト Tutorial Vault Photoshopやillustrator、Flashなどのチュートリアルが見つかるサイト。UIがすっきりしていて探しやすい 一度見てみてく
クライアントへの納品時につけたいWordPressプラグイン9 – creamu
WordPressでサイトを構築してクライアントに納品する。 そんなときにおすすめなのが、『9 Plugins Your Clients Will Love For Their WordPress Website』。クライアントへの納品時につけたいWordPressプラグイン集です。 かなり便利そうなのが揃っています。クライアントに渡す際には、管理画面のデザイン等もカスタマイズしたいですよね。 My Brand ログインページをオリジナルのデザイン・レイアウトにカスタマイズできる。ロゴをクライアントのロゴにするなど Branded Admin 管理画面のヘッダとフッタを、オリジナルのデザインにできる Ozh Admin Drop Down Menu 管理画面の左サイドバーのメニューはクリックしてサブメニューを開きますが、それを水平のドロップダウンメニューに変更でき、マウスオーバー&ワンクリ
アイコンがふわっと拡大するjQuery – creamu
マウスオーバー時に気持ちのいい効果をつけたい。 そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。 アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。 デモは以下から。 jQuery Menu Plugin: BubbleUP 実装方法も詳しく解説されているので、ぜひ見てみてください。 Learning jQuery: Your First jQuery Plugin, “BubbleUP” ブログ遅くなりました。。昨日は書けなかった。すんまへんm(_ _)m 急いで作業しているところでOSが起動しなくなり、ここ数年で一番大変な日を過ごしました。。。 セキュリティーについて深く考えさせられたので、心機一転してがんばります。
フォームで使えるjQuery25 – creamu
フォーム周りでjQueryを使いたい。 そんなときにおすすめなのが、『25 jQuery Tutorials for Creating and Working with Forms』。フォームで使えるjQuery集です。 かっこいいものが揃っていますね。いくつかご紹介します。 Creating a Slide-in jQuery Contact Form クリックするとスライドインして現れるコンタクトフォーム Build an Incredible Login Form with jQuery クリックすると、ぐいんと勢いよく現れるフォーム Using Form Labels as Text Field Values ラベルタグの内容をテキストフィールドの値にして透かしテキストにしたフォーム Create a Progress Bar with JavaScript フォームの進捗状況をプ
フリー素材を配布するデザインブログ20+ – creamu
デザインに使えるフリー素材を探している。 そんなときにおすすめなのが、『20+ Design Blogs that Release Quality Freebies』。フリー素材を配布するデザインブログ集です。 有名なサイトからちょっとマイナーなサイトまで、たくさん揃っていますね。いくつかご紹介します。 Lost and Taken フリーのテクスチャを配布しているサイト。商用無料のものもあり Bittbox クオリティーの高いブラシやベクター素材で知られるBittbox。最近はフリーのテクスチャパックを多く配布している Fudge Graphics ブラシやテクスチャ、ベクター素材、壁紙などを配布しているFranz Jeitz氏のブログ Colorburned Photoshopやillustrator用のブラシを配布している。ベクター素材やパターンなどもあり Think Design
デザイナー・デベロッパーのためのGoogle Chromeエクステンション17 – creamu
Google Chromeの拡張機能を探している。 そんなあなたにおすすめなのが、『17 Google Chrome Extensions for Web Designers and Developers』。デザイナー・デベロッパーのためのGoogle Chromeエクステンション集です。 便利そうなのが揃っているので、いくつかご紹介しますね。 Eye Dropper サイトから色を抽出できるカラーピッカー Aviary Screen Capture スクリーンショットを撮れるアドオン Chrome Sniffer 見ているページで使われているフレームワークやCMSを表示してくれる The Lorem Ipsum Generator Lorem Ipsumのダミー文字を生成してくれるアドオン Chrome SEO インデックス数、バックリンク数などを表示してくれるSEOツール IE Tab
知っておきたいillustratorのチュートリアル40 – creamu
illustratorのスキルを上げたい。 そんなあなたにおすすめなのが、『40 Fundamental Illustrator Tutorials You Must Know』。知っておきたいillustratorのチュートリアル集です。 いい感じのものが揃っているので、いくつかご紹介しますね。 How to Create a Gearbox Settings Icon Using Simple Shapes シンプルなシェイプを使って、ギアの形をした設定アイコンを作るチュートリアル How to Create an Abstract Vector Design in Illustrator 美しい抽象的なデザインは、シンプルな形から作られる。いくつかの形と透明度に変化を持たせたサンプルの作り方 How to Create an Open Book with Illustrator’s
装飾系フォント46 – creamu
それだけで絵になるフォントを探している。 そんなときにおすすめなのが、『46 Cool & Useful Dingbat Fonts』。装飾系フォント集です。 Nymphette 流線型のオーナメント。商用無料 We Spray スプレーが描けるフリーフォント WC Rhesus 液体がはねたようなフォント Border Corners レースの飾りなど、様々なコーナーの装飾 Zoologic 象やキリン、ワニやラクダなどの動物フォント DJ Horses かっこいい馬のフォント 4Yeo Sport スポーツシルエットのフォント Efon 絵本に出てくるような、かわいいイラストフォント Facetype たくさんの顔のシルエット 入れておくと何かと便利だと思うので、一度見てみてください。 46 Cool & Useful Dingbat Fonts これはすごいかも。確かに軽くなった感じ
Fireworksの素材集決定版 – creamu
Fireworksで使える素材を探している。 そんなあなたにおすすめなのが、『An Explosion of Adobe Fireworks Resources』。Fireworksの素材集決定版です。 ライブラリやパターンやシンボル、スタイルやシェイプなど、かなりたくさんの素材が揃っていますね。 かっこよくて使えそうなのをいくつかご紹介します。 Arrows 矢印がいろいろ入っているライブラリ Kaliber Patterns 種類がたくさんあるパターンファイル iPhone GUI as Rich Symbols for Fireworks iPhone用のGUIシンボル 150 Fireworks Styles (Gradient Effects) グラデーションスタイル150 15 Grunge Colors Styles グランジ系のカラースタイル 131 Ultimate We
Macの美しいアプリケーション20 – creamu
Macで使える、便利でかっこいいアプリを探している。 そんなあなたにおすすめなのが、『20 Beautiful Mac Apps』。Macの美しいアプリケーションです。 いくつかご紹介しますね。 Daisy Disk ディスクの使用状況を可視化してくれるアプリ CleanMyMac 左のメニューがアクティブになったときにカラーになる美しいUI Fontcase フォントをグリッド上に並べて可視化してくれて、探しやすくするFontcase Flow UIの美しいFTPクライアント CSSEdit 透過パネルが美しいCSSEdit Mac使いの方は一度見てみてください。 20 Beautiful Mac Apps いろいろ充実してきたが時間がない。。がんばります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォンサイト制作時にデザイン・UIの参考になるサイト集 – creamu
シンプルだけど意味のあるロゴデザイン30 – creamu