[B! デザイン] fandango_track0212のブックマーク

いまさら聞けない＞＜；基礎から学ぶ「HTML5」超入門！

HTML5 旋風、吹き荒れてますね！(^0^)／さて、ものすごく突然で恐縮ですが、この度「HTMLファイ部」、設立しました！株式会社カヤック（本社：神奈川県鎌倉市、代表取締役CEO：柳澤大輔、http://www.kayac.com以下「カヤック」）は、HTML＋CSSコーディング、JavaScript プログラムを担当する職種が所属する「HTMLファイ部」を発足いたします。これまでHTMLおよびCSS、JavaScriptの担当者は、プログラマが所属する技術部、デザイナが所属する意匠部ME課（MEはMarkup Engineerの略）に分かれて所属していましたが、昨今のHTML5の進化と普及を受けて、HTML、CSS、JavaScriptの担当者は「HTMLファイ部」にて活動をスタートします。そんなHTMLファイ部員が今回お送りさせていただくのは、 HTML5 について基礎から

fandango_track0212 2011/09/16

リンク

すべての書評ブロガーに捧げる、最強の書籍ブログパーツ「ヨメレバ」

私の知らないところで、ヨメレバは巷の書評ブロガーにとって人気のパーツになっていたようです。言ってよー！って感じです^^　運営者にはクレームの声しか入ってこないので（涙）今回、書評ブロガーさん向けに便利なブックマークレットをご用意しました。これまでのアマゾン、楽天ブックスに加えて、メディアマーカー上からも書籍パーツを作れるようにしました。ちょうど一年ほど前にリリースして、細々を運営し続けてきた、書籍専用ブログパーツ「ヨメレバ」。もともとは私自身が利用するために作ったサービスです。先日、「すべての書評ブロガーに捧ぐブックマークレット「MMHtml」公開！」という記事で、大々的に紹介されました。ありがたいことです。多くの書評ブロガーさん達が、メディアマーカー（MM）で読書管理をしているため、メディアマーカーから直接ヨメレバのブログパーツを作れると便利なのだそうです。そこで、matuさんが

fandango_track0212 2011/05/17

リンク

[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary

これはもう何年も前から気になってることなのですが。何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。私は、見出しやタイトル画像における文字組み

fandango_track0212 2011/02/17

リンク

25分でわかるPhotoshopの基本機能（初級編） | ライフハッカー・ジャパン

Photoshop持ってないんだけど...という方は、ひとまずトライアル版（30日の期限つき）をダウンロードしましょう。Photoshop買うお金なんてないよ！という方でも、ここで紹介する機能は、Photoshop以外の画像編集ソフトでも使えるものが多いので、参考にしてみてください。 ■ツールバーすべてのツールは紹介しませんが、なるべく多くをカバーします。まずは、写真を探して、さっそく編集してみましょう。移動ツール（キーボード：V）キャンバス上のどこかをクリックし、ドラッグすると、レイヤーを移動できます。マーキー（キーボード：M）キャンバス上の一部分を特定の形で選択できます。デフォルトでは長方形（シフトを押しながら行うと正方形に）となっていますが、形は円などにも変更可能です。ラッソ（キーボード：L）手動で領域を選択できます。点を打っていくことで、その点を角とした図形の形で選

fandango_track0212 2011/02/15

リンク

効果的にコンテンツを配置する代表的な3つのレイアウトとは

ウェブデザインでもよく使用される、ユーザーの視線の動きを予測し、効果的にコンテンツを配置する代表的な3つのレイアウト、グーテンベルグダイアグラム、Zパターン、Fパターンを紹介します。 3 Design Layouts: Gutenberg Diagram, Z-Pattern, And F-Pattern [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。グーテンベルグダイアグラム Zパターンレイアウト Fパターンレイアウト Pattern of Focal Points -情報の階層化グーテンベルグダイアグラムグーテンベルグダイアグラムとは、均等に配置された同種の情報を見るときの視線の動きを一般的なパターンにしたものです。これは特に、テキストの比重が高いコンテンツにはまります。グーテンベルグダイアグラムグーテンベルグダイアグラムは4つの象

fandango_track0212 2011/02/10

リンク

文章の作り方 - 伝わるデザイン研究発表のユニバーサルデザイン

研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく

fandango_track0212 2010/08/05

デザイン

リンク

ワールドカップでアディダスが使っていたフォント「Unity」 | ajickr blog

ワールドカップでアディダスのユニフォームに採用されていたフォントをおぼえていますか？　日本代表のユニフォームが発表になった時、ボクの周りの友人たちはすごい勢いで批判してましたよ。「だせー」とか言って。「フォントもビミョー」とかね。ボクも最初、違和感があったんですけど、最後の方はそんな違和感もなくなり、むしろちょっとカッコイイとか思うようになってしまいましたが笑。今回はこのフォントについて少し紹介したいと思います。サッカーをこういうデザイン面で見てみるのもおもしろいですよ。なんとなくわかりますかね？　↓このフォントです。このフォントは「Unity」といって、アディダスがワールドカップへ向けて作ったフォントなんですね。デザインしたのは、現在ロッテルダムに在住のブラジル人デザイナー、Yomar Augusto さん。この「Unity」のアルファベットだけ並べてみるとこんな感じです。どうでしょ