Mockingbird has Shut Down
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
Ext JS テーマを変更する | Ajaxの覚え書き＠じゅえ
Ajaxの覚え書き＠じゅえ Ajaxを使って一味違ったホームページを作ってみませんか？ このサイトでは、Yahoo! User Interface Library、Ext JS、Dojo Toolkitなどの Ajaxライブラリを使ったAjaxのサンプル集を掲載しています。 Ext JSの魅力の1つに、Theme(Skin)を簡単に変えられることが挙げられます。 デフォルトのThemeはExt Blueですが、Ext JS 2.1ではGrayThemeが含まれています。 GrayThemeに変更するには、<link>タグにてxtheme-gray.cssを参照するようにします。 また、ユーザによって作成されたThemeがこちらに公開されていますので、 これらをダウンロードして展開した後、cssディレクトリとimagesディレクトリを適当なディレクトリに配置します。 配置先はExt
私がwebサイトのラフデザインを制作する時の流れ │ Design Spice
私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 （※本文中のショートカットキーは全てMacの場合です） 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う
ワイヤーフレームをつくる時に押さえておきたいポイント
どのページをつくるか？ まずトップページ。 体裁が変わるようであれば下層ページも作ります。 また、システムが入るプロジェクトでは画面遷移図としてつくることもあります。 結局のところプロジェクトによります。 競合他者調査 競合他者がどのようなサイト設計を行ってるか参考にします。 他サイトの設計は試行錯誤の結果辿り着いた設計とも言えます。 全く同じ設計にしてしまうのは問題がありますが、 「何故そのような設計にしたか？」を考える事でワイヤーフレームをつくる時の参考になります。 例えば賃貸のサイトではトップの目立つ場所に検索メニューがあります。 賃貸サイトでユーザーが一番求めてるのは賃貸検索ではないか、と考察できます。 （これは誰でも分かる例ですが…） また、ユーザーは過去の体験から次のアクションを予想します。 過去に賃貸サイトを利用した方なら、賃貸サイトで地図を見れば「地域から賃貸を探す」を連想
親しみやすいデザインのサイトマップやチャートが作成できるオンラインサービス -Lovely Charts
Lovely Chartsは、かわいらしくて親しみやすいデザインのサイトマップ、フローチャート、ワイヤフレーム、ネットワークダイアグラム、組織図などが作成できるオンラインサービスです。 Lovely Charts Lovely Chartsで作成できるサイトマップやチャートなどは、かわいらしいデザインながらも、仕事に使用できるクオリティとなっています。 下記はそれぞれのサンプルです。 フローチャートのサンプル
制作料金 - 横浜東京のwebサイト制作│TSUKURIBE ツクリベ
webサイトの制作料金はこの業界自体が若いため一定の基準というものがありません。 弊社では、主に工数と人件費を元に計算しております。 客観的に弊社の制作料金は平均〜平均以下と考えております。 弊社より安い制作会社は多数ございますが、やはり質の良いサイトを作るにはそれなりの費用が必要と考えております。 ※全て税込金額です 基本制作費 サイト構成
GoogleのDoubleClick Ad Plannerが面白い - 探求三昧（はてな支部） - 地震前兆／超常現象研究家・百瀬直也が地震・災害予知・防災・予言などを探求
先日通勤電車の中でLivedoorニュースアプリで見つけて、iPhone 4Sでツイートした記事の件。 iPhone 4Sを買ってから、面白い記事を見つけると、その場でTwitterでツイートするようになった。 コメントを付けることもあるし、大体の場合はコメントなしで送信する。 気の利いたニュースアプリは、だいたいTwitterやFacebookへ情報を送ることができる。 ワンタッチで操作が可能だ。 2ちゃんねらーは「高齢で低学歴」 グーグル「Think Insights」に暴かれてしまった http://news.livedoor.com/article/detail/6081001/ 上記の記事で紹介されているのが、GoogleのDoubleClick Ad Plannerという無料サービス。 このサイトへアクセスして、試しに使ってみた。 内容は日本語化されている。 DoubleCli
Mats×Dan×Daiji「エンジニア進化論」｜「てくらぼ」オープニングイベント スペシャル対談開催｜パソナテック（PASONA TECH）
株式会社パソナが提供するオウンドメディアサイトです。
Google Ad Planner
Ad Planner has been replaced with Google Display Planner. Display Planner includes nearly all the features you used in Ad Planner. It also integrates the Contextual Targeting Tool and the Placement Tool. Plus, it's built right into AdWords, so you can directly modify your campaigns. Next steps Try out Display Planner Learn about Display Planner
「Webデザイン」とはなにか？じっくり考えてみた（2012年）
年末年始は何かと振り返ったり考えたりするものです。 昨年後半から「webデザイン」について考えており、自分なりに出した考えを書いてみます。 タイトルに2012年を入れたのは時間と共にwebのあり方や自分の考えも変わってくることが予想されるからです。 年末年始は何かと振り返ったり考えたりするものです。 昨年後半から「webデザイン」について考えており、 自分なりに出した考えを書いてみます。 またタイトルに2012年を入れたのは 時間と共にwebのあり方や自分の考えも変わってくるので、 "今現在の考え"であることを示すために入れてます。 はじめに この記事は僕の考え方であって、それが正解とは思いませんし異なる意見があって当然だと思います。 そのくらいwebデザインという言葉の持つ意味は多様化してると思います。 読んでくれた方が「webデザイン」について考える一つのきっかけになったら良いなと、
Evernoteのクリエイティブディレクターが語るブランドとデザイン・UI・UX
Evernote クリエイティブディレクター Gabe氏によるデザイントーク「シリコンバレー流UI/UX/Brand Development」に参加してきました。非常に面白い話しが聞けましたのでその内容をまとめました。 先日Evernote クリエイティブディレクター Gabe氏によるデザイントーク「シリコンバレー流UI/UX/Brand Development」に参加してきました。 普段聞くことのできない貴重な話が聞けました。 始めに このエントリーはセミナーで取ったメモを元に僕なりにまとめています。 Gabe Campodonico氏の発言の詳細は安藤日記さんがまとめられてたのでそちらをご覧ください。 安藤日記 Gabe Campodonico氏 Gabe Campodonico氏は、現在Evernoteのクリエイティブディレクターです。 その経歴はポスターや本などのグラフィックデザイ
Vitamins DesignがSamsungのスマートフォン用に作ったマニュアル本が素晴らしい | Token Spoken
Vitamins Design社がSmasungのスマートフォン用に作ったマニュアル本が素晴らしい出来映えです： 写真だけでは良さがなかなか伝わりませんので、まずはこちらの動画を見てください： http://vimeo.com/26489936 本型のマニュアル自体にスマートフォンが収納されており、ページをめくる毎に、SIMカードの差し方からバッテリーの装着、裏蓋の閉め方、そして使い方までが一通り学べるという仕組みです。 これはまさに、本来の紙による物理的なマニュアルの存在意義に敬意を表しつつ、複雑である近代ガジェットのスマートフォンのために、更に一歩ひねりを加えてより良い物に進化した形であると言えるでしょう。 もしこれを多くのスマートフォンが採用したら、冗談抜きに初心者ユーザーの理解度が深まり、キャリアやメーカーのサポート負担が減るかと思われます。 このVitamins Design社に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Online Diagram Software - Gliffy
iPlotz: wireframing, mockups and prototyping for websites and applications
https://www.multyshades.com/2011/06/tools-for-web-developers-and-designers-60-useful-cheat-sheets/
Color Me Shop! pro
BLOGOS サービス終了のお知らせ
BLOGOS サービス終了のお知らせ
サイトのアクセス数・ページビュー | donnamedia（ドンナメディア）