TP明朝 | Type Project | タイププロジェクトDrop&Typeで試作フォントを生成するのに必要な時間は、約30秒。手描きした文字をスキャンしてアウトラインをとり、専用のドロップシートに収めてドロップするだけの簡単なステップで、オリジナルデザインの試作フォントを生成することができます。
連載開始特別編 2008年の特徴、2009年の展望 | gihyo.jp
みなさん、はじめまして。Blog「Lançamento（ランサメント）」を運営しているLançamentoです。 この連載では、個人的に感じた国内外のウェブサイトの特徴や素晴らしい部分を、さまざまな角度から一歩踏み込んで解説していきたいと思います。 さて、初回は2008年の素晴らしいウェブサイトを振り返りながら、そのサイトに見られた特徴をお話ししていきます。 特徴その1 操作はわかりやすく、目的はシンプルに FONTPARK 2.0 | MORISAWA さまざまなフォント製品で有名な、株式会社モリサワのモリサワフォントを使用したグラフィック制作／参加型新規コンテンツサイト、「FONTPARK 2.0」です。 図1 株式会社モリサワのグラフィック制作／参加型新規コンテンツサイト FONTPARK 2.0 produce: AXIS Inc., design: tha ltd. サイトでは
10分でわかるSVG 基礎編
知って得する、Webブラウザ上で利用できるグラフィック関連技術。HTMLのような感覚で図形が描画できる「SVG」をハックしよう SVGドキュメントの書き方 本連載では、Webブラウザ上で利用できるグラフィック技術を分かりやすく紹介しています。第2回となる今回のテーマはSVGです。 ご存じの方も多いと思いますが、SVGはXMLをベースにしたベクトルグラフィックスの記述言語です。PNGのような画像フォーマットの1つでもありますが、実際にはXMLを記述したテキストファイルであり、HTMLと同様にJavaScript（DOM API）による制御も行えます。HTMLがタグによって文書の構造を記述するのと同様に、SVGはタグで図形を記述します。 ■ XMLでベクトルグラフィックスを記述するSVG 実はSVGの規格自体はかなり以前から存在したのですが、長らくInternet Explorer（以降IE）
音楽制作プロダクション｜DONGURIミュージック
バンド“VIDEO”でボーカル、ギター、作詞、作曲を担当。泉水マサチェリーとともに活動していた“WEEKEND”ではラップを担当。ともに独創的すぎるリリックと歌声は様々なアーティストからも賞賛されている。その変幻自在、奇想天外、神出鬼没なパフォーマンスを生かしてDONGURI MUSIC CHANNELでは数々のキャラクターの声優を担当。映画音楽からイベントの司会までマルチに活躍中。 ラップユニット“WEEKEND”でプロデュース、ラップを担当。活動を経て、SUB CLTUREを結成。そのずうずうしくも人懐っこいキャラクターで、様々な方面から引っ張りだこ。アイドルプロデュースや楽曲提供、アディダスなどの広告音楽の制作、フィッシュマンズの柏原譲とのOTOUTAでの活動などその活動は多技にわたる。レコーディングエンジニアとしての経験も豊富で、作詞作曲からレコーディング、音源完成までワンストップ
エウレカ&グッドパッチのデザイナーに聞くワイヤーフレームの作りかた！ | Goodpatch Blog
先日、エウレカさんとグッドパッチのデザイナーで第一回合同勉強会を開催しました。今回のテーマはワイヤーフレームです。この勉強会は、ワークショップを通してナレッジの共有をし合い、個々のデザイナースキルを上げる目的があります。エウレカさんのレポートはこちらです。合わせてご覧ください！ １.ワイヤーフレームを作る意味とは ワイヤーフレームを作る意味についてお話をしてくれたのは、エウレカ原さんです。案件を進めるときにまずすること、ワイヤーフレームはなぜ必要か、ワイヤーフレーム制作で意識するポイントについて解説していただきました。 ワイヤーフレームを書く前に 案件を進めるとき、まずすべきことはプロダクトの目的とゴールの再確認です。 最終的に作っているものの方向性を見失わないようにするために、 何が目的でそれを実装するのか？ なんで必要なのか？ それを作ることによって何を解決するのか? を考える必要があ
CSS Lint
Errors (All) | (None) Beware of broken box sizing Require properties appropriate for display Disallow duplicate properties Disallow empty rules Require use of known properties Compatibility (All) | (None) Disallow adjoining classes Disallow box-sizing Require compatible vendor prefixes Require all gradient definitions Disallow negative text-indent Require standard property with vendor prefix Requi
この新卒採用サイトがすごい！2016年度イケてる企業まとめ20選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、さんぺーです。 私は2015年度卒業予定のLIGの内定者だったのですが、うかつにも留年をして2016年度卒業となりました。本当にありがとうございます。 今年はアルバイトとしてLIGで働くことになりましたが、必ずしもLIGにもう一度採用されるとは限らない身の上です。最近は漠然とした不安を抱えて「2016年度卒業の学生のための採用ページ」を眺めているのですが、2016年度は特にユニークなものが多いことに気がつきました。 というわけで、今回はもう一度就活生になった私がグッと来たサイトをまとめてみます。普段からネットを舐めるように見ているIT/Webパーソンの方もお楽しみいただけると思います。 それでは、行ってみましょう＼(＾ω＾＼Ξ／＾ω＾)／ リクルートホールディングス RECRUIT革命｜リクルートホールディングス 2016年度新卒Web採用サイト http://recruit-
第1回 安定とスピードのデザイン | gihyo.jp
ビジュアルデザインと機能性 ビジュアルデザインと機能性。ウェブサイトやアプリケーションのデザインでは、この２つは密接な関わりを持っています。 多くの人は、ビジュアルデザインと聞いて、ものを美しく（もしくは格好良く、楽しく）見せるためのデザインを連想するかもしれません。まさにそれはデザイナーの仕事です。世の中をより美しく、格好よく、楽しくすることは、人が関わるものを生み出すデザイナーにとっての使命です。それをないがしろにすれば、何のためのデザインか、何のためのデザイナーか、と問われることになるでしょう。 ただし、道具の世界では、デザインが機能性に直結しています。人は道具を使うとき、はっきりした目標を持って扱います（はさみを使って紙を切る、蛇口をひねって水を出す等）。そういった目標をどれだけ達成できたか、ストレスなく達成できたかという観点＝機能性は、道具の価値に関わってきます。ウェブサイト
Googleの提唱する「マテリアルデザイン」の事例を集めまくって無料で素材のダウンロードまで可能な「MaterialUp」
Googleが開発者向けイベントGoogle I/O 2014で発表した新しいUX体系が「マテリアルデザイン」です。アニメーションやカードデザインなどを使い、「合理的な余白と動きを使った統一理論に基づいたもの」と定義されていますが、このマテリアルデザインの優れたウェブサイトやモックアップを毎日最大12個展示する「MaterialUp」は、「優れたマテリアルデザインとは何か」が一目で分かる上に素材のダウンロードまでできる便利なウェブサイトになっています。 The Best Of Material Design, daily – MaterialUp http://www.materialup.com/ マテリアルデザインとは何か？ということは、以下の記事から読むことが可能です。 アニメーションを使ったGoogleの新UXデザイン「Material Design」とは？ - GIGAZINE
MEMOGRAPHIX
ブログを移転してしばらく経つ。なにかあったとき引っ込められるように、しばらくは特に告知せず書き続けていたのだが、問題なかったので新たなURLで引き続き活動することにした。 新ブログは下記。お手数ではあるがRSSやらブックマークやら購読やらの変更をお願いしたい。 http://text.sanographix.net過去記事の移転は大変なのでやらない。今後もそのままこのtumblrで見られる。また、移転後も特に記事の書き方は変わらず、こんな調子で書くことにする。 4年半Tumblrで日記を書いてきて、大変お世話になった感がある。が、いまべつのプロジェクトでTumblr結構触ってるし、引き続きほかの場所では世話になりそうである。 引き続きこちらでよろしくお願いします。 同人サークル konel（旧 jadda+）では、8/14のコミックマーケット90で新刊を頒布する。詳しくは下記の告知サイトか
光を効果的に使用したPhotoshopのチュートリアル集：Part 15
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
サイトデザインのアクセントに使える6つのPhotoshopのチュートリアル | コリス
aFreeArtworkにエントリーされている、サイトデザインのアクセントに使える6つのPhotoshopのチュートリアルを紹介します。
[JS]液体が流れるように画像を少しずつ表示するスクリプト -Liquid Image FX
Flashを使用せずに、液体が流れるように画像を少しずつ表示するスクリプトをWeb Reflectionから紹介します。 JavaScript Liquid Image FX demo 上記のデモでは、Firefoxのロゴが左から順に上下左右から液体が流れるように画像を少しずつ表示します。 また、動きを組み合わせたデモもあります。
第1回 使いやすいメニューはどう作る？ ～水平メニュー | gihyo.jp
「使いやすいメニュー」に必要な3つのこと よく「ナビゲーションメニュー」と言われるように、Webサイトではメニューはナビゲートするためのものです。ナビゲートする対象はもちろん人（ユーザー）ですが、もっと具体的に言及すると「情報を探しているユーザー」ということになります。そして、情報を探す際には、できるだけ簡単に探せる必要があります。 使いやすいメニューには、3つのことが必要です。1つ目はアフォーダンス。言い換えると「メニューがメニューである（次の情報に導く）とすぐにわかる」ということです。2つ目はインタラクティブ性。たとえばメニューにマウスオーバーした、あるいはクリックしたことがわかることを意味します。3つ目はカレント表示。これは「現在いる場所がわかる」という意味です。 この3つを満たすため、メニューには3タイプから4タイプの画像を用意することが多くなっています。ノーマル時、マウスオーバー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SpaceX
LUMINE・わたしらしくをあたらしく
404
【ハピスタ】フォトスタジオ・家族写真・子供写真・七五三・入学・卒業・マタニティ
CSS Stats
28歳、女性、未婚、年収300万円――サイトの方向性を決める「ペルソナ」
