86533431, Jupiterimages/ Comstock/ Thinkstock いろいろな間取り図を見たり、部屋の模様替えを考えたりするのが好き。 そんな人におすすめなのが、無料で使えるオンラインレイアウトツールです。インストール不要なブラウザのみで利用できる間取り・レイアウトツールを集めてみました。 AutoDesk Homestyler AutoCADで有名なAutoDesk社による高機能レイアウトツール。現時点ではこれが最強かもしれません Roomle こちらも負けず劣らずの高機能ツール。使い勝手もなかなか良い感じです Floorplanner.com こういったサービスの中では古参といえるサイト。日本語にも対応しています PlanningWiz Online Room 大きな画面で見やすいのが特徴的なツール。操作もかなりシンプルです SeeMyDesign プロの建築家
商用でも無料で使えるアイコン100選 – creamu
商用でも無料で使えるアイコンを探している。 そんなときにおすすめなのが、『Weby Icon Set』。商用でも無料で使えるアイコン100選だ。 このサイトでは、64×64のアイコンが100個配布されている。 The icons are available in PNG, ICO and ICNS format. They are free to use for both personal and commercial projects, including websites, templates & software. You are not allowed to sell or redistribute the icons anywhere else. If you like to share the icons please link to this article. PNG,ICO
Web Developer Plusで、jQueryを使ってCSSを補強するテクニックが紹介されています。 ざっといくつかご紹介。 jQueryでカラムの高さを統一する equalHeights pluginを使って、一行でカラムの高さを同じにする 入力中のフォームをハイライトする highlighting the label along with the selected input fieldを使って、フォームのユーザビリティーを上げるテクニック 角丸 jQuery Curvy Cornersで角丸を実装する メニューの背景をアニメーションさせる メニューにマウスオーバーしたときに、一瞬でhover画像に切り替えるのではなく、ふわ〜っとアニメーションして切り替えるテクニック。例：Create an Attractive jQuery Menu with Fade In and Fade
spoon graphicsで、ネットで学べるillustratorチュートリアルサイトがまとまっています。 ざっといくつかご紹介。 » Vectips Ryan Putnamによるブログ。手軽なものからアイコンデザインまで、トップクラスのチュートリアルを公開している » Vectortuts Envatoによるベクターのあらゆることに関する人気サイト。たくさんの著者によって記事が書かれている » Veerle Pieters ベクターを扱うことで有名なVeerle Pietersによるブログ » Vector Diary 単純なシェイプから複雑なイラストを作っていく過程が公開されている » Illustration Info 初心者にもわかりやすいチュートリアル » Learn Ai illustratorに関するサイトを集めて、スキルの上がる情報を配信している 英語サイトですが、画像の
クールなフリーフォント50 – creamu
「50 Fresh High-Quality Free Fonts for Your Designs」という記事で、クールなフリーフォントがたくさん紹介されているので、いくつかご紹介します。 上記のフォントは、サンセリフ書体のthesis。work-in-progressのバージョンとのことで、商用でも利用可能となっています。 Manteka Poly GLEGOO moby こちらも商用可 modular-sans 50 Fresh High-Quality Free Fonts for Your Designs
91137817/ iStockphoto/ Thinkstock デザインの幅を広げたい。 そんなときに参考になるのが、『80 Fresh Photoshop Tutorials For Creating Awesome Websites』。素晴らしいサイトをデザインするためのPhotoshopチュートリアル集です。 ディテールまで解説されたものばかりで、いい感じですね。 Create a Watercolor-Themed Website Design with Photoshop 水彩画のようなテイストのデザイン。ワイヤーフレームの書き方から、960 Grid Systemを使ったレイアウトの方法、テクスチャをどこから探してどう使うのか、Photoshopでのエフェクトのかけ方など Create a Theme Store Website Layout in Photoshop デザ
HONGKIATで、ドロップダウンメニューを作るスクリプトがまとまっています。 ざっといくつかご紹介。 » CSS Drop-Down Menu Framework GNUライセンスのCSSドロップダウンメニューフレームワーク » CSS Express Drop-Down Menus CSSでさくっとドロップダウンメニューを作る方法 » JavaScript Dropdown Menu with Multi Levels javascriptを使ったマルチレベルのドロップダウンメニュー » Smooth Navigational Menu jQueryを使ったマルチレベルのナビゲーション » Mega Drop-Down Menu メニューの中にグループを設定できるメガドロップダウンメニュー » Mega Drop-Down Menu MooTools1.2を使ったシンプルなドロップダウ
UIデザインやモックアップ作成のための素材を探している。 そんなときにおすすめなのが、『A UI Design and Prototyping Treasure Chest』。UIデザイン / モックアップ作成に使える素材集です。 テンプレートやアイコンなど、いろいろと揃っていますね。 Browser Templates For The Website / Web Application Designer デザインラフの確認に使える、SafariやIE、Firefoxのブラウザテンプレート。800x600px、1024x768px、1280x1024pxの3サイズがPSDで用意されていて、レイヤーに分かれているので使いやすそうです Vector Pack: Browser Screens and Website Elements こちらもSafariのテンプレート。aiとepsが入っていて
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を中に含むことができ、水平
jQueryのプラグインをチェックしておきたい。 そんなときにおすすめなのが、『12 Helpful jQuery Plugins to Check Before Ending April 2010』。2010年の間に見ておきたいjQueryプラグイン集です。 いい感じのものがまとまっているので、いくつかご紹介しますね。 jQuery ajaxContactForm plugin フォームのバリデータ。背景色を変えることでシンプルにアラートしてくれる。MITライセンス Image Puzzle Using jQuery 画像のパズルゲームを作れるプラグイン jQuery Mega Menu jQueryを使った、見た目も動作もクールなドロップダウン型メガメニュー JCoverflip Macのカバーフローのようなギャラリーインターフェースを作れるプラグイン jQuery Bubble Po
ひとりで作るネットサービス第25回は、ネット企業にデザイナーとして勤める傍ら、ネットサービスの開発、有名ブログの運営、バンドでの作曲・パフォーマンスなど、幅広く活動されている川下城誉さん（29）に話を聞いた。「常に上には上がいる。がんばるしかない」と力強く言い切る川下さん。その仕事術とはどういったものだろうか。 「アウトプットすることによってしか成長できない」 「自分でネットサービスを作って得たことは、『どうやったら、はやるサービスを作れるか？』を常に考えられるようになったことです」。川下さんは個人の生産性を高めるためのサービスを作っているが、本人も認めるようにヒットしているわけではない。ただ、作り続けることによって得るものがある、ときっぱりと主張する。 作ったネットサービスの中でも自分でよく使っているのが「TimeHacks」。「○○時までに○○をする」を登録していくだけのシンプルツール
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
部屋の模様替えや家具のレイアウトに役立つWebサービス10+4 – creamu
jQueryを使ってCSSを補強するテクニック15 – creamu
ネットで学べるillustratorチュートリアルサイト集 – creamu
素晴らしいサイトをデザインするためのPhotoshopチュートリアル80 – creamu
ドロップダウンメニューを作るならこのスクリプト – creamu
UIデザイン / モックアップ作成に使える素材集 – creamu
シンプルなjQueryチュートリアルTOP12 – creamu
2010年の間に見ておきたいjQueryプラグイン12 – creamu
アルファブロガーになりたくて──アウトプットにこだわる「CREAMU」川下さん