「FUMIKURA」は、A4用紙に印刷できるシンプルかつ機能的なブックカバーを生成してくれるWebサービスです。 こちらで生成されるブックカバーにはカバーとしての機能の他に、様々な情報を書き込むことを目的とした機能があります。 詳しくは、FUMIKURAサイト内の「FUMIKURAとは」のフォーマットを参照のこと。 作成方法については、「ヘルプ」を参照すると良いでしょう。 生成する際は「ブックカバー出力」から行えます。 また、幾つかの設定をすることも可能です。 「ブックカバー生成」ボタンをクリックして少し待つとPDF形式でブックカバーが表示されます。 使用しているWebブラウザによって、若干挙動が異なる場合もあるらしいのでご注意を。 特に、Google Chromeをお使いの場合は、意図と異なった書体で出力されたり、表示がずれてしまったりすることがあるようです。 そういった場合は

PANTONEは、色見本とかで有名な企業ですね。 毎年テーマカラーを発表していて、ファッション業界や、製品などのデザインだけでなく、Web業界にもある程度影響力を持ってます。 で、今年のテーマカラーはエメラルド。 Emerald – Pantone Color of the Year 2013: – Color trends, color palettes , Pantone 17-5641 TCX. Learn Moreから色の情報を見ることができます。 ですが、いろいろ調べてみましたが、どうにもPANTONEの色見本帳を持っていないと全然使えません。 日本でPANTONEの販売を行なっているショップのサイトにカラーガイドがありましたので、参考にリンクを貼っておきます。 PANTONE パントン（パントーン）ファッション+ホーム　カラーガイド　TPX ついでなので、サイトの

[CSS]高性能すぎてビックリしました、レスポンシブデザイン用の超軽量フレームワーク -Kube Framework

HTML5+CSS3+JavaScriptで制作されたオープンソースのUIコンポーネントコレクションを紹介します。 Chico UI [ad#ad-2] Chico UIの対応ブラウザは下記の通りです。 IE6には対応していませんが、十分でしょう。 対応ブラウザ Google Chrome Safari Firefox 4+ Internet Explorer 7+ Opera Chico UIのウェブページに使用するさまざまなUIコンポーネントを紹介します。 と、その前にレイアウトとグリッドから。

Web Icon Fonts Webフォントで使えるアイコンセット。IE8以下では使えないです。iOS4.1以下も多分見られない。 _Download(35KB) @font-face{ font-family: 'WebIconFonts'; src: url('WebIconFonts.woff') format('woff'), url('WebIconFonts.ttf') format('truetype'); } .icon { font-family: WebIconFonts; } Arrows !Back! 1Back1 #Forward# 3Forward3 $Up$ 4Up4 %Down% 5Down5 &Done& 6Done6 'Close' 7Close7 (Plus( 8Plus8 )Minus) 9Minus9 Social Networks AAmazon

デザイナーになりたいって思った時にPhotoshopやIllustrator、cssやhtmlを勉強しなきゃな〜><て考えると思うのですが、技術的なことを学ぶ前にまずデザインが出来なきゃ始まりませんよね。 センス？かっこ良さ？奇麗さ？良いデザインにしたいけど、何をしたらいいかわからない。そんな時に何を考えたら良いのかデザインの基本をまとめてみようと思います XD はじめに 良いデザインって？ 最良の方法？ 1.コンテンツの目的 2.ターゲット 3.これらを組み合わせた例 デザインの基本 1.書体について 2.ジャンプ率 3.ホワイトスペースを生かす >ホワイトスペースで情報を分割する >ホワイトスペースで囲む >ホワイトスペースにあえてはみ出す 最後に はじめに デザインという言葉を聞くと、かっこいい、かわいい、おしゃれ、きれい、などと感覚的なものを思い浮かべる方が多いのではないでしょうか

私はフリーランスの Web デザイナーとして、クライアントさんの Web サイトを作成するお手伝いをさせていただいています。今回は、私が仕事でデザインするときに気をつけている事や、Web 制作のフローをまとめてみました ...。 Webサイトを作るとき、みなさんはどんな制作フローをたどって作ってますか？私はフリーランスで仕事をしていて、最初から最後までひとりで作ることが多いです。今回はふだんデザインする時に気をつけてる事や、いつもしている Webサイトの作成フローをまとめてみました。もっと効率化できることがあるはずだなーと思いつつ、最初から最後までを書いてみました。 また、Webデザイナーってどんな仕事なのっていう質問をときどきいただくので … こんなことしてます … みたいな紹介です。これはあくまで私が Webサイトを作る時にしているフローで、他の Webデザイナーさんや制作会社さんと違

スマートフォン向けサイトやアプリケーションを開発するのに役立つフレームワーク・ツール・プラグインなどのリソース、ナビゲーションをはじめとするUIパターンをまとめたサイトを紹介します。

Another CSS framework?! Yup, ’fraid so, but this one’s different… It combines years of my best dev tips, tricks and practices in one handy file. inuit.css keywords Progressive Flexible Mobile Tablet Sensible Extensible Accessible Pragmatic Functional Useful Production-ready More What does it do? Mobile & tablet… inuit.css is built to work on smaller screens (such as tablets) and tiny screens (such

Webサイトは、PCからのみ閲覧されるわけではありません。フルブラウザ搭載の携帯電話、iPhoneやAndroidなどのスマートフォン、iPadなどのタブレット、様々な端末で閲覧されています。これらは、困ったことにそれぞれ画面のサイズが異なります。そのため、Webサイトのマルチデバイス化が必須と言ってよい時代になってしまいました。 しかし、それぞれの端末ごとにレイアウトの違うWebデザインを用意するのは、現実的とは言えません。そんな事をしたら時間もかかりますし、コンテンツの管理も大変です。 では、どのようにマルチデバイス化をするのか…と言うと閲覧される端末の表示領域に応じて、Webページのレイアウトを柔軟に切り替わるよう調節すればよいのです。 そこで、注目を集め始めているのが、「レスポンシブWebデザイン」という手法です。 今回は、簡単にレスポンシブwebデザインについて説明すると共に