ライセンス云々がややこしい事が多い、フォント。 日本語利用可能・商用利用可能で「無料」となると数が少ないのが現状。 という事で、使用条件が厳しく無く、商用可能な、漢字対応の日本語フォントを7個紹介してみる。 ※リンクウェア等は現実的に「商用利用」が難しいので除外しています。 ※利用する場合は、必ず詳しい利用制限や利用規約等を配布サイトにて確認して下さい。 あ、紹介の前にまず…素晴らしいフォントを無償で公開して下さっている方々に感謝!
ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです! IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに!」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height(相当)の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi
ウェブサイトをユーザーにリラックスして楽しんでもらえるように、より使いやすくする10のTipsをWeb Designer Depotから紹介します。 10 Tips to Create a More Usable Web 以下、各ポイントのピックアップです。 1. Creating active navigation アクティブ機能をもったナビゲーションの設置 サイトのどのセクションにいるか、ユーザーに明示できるナビゲーションを設置します。 2. Clickable labels & buttons ラベルやボタンをクリック可能に フォームのラベル(label)やボタン(button)に、クリック可能であることが分かるようにスタイルシートで設定します。 例: <textarea name="code" class="css" cols="60" rows="5"> label, butto
こんにちは、シックス・アパートの高橋です。 米国のTypePadのサイトに、「ブログを格段に美しく見せる10のデザインTIPS」のページが新設されました。 ブログをデザインする上で、重要だけど見過ごしがちな10個のポイントが分かりやすくまとまっていたので、翻訳してご紹介したいと思います。 ※ 原文:10 Design Tips to Make Your Blog Look Fabulous 1. ブログの目的を明確にしましょう ブログバナーにブログのタイトル・サブタイトルをはっきり入れることで、そのブログの書き手が誰なのか、そして何について書いているブログなのかをはっきりと分かるようにしましょう。初めてそのブログに訪れたユーザーは、一目でどのようなブログなのかが伝わらないとすぐに去ってしまいます。 2.「シンプルさ」を心がけましょう ウィジェットやブログパーツは、あなたのブログを簡単に賑や
萌え本には元素萌え・有毒生物萌え・萌え最新物理学・古事記萌え・数学娘萌え・萌え独ソ戦とかいろいろがあるけど、サークルゆず屋のCOMIC 1☆3新刊・フォント萌え同人誌「書体の研究Vol.3 」がとらのあな専売で販売が始まっていた。 表紙は『オタクのためのフォント読本 -「書体萌え」という生き方が、ある-』。 第1弾の「書体の研究Vol.1」を昨年(2008年)夏コミで出されたみたいで、フォント萌え同人誌は今回で3つ目。COMIC 1☆3で入手された「忘れられたニッポン」を訪ねる日々さんによると『アニメ、マンガ、ラノベなどのタイトルロゴについて、どんな書体が使われているかを研究する「書体萌え」本。これは参考になるよ。良本です』とのこと。 なお、同人誌「書体の研究Vol.3 」は、特集が『フォントの買い方 第2回 年間ライセンシング編』で、ほか、ライトノベル「とある魔術の禁書目録」・「とらドラ
10名のデザイナの方々に「Geekなぺーじ」デザインダメだしをして頂けました! 何か凄く豪華な会合をして頂いて非常に恐縮です。。。 昨晩早速いくつかサイトデザインを変更してみました。 以下に、会合は開催された経緯、そこでの指摘、昨晩の変更点を述べます。 会合が開催された経緯 「Geekなぺーじのデザインは駄目だろう」とずっと思っていたのですが、「どうすれば駄目ではなくなるか」に関してどうして良いのかが全くわからないという日々が数年間続いていました。 そして、キッチリとしたサイトを作れる方々に対する憧れというものがありました。 ある日、twitterで何度かやり取りをして、その後某新年会でお会いしたcremaさんが過去の勉強会資料(デザイン勉強会の資料を公開します。)を教えてくれました。 それを見て「これはすごい」と思ったのですが、「じゃあ、この考え方を自分のサイトに適用したらどうなるの?」
45 Beautiful Free Fonts for Modern Design Trends - Six Revisions 美しいフリーフォント45セットが紹介されています。 ロゴデザインなんかに使ってもまったく問題なさそうです。 Cicle Share Reznor Broken Alte Haas Grotesk Abrosia AUdimat 全部見る フォントのインストールのしすぎは注意が必要ですが、これは、というお気に入りのフォントがあったら入れておきたいですね。 関連エントリ 萌え系フォントのまとめ ウェブ、DTPに使えるクールなフォント集 フリーフォント大量配布/紹介サイトいろいろ フリーフォントを入手するためのトップ5サイト 女性の書いたようなやわらかい萌えフォント「あんずもじ」
かっこいいロゴをデザインしたい。 そんなあなたにおすすめなのが、『10 Fonts to design original logos』。オリジナルロゴをデザインするためのフリーフォント10選だ。 以下にいくつかご紹介。 ↑のフォントはUnit Rounded Bold。 Chica Monospace Light Out Anja Eliane Danube ダウンロード、およびその他のフォントは以下から。 » 10 Fonts to design original logos オリジナルロゴをデザインするためのフリーフォント、チェックしてぜひ使ってみてはいかがだろうか。 ■追記(08.09.07) 追記で申し訳ないですが、↑のリンク先の、「Unit Rounded Bold」と、「Helvetica Neue」は、フリーではありません。どちらも料金がかかってしまいます。 確認不足ですみま
全部で25個のカテゴリに分類されており、それ以外にもフォント名や頭文字で探すことも可能。フリーフォントだけでなく、商用のフォントも2万3000個以上用意されており、「こういうフォントが欲しい」と思った際に的確に発見できるように作られています。 詳細は以下の通り。 Search Free Fonts - over 13,000 free fonts available for download http://www.searchfreefonts.com/ 25個のカテゴリはこんな感じ。 Fonts by category: Script fonts 例:Atmosphere Fonts by category: Military fonts 例:Crass Fonts by category: 3D fonts 例:Knockout Fonts by category: Antiques
Apache/2.4.29 (Ubuntu) Server at modernlifeisrubbish.co.uk Port 443
今回は,デザイナーとして,世間やプログラマに対して言いたい放題書かせてもらう。どうか怒らずに最後まで読んでもらいたい。デザイナーの皆さんには,大いに賛同していただける内容になっているはずだ。 デザイナーだって,タイヘンなんだ! まず,デザイナーという仕事は,非常に誤解されやすい。例えば次のような誤解をうけて,暗い気持ちで日々の作業をこなしているデザイナーも少なからずいるはずだ。 1) デザイナーという職種に対する,先入観がある 世間(顧客やエンドユーザー)には,「すべてのデザイナー」=「技術に無知」だという先入観がある。「デザイナー」とは「Webページの配色とレイアウトをする人」だから技術を知らなくて当然,むしろ知らなくてよいとする傾向すらある。開発ツールが完全分業に向けて進化しているのだから,デザイナーはビジュアル・デザインのことだけ考えていればいいという意見を持っている人もいるだろう。
CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました(つまり回避法を用いない場合にどんなバグが発現するか)。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう (ブロックレベル要素を内包するボックスにはpaddingを指定しない。) 左右ボーダーとパディングを設
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く