UIデザインが素晴らしい35のウェブスタートアップ ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
最近かつて以上にウェブサービスにとってデザインが重要だ、ということがいわれることが多くなってきた気もします。PinterestやFlipboard等、いわゆる次世代ウェブデザインを代表するようなサービスも大人気ですが、もちろんそれだけはありません。今回から新たに登場する米国の人気デザインブログspyrestudiosから、最近のスタートアップでデザインが素晴らしいサイトを35まとめた記事を紹介します。 — SEO Japan 何年か前までは誰もがWeb2.0の流行について話していた。インターネットではMySpace、Friendster、Facebook、Twitter、そして最近ではFoursquareやPinterestに続く新しいスタートアップが次々に登場している。テクスタートアップの世界では、新しいアイデアにこと切れることはない。 ウェブデザインに関しても同じことがいえる。今回、最
ファビコン メーカー - favicon.ico作成
faviconを作ろう！無料で簡単Faviconメーカー画像ファイルをfavicon.icoへ変換します。 大きさは自動的に16x16へ縮小されます。 GIFとPNGの透過処理は引き継がれます。 対応フォーマットはJPEG、GIF、PNG、BMP。（BMP対応で初心者も簡単に作れます） Notice: Use of undefined constant file - assumed 'file' in /home/webmeister/public_html/webtool.webmeister-jp.com/favicon.webmeister-jp.com/index.php on line 37 Notice: Undefined index: file in /home/webmeister/public_html/webtool.webmeister-jp.com/favico
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
3秒でカッコいいロゴが作れる「Supalogo」を使ってみた
テキストを入力して1クリックするだけで、カッコいいロゴが作れるWebサービス「Supalogo」。フォントは24種類から選べて、知らないフォントを試してみるだけでも楽しい。 実際に利用してみると分かるが、このサービス、とにかくシンプルでなかなか使い勝手がいい。トップページにあるのは、入力フォームとGENERATEボタン、OPTIONSボタンだけ。「とりあえず作ってみたい」というときは、ロゴにしたいテキストをフォームに入力し、GENERATEボタンをクリックするだけだ。3秒でロゴを作ることができる。 細かい設定をしたい場合は、OPTIONSボタンをクリックしてみよう。設定できるのは、フォントの種類、フォントサイズ、アウトラインサイズ、アウトラインカラー、グラデーション／テキスト／光沢部分のカラー、透過PNGにするかどうか。各種カラーは、HTMLの色指定のほか、カラーパレットも用意している。
山田 あかね [purprin] - エスカフラーチェLLC
私も執筆に参加させていただいた「現場のプロから学ぶXHTML+CSS」がついに発売されました！ 早速、打ち合わせの帰りに本屋さんに寄ってみたところ、ちゃんと置いてありました(o e o)人(o e o) 数が少ないのはきっと売れゆきが良いから・・・と良い方にとっておきます（笑） そこで今回は発売を記念しまして、日頃からこのブログをご覧いただいている方にプレゼントを企画しました。ご応募いただいた方から抽選で10名様に、「現場のプロから学ぶXHTML+CSS」をプレゼントいたします！こちらの企画は締め切りいたしました。ご応募いただいた方、ありがとうございました！ 現場のプロから学ぶXHTML+CSS プレゼント応募方法 下記の必要事項とアンケートにお答えいただいた上、2008年11月22日までに info@escafrace.co.jp宛にメールでご応募ください。こちらの企画は締め切りいたしま
[Think IT] 第1回：携帯サイトとPCサイトはここまで違う！ (1/3)
XHTML Mobile Profileに対応したHTML 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基本となるHTMLについて説明します（図1-1）。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基本はHTMLを基準に作られていますが、携帯ブラウザ（iモード、EZweb、Yahoo!ケータイ）で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
コミュニティにおける格付け制度の運営：ナレッジ！？情報共有・・・永遠の課題への挑戦：オルタナティブ・ブログ
昨日はてブの最近の人気エントリーに上がっていた「Yahoo!がまとめた「コミュニティにユーザーを参加させる方法」が興味深い件」は確かに面白い。コミュニティにおいて運営側が参加メンバー間の競争意欲を促進させるために、レベルだとかポイントだとかの何らかの格付けを提供することは良くあるし、実際に私もいくつかを使ったことがある。 格付けによって従来見えなかった本質が一面ではあるが可視化される。そして格付けされる側のモチベーションアップだけでなく、他の参加者から見たときにその人の発言の傾向だとか情報の重要度を把握しやすくなるというメリットがある。 さてこうしたレベルとかポイントを使う場合にも、やり方は２つある。一つは加算制とした誰でも時間と労力をかければ必ず最上位クラスまであがれる形式のもの。もう一つは相対的評価によってランクを区切って常に最上位のポジションにいる人たちの割合を一定にする方式である。
As Button Generator
As Button Generatorはいわゆるボタンジェネレーターです。アイコンの形状等を確認しながらリアルタイムに編集する事ができるので、今までのボタンジェネレーターのUIとは一線を画すサービスです。 また、手持ちの画像や、任意のテキストも自在に配置する事ができるので自由度抜群です。ホームページの作成等にご利用ください
ペルソナとは――ウェブサイト向けペルソナを理解して、思いこみのユーザー像と決別しよう | やってみましたペルソナ作り
顔の見えにくい漠然とした「ユーザー」ではなく、あたかも実在する人物のように具体的に記述されているので、ペルソナシートを読めば、その人が何を期待してどのようにウェブサイトを訪れ、どのように見るページを選んでいるかなどを、具体的かつ体系的に深く理解できる。 ユーザーが「できること」だけではなく「したいこと」を見つける「ユーザーにとって使いやすいサイトを設計したければ、ユーザビリティテストで十分だ」と考える人もいるかもしれない。確かに、ユーザーが「できること」「できないこと」「しやすいこと」「しにくいこと」に関しては、いわゆるユーザビリティの領域でカバーできていた部分だ。しかし、ユーザビリティでは、ユーザーがそれを望んでやっていることかどうか、つまり「したいこと」「したくないこと」あるいは「してほしいこと」「してほしくないこと」を理解することは難しい。 それに対してペルソナは、架空とはいえ、あた
伸び悩むウェブサービスの三大疾患 ｜ 近江商人JINBLOG
先日友人達と深夜に話しているとき、そのうちの一人が「伸び悩んでいるウェブサービスに共通する３つの病気がある」と話し始めた。 先日友人達と深夜に話しているとき、そのうちの一人が「伸び悩んでいるウェブサービスに共通する３つの病気がある」と話し始めた。またおもろいことを言い出しよったな、と笑いながら聞いていたのだが、後で反芻してみると「これはより多くの人に知ってもらった方が日本のネットのためになるだろう」と感じたので晒す。特定のサービスについて語られたものではないので悪しからず。 １．ハイエンド病 自サービスのコアユーザー向けの機能追加ばかりを優先して、どんどんとエントリーユーザーを疎外していってしまう病気。コアユーザー向けの機能追加は数値的にも効果が出やすいため、ユーザーベネフィットと数値のバランスを追求しようとする勤勉な開発者ほど発病することが多い。 ２．広告肥大症 売上げノルマ達成責任のた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
-- Your PC's Font Viewer!! --
みんなで作るWEBデザイン参考集「ブックマ！」
ケータイ公式サイト&ダウンロードサイトのユーザビリティ6つのポイント（第4回） | モバイルサイト構築のユーザビリティいろは
MOBILE ART
http://japan.internet.com/busnews/20080314/8.html
有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳
2007年10月 WEB制作者の為のベストエントリまとめ part5*ホームページを作る人のネタ帳
Vector Magic | Precision Bitmap to Vector Conversion Online
http://blog.fulltext-search.biz/articles/2007/09/03/gigazinize