Responsive Web Design Test Tool - DesignmodoFree Responsive Web Design Testing Tool - ViewPorter. Test your responsive website design while you build them.
iPhone/iPadアプリデザインで使っているツール
企画やらUIを考えるツール iPhone Idea Sheet（PDF） 三階ラボさんのアイデアシート（PDF）。 iPhoneの枠だけじゃなく、ナビゲーションバーやタブバー、ステータスバーが書きやすいように、うっすら線が入っていてGOOD。 印刷して何枚か持ち歩いている。何か作りたいなーどうかなーと思ったら、手書きでワーっと書く。このシート自体が美しいので、いいもの作れそうな気がしてくる。 紙なので、対面でのブレストやら打ち合わせしながら書き込みやすい。 Cacoo（Web） UIの構想がまとまってきたら、Cacooで清書してチームで共有。 iPhoneの各パーツのステンシルが揃っているので、きれいに、わかりやすく作れる。SkypeミーティングのときにみんなでCacoo触りながら話したりとかしている。 Interface HD（iPad App） iPad上で、iOSパーツを組み合わせて
驚くほど簡単にインフォグラフィックを作成できる無料ツール７選
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. インフォグラフィックは、あなたの読者やファンを楽しませるコンテンツとして最適なものの一つだ。 さらに、ソーシャルメディアエキスパートのDan Zarrellaは、１万のFacebookページの中から合計１３０万の投稿を調べた結果、最も安定して多くのシェアを生み出すコンテンツは、画像コンテンツだということを発見した。 ※画像コンテンツの平均的なシェア率は0.25%、次に文字投稿で0.17%、３番目は動画投稿で0.1%。単なるニュースなどへのリンクの場合だと、0.04%しかない。 そして、ソーシャルメディアを有効活用するための、最も効率的な戦略は、見た目にも面白く、人の役に立つ画像コンテンツを定期的に提供することだという結論を出している。 こ
0to255
There are 16,777,216 color hex codes. With so many options, how do you choose the right color? The latest research on color perception tells us that somewhere between 40% to 99% of these colors are indistinguishable to the human eye.* Which begs the question: if we can't see the difference between two colors, why should we waste time deciding between them? What if you could easily narrow down the
App Sketchbook
Goodbye, and thank you!After 11 great years of providing sketchbooks to talented mobile and web designers all over the world, I've decided to close down the store. Thank you so much for your support. If you're desperate to find an iPhone sketchbook (I have a handful of them left) or just have questions, reach out here. Sincerely, Stephen Martin
Crazy Egg — Coming Soon…
Understand the customer journey with Snapshots, Heatmaps and Recordings Use our visual reports and individual session recordings to get to know your website visitors – where they're coming from, where they're navigating to, and where they're getting stuck – so you can make design changes with confidence. Start by analyzing your website Get direct feedback from your customers and website visitors I
IA Stencil（Site-it!）
IA Stencil（Site-it!） は、サイトストラクチャ、ユーザー経験フローを検討するために使うブレストツールで、テンプレートデザインが印刷された付箋型のノートです。コンセントで開発し、2008年のIA Summitにて発表しました。 ウェブプロジェクトでは、問題解決を行うために要求事項の背景まで含めて理解する必要があります。こうした背景を汲み取り、１つ１つの意思決定に基づいて情報アーキテクチャの設計が行われ、その結果としてサイトマップのようなドキュメント成果物に落とし込まれます。しかし、最終ドキュメントを通じてのみIA設計が判断されがちで、設計プロセスを共有しにくいという課題がありました。 そこで、設計プロセスの中にプロジェクトメンバーを巻き込み、一緒にディスカッションを行うことで理解を深められるよう、ワークショップのためのツールとして開発されたのがこのIA Stencilです。
MacでWebデザイン、あると便利なアプリ48＋2 | gaspanik weblog
最近Webデザイン系のいろいろなセミナーやイベントに出ると、MacBookなんとかを持ってる方を多く見かけます。で、これからWebデザイナーになりたいなとか、これからMacに変えちゃおうかな？と思ってる皆さんに向けて、Macを使ってWeb制作とかする時にあると便利なアプリをまとめてみました。 「Web制作といえば、AdobeのCreative Suite」みたいな人も多いでしょうが、サブスクリプションプランが始まったとはいえ、いきなりウン十万もソフト含め投資できないこともありますからね（会社が買ってくれるならいいですｗ）。別にそれがなくても、他で代用すれば仕事はできるから大丈夫です。 いま現在MacでWeb制作をしている皆さんには定番なのも多く含まれますが、ちょうどこないだLionデビューして環境整備がてらまとめたので、最後まで流し読むと「え？何それ」みたいなのがあるかもです。 今回は各種
iPhoneアプリのようなリッチなUIをブラウザで実現！Web 2.0 Touchが凄すぎる！ » SHINGOLOG
iPhoneアプリのようなリッチなUIをブラウザで実現！Web 2.0 Touchが凄すぎる！ 2011年8月25日 in iPhone, Web Web 2.0 Touchは、WebKitエンジン上で動作するJavaScriptライブラリです。 2011/8/22に公開されたばかりの模様。 iPhoneアプリのようなリッチなUIをブラウザでも簡単に作ることができます。 iPhone・iPad・Androidに対応しています。 どんな動きが出来るのか、これを見ると一目瞭然です。 アニメーション 上下左右のフリップ(画面が反転する動き)、ポップイン、ポップアウト、上下左右のスライドが出来ます。 テーブル表示 お馴染みのテーブル表示もこの通り。角丸タイプのテーブルも作れるようです。 ボタンやタブ表示、吹き出し タブ表示は便利な機能ですが、自分ではとても作れないところなので、需要ありそう
Web屋の私がブックマークしているサイト65 | Webクリエイターボックス
2017年7月14日 便利ツール 久しぶりに自分がブックマークしているサイトを整理してみました。昔から変わらず愛し続けているWebサービスやチュートリアルサイトなど多数あったので一挙にご紹介します！有名どころからあまり知られていないけど便利なサイトまで、多数あるので時間のある時にじっくり見てみてください！ ↑私が10年以上利用している会計ソフト！ ブックマークしているサイト 目次 Webサービス デザイン関連 画像関連 CSS jQuery WordPress フォント スマートフォン 配色関連 HTML5 メルマガ Webサービス 1. Sendoid Sendoidは会員登録不要のファイル送信サービス。ファイルをアップロード後にURLが生成されます。パスワード設定可。 2. HTMLエンコードフォーム HTMLエンコードフォームは特殊記号などをエンコード・デコードしてくれるWebサービ
Blitz - ウェブクリエイタの人も，そうでない人も楽しめるデザインブログ
手相講座 オンラインが気になるなら、こちらのウェブサイトをよくチェックしたほうがいいです。 そして、あなたがすぐ副業になる 手相オンライン講座を購入しようとしているなら、上のウェブサイトで、すぐ副業になる 手相オンライン講座を手に入れると一体何ができるようになるのかについて、十分に理解した上で購入することをおすすめします。 また、レビューや評価が紹介されているなら、それについてもよくチェックしましょう。 下記のすぐ副業になる 手相オンライン講座についての情報も役に立つかもしれません。 商品名：すぐ副業になる 手相オンライン講座 販売商品紹介：手相をゼロから学んで副業になる！覚えなくても始められる！基本となる丘・線の解説に加え、応用力がつく読み方や豊富な実例も紹介。特典動画ではさらに学びを活用し副業にしていくための方法も解説した有料鑑定をやるための情報に特化した手相講座です。 電子書籍価格：
デザインとか加工とか出来ないからなんかいいの教えて、と言われて教えたツールいろいろ - かちびと.net
友人がブログを始めたのですが、 Web制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。 普通に写真や画像を掲載するのではなく、ちょっと個性的な感じにしたい、出来れば無料がいい、でも自分でデザイン作業は出来ないから良いサイトとか無い？とのことでした。 どうしたいのか良く分からなかったので、あんまり一貫性は無いんですが、教えたのは画像加工ジェネレーターとかそういうのです。いくつか提案した中で、友人が喜んでたサイトだけまとめてみます。 BeFunky 画像を加工するジェネレーター。レトロっぽくしたり油絵っぽくしたり。エフェクトも豊富です。 BeFunky flauntR これも加工ジェネレーター。エフェクト以外にフレーム
| ＾＾ |秒刊SUNDAY | ０円でWebデザイナーになれる、オープンソースウェブ制作アプリ集30個
2009年01月30日 ０円でWebデザイナーになれる、オープンソースウェブ制作アプリ集30個 カテゴリ：WEBデザイン ウェブデザイナーになる為には、非常に高いアプリケーションやら、パソコンスペックなどが必要となりますが、たった０円でそれらを揃えることが可能です。 オープンソースHTMLエディタ ◆Bluefish Editor ■Bluefish Editor : Home 軽量のオープンソースHTMLエディタ。MACとLinuxに対応。 ◆Quanta Plus ■Quanta Plus Home CSS編集が楽になるオープンソースHTMLエディタ。 Linux用 ◆Amaya ■Amaya Home Page W3Cによる、オープンソースHTMLエディタ。バリデートもこれで万全。 Windows、MAC,Linuxと、すべてのプラットフォームに対応 ◆CSSED ■CSSED I
ブラウザ上で簡単グリッド作成「gridr buildrrr」:phpspot開発日誌
gridr buildrrr ブラウザ上で簡単グリッド作成「gridr buildrrr」。 各種オプションを指定すると自動でグリッドが生成されます。 以下のようにグリッドが生成されます。 レイアウトや資料作りに使えそうですね。 関連エントリ HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグイン 複雑なブロックレイアウトもシンプルかつ簡単に実装可能な「malo」 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」 CSSレイアウトのチート集「CSS Layout Cheats」 シンプルでカッコいいFacebook風のWEBフォームレイアウトサンプル
Webサイトの彩りに使える小さなアイコン集·twotiny MOONGIFT
Webサイトを作る上で、アイコンの持つ力は大きい。技術者がサイトを作るとその点が疎かにされがちだが、文字の説明よりも分かりやすく、そしてスペースも使わないというのが大きな利点だ。言語の壁さえ越えられる。 二色の分かりやすいアイコン集 そんなアイコンをサイト上で使いたいならば、ここで必要なものの殆どが手に入りそうだ。 今回紹介するオープンソース・ソフトウェアはtwotiny、小さなアイコン集セットだ。 twotinyは緑、赤、青、ベージュの5色で提供される75個の小さなアイコン集だ。矢印、人、グラフ、チェック、拡大/縮小などWebサービスで良く見かけるようなマークが多数登録されている。ファイルはGIFまたはPDFで提供されている。 こちらはカラフルなアイコン集 もう一つはカラフルなアイコン集で、こちらは100種類程度が提供されている。こちらもまた小型のものではあるが、メールやフォルダ、警告な
★Photo Effects and Photo Editing with One Click - BeFunky.com
Photo Editing and Graphic Design Made for EveryoneBeFunky's all-in-one online Creative Platform has everything you need to easily edit photos, create graphic designs, and make photo collages. Your All-In-One Creative SolutionWatch BeFunky in action to see how it makes your photo editing, collage making, and graphic design workflow seamless. Most Popular FeaturesBeFunky has an amazing collection of
プログラミングでアート·Processing MOONGIFT
プログラマの大半は絵心がない。そのため、Webデザインやアイコンなどを上手に配置してサイトを出来映えを一歩高めるというのは非常に難しく感じてしまう。だがそれはWebデザインに限った話で、絵が全くできないという訳ではない。 開発環境 趣味で風景画を描いたり、油絵をやる人だっているだろう。もしあなたが幾何学模様のアートに興味があるなら、これを使って描くのが良いだろう。 今回紹介するオープンソース・ソフトウェアはProcessing、アートプログラミング言語だ。 ProcessingはJavaで作られたソフトウェアで、専用の言語Processingを通して幾何学的なアートを作り出すことができる。簡単な記述で、十分に目を見張る作品ができあがるはずだ。 作品例 できあがった作品はエクスポート機能を使って、Javaアプレットとして出力できる。これをサイトにアップロードすれば、誰でもあなたの作品を見るこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
New Content Available soon!
【黄金比・計算サイト ★★★】 - Metallic Ratio
gridr buildrrr