Online diagramming tool for collaborating on wireframes, flowcharts, and more
Online diagramming tool for collaborating on wireframes, flowcharts, and more
Mockingbird is no longer in operation. We’re hoping to open-source the code sometime in the near future. In the meantime, some simple alternatives, in a similar spirit to Mockingbird, are: Excalidraw: https://excalidraw.com TLDraw: https://www.tldraw.com If you need a more comprehensive mockup solution, you might want to check out the following: FigJam: https://www.figma.com/figjam/ MockFlow: http
なぜふぁぼったーは英語圏で負けたのかhttp://d.hatena.ne.jp/ono_matope/20091102#1257177656 おれも外人に聞いてみた。7人に聞いてみた。現時点で5人から返答があった。たったの1人に聞いてそれを鵜呑みにするってサービス開発者としてどうなのよ?マーケティング的な力がなさすぎる。プログラマーとしては普通程度の能力あるのかもしれないがその程度の姿勢でサービスは大きくできないよ。あのエントリ読んで「この辺がエンジニアの限界だな」思ったマーケ寄りの人間は多いと思う。さて話がそれるので5人に聞けたことをまとめてみる。あくまでたったの5人だがな。聞くなら気合い入れて数百人に聞くとかしろ。話はそれからだ。1.レスポンスが遅すぎる2.503を何度か見た時点で使う気なくした こんな不安定なサービスを使うお人よしいるわけない3.twitが全然クロールされていない4.
日本のWebデザインってあまりトレンド というのは無いような気がします。なんと言うか 見易さとか実用性メインでデザインは結構 シンプルだったりしますし、日本人に合ってる のかもしれないですね。そんな訳で日本人の 感性で作られた商用利用もOKの国内の Web素材配布サイトをまとめてメモしておきます。 僕自身がいいと思ったサイトを厳選してご紹介します。順不同。 サイトごとに利用規約が若干違うので重要な部分はメモしますが、ご利用の際は必ずご自身の目で利用規約ページをご確認下さい。問題が起きても当方は責任負いかねます。利用規約ページがある場合はそのページにもリンクを貼っておきます。 デザイン素材.com アイコンがメインでファイルはPNG。ネットショップ素材が中心で使いやすいデザインが沢山あります。 加工、商用OK、印刷物、ソフトウェアでも可能、Webデザイナーも利用可能。再配布、2次配布は不可。
増井君と二人でPhotoShareというサービスを立ち上げてもう15ヶ月になるが、いろいろと学んだことがある。その中でもつくづく思うのは、サービスを作り上げる段階よりも、運営のことを考えた設計が大切なこと。つまり、メンテナンスしやすい、テストしやすい、多少のミスをしても大丈夫、こまめなアップデートがしやすい、作業分担がしやすい、などなどである。 そんななかで強く感じるのは、「AJAXを見た目や使いやすさの面だけに利用するだけでなく、『運営しやすいサービス』を作るのに利用できないか」ということである。 私のイメージするアーキテクチャを図にするとこんな感じになる。 まず一番の特徴は、テンプレート等を利用したHTMLのダイナミックな生成をすべてやめて、データ(JSONもしくはXML)だけをダイナミックに生成するようにし、HTMLはスタティック・ファイルをサーバー側に置いておく(上の図で、CSS,
最近、国産のWebサービスも かなり勢いがあるなぁと思ったので ちょっとまとめてみました。よく 紹介されるのは海外製ですが、 それに劣らないMade in Japanの Web制作者が知っておくと便利そうな フリーのWebサービスをご紹介します。 順不同です。日本語が完全に通じる海外Webサービスも今回は省いて純国産のWebサイト制作に一役買ってくれそうなWebサービスをご紹介したいと思います。出来る限り高性能だったり多機能なWebサービスのみにしたつもりですが主観入ってます。 Color of Book 国産サービスで一番多用しています。AmazonAPIを使って雑誌の表紙を抜き出し、その表紙からカラーチャートを生成。アイデアが素晴らしいですね。雑誌は表紙のデザインや色で惹きつけるよう考えられている事が多いのでWeb制作時のカラー選定にかなり参考になるのでは。 Color of Book
かっこいいドロップダウンのCSSメニューを作りたいというとき、色々なところで作り方を調べたりするかと思います。 そんなときに手っ取り早くクールなCSSメニューを作れてダウンロードして使えるサービスをご紹介。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! オンラインでクールなCSSメニューを作れる「Pure CSS Menu」「Pure CSS Menu」は、オンラインでダウンロードしてそのまま使えるドロップダウンCSSメニューを作れるサービス。日本語も問題なく設定できます。 サンプルCSSドロップダウンメニュー↑「製品情報」→「サポート」→「サポートセンター」のようにマウスオーバーで注釈を付ける設定も可能。 サンプルCSSドロップダウンメニューその2↑このようなプルダウンメニューがオンラインでカ
通常のアクセス解析は単純にどのページがどれだけ見られたかという程度のものですが、実際にユーザーがどこをクリックしているのか、どこから見始めているのか、どこを重点的に見ているのかなどを分析する「ヒートマップ」を無料で作成してくれるのがこの「ユーザーヒート」です。 実際にどのような感じで解析できるのかというサンプルは以下から。 ユーザーローカル、Webページ内の行動を分析する無料アクセス解析ツール「ユーザーヒート」を公開 User Heat : どこが読まれているか見える!無料ヒートマップ・ツール http://userheat.com/ マウスの軌跡・クリックが多い場所・熟読エリアの3パターンの可視化が可能となっており、それぞれ以下のようになります。 マウストラック分析。ページが表示されてから離脱するまでの訪問者のマウスの動き(ページを開いたときのマウス場所や移動箇所、クリックした場所)を表
As Button Generatorはいわゆるボタンジェネレーターです。アイコンの形状等を確認しながらリアルタイムに編集する事ができるので、今までのボタンジェネレーターのUIとは一線を画すサービスです。 また、手持ちの画像や、任意のテキストも自在に配置する事ができるので自由度抜群です。ホームページの作成等にご利用ください
1000個を目指して、新しいグッズのアイデアを提案し続けるサイトです。
WEB サイトの構成図 を作成するソフトとして使えるのはマインドマップ作成ソフトですが、多機能なだけに重かったり、サイトマップを作成するのにオプションの設定が必要だったり、毎度テンプレートを探したりと、あまり手軽ではないと思います。 そんなサイト 構成図 をサクッと作って提示、共有したい時に便利なオンライン ソフトをご紹介します。 2009/12/25追記:今日現在、日本語が文字化け、PDF形式でのエクスポートが行えなくなっています。この件につきまして、@kira88が運営元へフィードバックをしてくださいました。お知らせいただき、ありがとうございますm(_ _)m 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! サイトの構成図をサクッと作れるオンライン ソフト「SlickPlan」「SlickPl
9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 制作過程みたいなものを書いてみたいと思います。 ロケットスタートに全力投球を誓った、けんすうさんからのご依頼 ある日、ロケットスタートの社長、けんすうこと古川健介さん(以下、けんすうさん)から :HOWTOサイトをつくりたいからデザインを依頼したい! ということで早速じっくりとお話を伺うことにしました。 ベンチャーだからこそできる!?合宿的制作スタイル 以前けんすうさんと一緒にお仕事させていただいたときに双方にとってよかったことがあります。 それは、デザインカンプができあがるまでのプロセスの段階で、短期間ながらじっくり直接やりとりする時間をつくる、ということでした。 宿泊こそ伴わないものの、合宿に似たようなスタイルです。 長い時
ネタ帳開始からこれまで書いたブログ運営術まとめ 2007年1月からスタートしたこのブログも早いもので2年9ヶ月という月日が流れました。 途中入院したり炎上したり友達が出来たり嫌われたりもしましたが、ブログは楽しいなぁと感じながらここまでやってきました。 これから続きを読むをクリックすると、延々と過去の「ブログに関するエントリー」が書き綴られていきます。 今回は今月、ようやくはてなブックマークが10万件を超えて、かねてから私がこのブログを始めようと思ったきっかけである、POP*POP(もうだいぶ前から更新停止)を超え、その嬉しさからついうっかり私のブログに関する様々なエントリーをまとめました。 ネタ帳について ネタ帳が当初から掲げているブログコンセプトは以下。 売れない、人が来ないホームページにならない為の インターネットの知識とブログネタ 幅広い範囲のようで、ネタ集めとなれば結構狭いと実感
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
今まで色々とWEBベースのカラーパレットジェネレーターを使ってみたけど、どれもいまいちピンと来なかったという人は、何も言わずに「Color Scheme Designer 」を試してみてください。特にWEBデザイナーにとっては、かなり使える機能が満載です。 一見、何の変哲もない普通のカラーパレットジェネレーターに見えますよね。でも、ちょっといじってみれば、そんじょそこらのジェネレーターとは全然違うのが分かります。 まず、画面左でパレットのキーカラーとなる色を選びます。選んだキーカラーを元に、6つのモードでカラーパレットを作成します。モードは左から「mono=同系色」「complement=補色」「triad=三色組」「tetrad=四色組」「analogic=類似色」「accented analogic=補色+類似色」となっています。 百聞は一見に如かずですので、まずは試してみてください。
空白というか白の使い方がクールですね。 手軽にウェブサイトにイメージギャラリーを設置したい時にいかがでしょうか。 日本語もいけるか試したら普通にいけたのでご紹介。 使い方は以下に。 FLASHイメージギャラリーのダウンロード サンプルデモはこちら カテゴリ分けも簡単に ※ダウンロード後、ちょちょっと変更かけないと日本語に対応しません。 とりあえずダウンロードしたファイルを解凍すると以下のような展開になります。 あまり説明は不要かもしれませんが誰でも設置できるようにする為に、超簡易的な構図から。 ホントはもう少し複雑ですが、「触る部分」だけチョイスします。 index.htmlを開けばgallery.swfを読み込み、sallery.swfはgallery.xmlをよみこんでます。 gallery.xmlに画像の名前や、カテゴリ情報などが掲載されています。 まずやる事は以下の二つのファイルを
Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日本語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。 使えるかどうかは個人差が生じますので何とも言えませんが、お役に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く