プログラマのためのカラーパレットツールを作りました - shoya.io
Paletta - HSV Color palette for every Programmer 背景 フラットデザインの台頭によって、昨今のアプリ/サービス開発において「色選び」が重要視されています。例えば上の写真は次のトイレの時刻を機械学習で予測するRestCastというアプリですが、「いい感じの青」を基調としたタイルを敷くことで、トイレというワードをニオワセないデザインに仕上がるよう心がけてつくりました。 デザイナー/プログラマーの皆さんは普段どうやって色を選んでいるのでしょうか。多くの場合、既存のカラーパレットをぽちぽち選択したり、#123456のようなカラーコードを調整するのではないかと思います。実は、この方法で「いい感じの色」を選ぶのは難しいのです。その理由を色の表現方法を踏まえて説明します。 混色系と顕色系 色を数値で表現する方法を表色系といいます。オストワルト表色系やマンセ
モリサワ、クラウドフォントサービス「TypeSquare」開始 表示のシミュレーションも可能 - はてなニュース
モリサワは2月22日（水）、クラウドフォントサービス「TypeSquare」を開始しました。同日にオープンしたサイトでは、提供するフォントの一覧や料金プランを掲載しています。Web上でクラウドフォントがどのように表示されるかを確認できる「クラウドフォント・シミュレータ」も公開しています。 ▽ Webフォント TypeSquare [タイプスクウェア] ▽ モリサワのクラウドフォントサービス「TypeSquare」2/22開始 年内無料のキャンペーンも - はてなニュース クラウドフォントは、ネットを介して配信したフォントをブラウザ上に表示させる技術です。この仕組みを利用したTypeSquareでは、指定したフォントが搭載されていないパソコンのブラウザ上でも、該当するフォントを表示できます。通常のテキストと同じく、CSSによる文字サイズの調整や文字装飾もできるとのことです。パソコンだけでなく
Webサービスを10日以内にリリースする方法をすべて書いたよ（「Gumad」編） - パパパパ
このブログは、僕がこれまでWebサービスを30くらい作ってきて、失敗したり成功したり色々体験していることをまとめています。 「Gumad β」は株式会社メーヴェの安宅（ディレクター）と杉本（エンジニア）の2人で、Gumroadの存在を知ってから9日間で作ったWebサービスです。作っている間にあったできごとや僕らの動きを公開したら、これから個人やベンチャーの人たちがWebサービスを作る人の（良い意味でも悪い意味でも）参考になるかもということで、少々こっ恥ずかしいですがブログに書き残しておこうと思います。 ちなみに、今回のシステム関連の話は「Gumadβで使ったgemまとめ」こちらに詳しく書かれています。 いまは「Gumad β」はミニWebサービス的な位置づけですが、もしGumroadやその周辺のサービスが盛り上がってくれば、面白い展開ができると考えており、ベンチャーらしく短期間でゲリラ的に
お金が無くとも実践できる21の素敵なマーケティング手法 ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
インターネットで誰でも自社サービスを簡単に世界に売り込めるようになったと言っても、サイト制作や広告宣伝にはお金がかかり、SEOするにしても外注すればお金がかかる（＆結果の保障なし）だったりするわけです。同じく0から始めたシリアルアントレプレナーの筆者が、そんな悩めるあなたにお金が無くとも実践できるネットマーケティングの手法を21も紹介してくれました。これを読めば「お金が無くて自社サービスを十分に売り込めない」なんて言い訳は通用しなくなるかもなので、ある意味覚悟して読むべきかも？ — SEO Japan あなたも自分の会社をオンラインで売り込もうとしている？というか、やっていない人なんていないのでは？でも、あなたは、あまり多くのお金をかけずに自分の会社をオンラインで売り込む方法を知っているだろうか？ もしあなたにたくさんのお金がなくて、それでも自分の会社をオンラインで売り込もうとしているなら
あなたのウェブページが機能しているか7つの面からチェックできるオンラインツール -Spur
Spur [ad#ad-2] Spurの使い方 入力フォームにチェックしたウェブページのURLを入力して、「Spur it on」ボタンをクリックします。 画像でチェックしたい場合は、「Spur it on」ボタンの下にある「Upload an image」をクリックします。 クリックすると、ウェブページに7種類のエフェクトを与え、そのままでは気がつきにくい面からさまざまなポイントを確認することができます。 以下、その7種類のエフェクトを紹介します。 Grayscale グレースケールはデザインからカラーを取り除くことで、ユーザーの目がページのどこに引き寄せられるか確認するのに役立ちます。 見出しはブラックの背景にホワイトのテキストで高いコントラストを確認できます。 ロゴとナビゲーションはコンテンツサイトにドロップバックしています。 最新情報のコンテンツはグレースケールになると、コントラス
ブログのアクセスアップに役立つSEOツール２３選（完全版）
そもそもSEOツールで何を調べるの？ ツールの紹介の前に「そもそもSEOツールで何を調べるのか」を少し説明したいと思います。 SEOツールは５つの目的で使い分けます。 自分のサイト分析 ライバルサイトの分析 検索順位のチェック キーワード選定 ブログの改善方法 自分のサイト分析 SEO対策をする最初のステップは、自分のサイトの現状を知ることです。 自分のサイト分析をするには、SEOツールを使って次の8つの情報を入手します。 訪問者数 ユニークの訪問者数 PV数 平均滞在時間 直帰率 離脱率 アクセス数が多い時間帯 コンバージョン率 特に注目したいのは、PV数・平均滞在時間・直帰率・離脱率・コンバージョン率です。 PV数が多くても、直帰率や離脱率が高い場合は、読者を引きつけることができていません。 1人あたりのPV数・平均滞在時間が大きくなればなるほど、より多くの記事が読まれ、よりコンバージ
Google Fonts
Making the web more beautiful, fast, and open through great typography
みんなで協力して作る Web デザインまとめサイト「Web デザインサンプル」をリリース | ウェブル
Webデザインサンプル みんなで協力して作れる Web デザインまとめサイトを作りました。「綺麗な Web デザインを見つけたのでまとめておきたいけど、そのためだけに Web サイトを用意するのが面倒くさい」「一人で集めていても中々集まらない」そんな皆さんの願いを叶えるために作ってみました。 誰でもデザインを簡単投稿することができます 新しい Web デザインを追加する | Webデザインサンプル こちらから URL を入れてカテゴリを選択するだけですぐにデザインを追加することができます。キャプチャも自動生成されます。 自分の感想をコメントとして残しておける 各デザインの個別ページではコメントを書けるようになっています。自分がそのデザインを見てどう思ったかを書くことはとても大事なことなのではないでしょうか。他人のデザインを見て勉強になったことをコメントに書いても良いですし、自分ならこうする
Rails3.1の初期化プロセスを細かく追いかけたRailsGuidesの記事を和訳したよ:ミームの死骸を越えてゆけ
This domain may be for sale!
メールを駆逐するために作られたフリーのチャットツール「チャットワーク」登場
すでに紙と電話をオフィスから排除している株式会社EC studioが、次に標的にしたのは「メール」。実際に自社からメールを無くすために、メールに取って代わるツールとして開発されたのがこの「チャットワーク」です。 チャットワークは、Skypeやインスタントメッセンジャーなど従来のチャットツールでビジネス用に使いにくかった部分を作り替え、チャットとタスク管理、ファイル共有機能とをシームレスに融合させることによって生まれた、新しい形のコミュニケーションツール。EC studioではこのツールを自社と主要な取引先に導入することで、1日に送るメールを1人数通まで減らすことに成功しているとのこと。 メールを駆逐するツール「チャットワーク」の使い方は以下から。クラウド型ビジネスチャットツール｜チャットワーク チャットワークのトップページには、「メールの時代は終わりました」の文字が大きく掲げられています。
サイト作成に欠かせないサイトやサービスなどを20個｜Webpark
私がサイトを作る際によくお世話になっているサイトやサービス、フリーソフトを紹介します。個人的に見ているものだけなのでまだまだあると思いますが、ご参考になればうれしいです。 週間ウェブデザイン 次の「あんじょうできてはる」が更新停止になっているのでこちらを。1ページあたりの表示数が多いので探しやすいですね。 あんじょうできてはる Webデザインのギャラリーはたくさんありますが、見やすさ探しやすさでこちらをよく見ます。更新は止まっちゃってますが。。 MephoBox ヘッダーやフッターなど部分的なものにこだわった海外のギャラリーです。404やナビゲーションなんかもあり参考になります。 ロゴストック 日本を中心にかなりの数のロゴが集められています。管理人さんや訪問者の評価も見ることができて参考になります。 フリーの素材集です。「ロイヤリティフリーなフリーフォト、無料写真素材サイトのまとめ」もご参
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://designaholic.cc/2011/03/webweb21.html
Bijostagram
http://e0166nt.com/blog-entry-862.html
Loading...