Google、オープンソースのWebフォント集「Font Directory」と「Font API」を公開
Google、オープンソースのWebフォント集「Font Directory」と「Font API」を公開 Googleは、Webフォントを利用するためのフォント集とそれを利用するためのAPIを公開した。HTML5とCSS3の組み合わせでWebの表現力がさらにリッチになりそうだ。 米Googleは5月19日、フリーのWebフォントを集めた「Google Font Directory」と「Google Font API」を公開した。開発者は安全かつ容易にWebページでこれらのWebフォントを利用できるという。 Webフォントは任意のサーバ上にアップロードされているフォントをWebブラウザの表示フォントとして利用する技術で、これにより利用者のPC環境にインストールされていないフォントを表示用フォントとして使用できるようになる。CSS3ではWebフォントを利用するための「@font-face」機
国産限定・Web制作時に覚えておくと便利な14のフリーのWebサービス
最近、国産のWebサービスも かなり勢いがあるなぁと思ったので ちょっとまとめてみました。よく 紹介されるのは海外製ですが、 それに劣らないMade in Japanの Web制作者が知っておくと便利そうな フリーのWebサービスをご紹介します。 順不同です。日本語が完全に通じる海外Webサービスも今回は省いて純国産のWebサイト制作に一役買ってくれそうなWebサービスをご紹介したいと思います。出来る限り高性能だったり多機能なWebサービスのみにしたつもりですが主観入ってます。 Color of Book 国産サービスで一番多用しています。AmazonAPIを使って雑誌の表紙を抜き出し、その表紙からカラーチャートを生成。アイデアが素晴らしいですね。雑誌は表紙のデザインや色で惹きつけるよう考えられている事が多いのでWeb制作時のカラー選定にかなり参考になるのでは。 Color of Book
Moving Domains - Balkhis is now SyedBalkhi.com
In 2008 when I launched my personal blog to share my experiences, I decided to call it Balkhis instead of using my full name (Syed Balkhi). As time passed on, I regretted that decision because it created a lot of confusion. People thought that my last name was Balkhis instead of Balkhi. I basically combined my last name with the first letter of my first name. I was @syedbalkhi across all social me
無料でユーザー登録も不要。Webサイトのモックアップを直感で作成、PDFやjpgで保存できるLumzy
結構便利そうだったのでご紹介。オンライン でWebサイトの簡単な設計図、いわゆる モックアップをドラッグ&ドロップ、直感で作成 出来て、PDFやJPGで保存出来るフリーの Webサービス、lumzyのご紹介。ユーザー 登録不要というのが良いですね。 日本語もある程度使えて（ボタンのテキストなどには使えないです）、PDFで保存しても文字化けせず、しかもユーザー登録も不要なので結構重宝しそうな気がします。 「モックアップはきれいに作りすぎてはいけない、という話」という記事でもありますが、手書きのような感覚でスピーディに作れるので件の記事内容に沿ったモックアップの作成が出来そう。 lumzy ユーザー登録不要と言うのが手軽でいいですね。それでいて結構高機能なので侮れません。以下に簡単に使い方を。 プロジェクトを作る まず、プロジェクト名を決めます。決めなくてもモックアップは作成出来ますが、決めな
MOONGIFT: » クールなブログを作ろう「free CSS Templates」:オープンソースを毎日紹介
最近、サイト全体をブログで構築するケースが増えている。時事性が強く求められている現在のネット状況では、ブログというサイト構成が向いている。 しかしありがちなデザインでは誰も見向きもしてくれない。そこでクールなデザインを簡単に導入しよう。 今回紹介するオープンソース・プロジェクトはfree CSS Templates、2.0的なデザインを提供しているテンプレートサイトだ。 free CSS Templatesでは200を越えるテンプレートを提供している。全体的にブログ向けのテンプレートが多い。検索がないのでリストで見ながら、サムネイルで好みに合うデザインを探す必要がある。 眺めてみた限りでは2カラムのものが多いように思える。画像を使っているか、リキッドデザインになっているかどうかの記述が掲載されている。 画像があるのでデザインをオリジナルに変えるのは難しいかも知れない。だが、そのまま利用して
フリーの紙や布のテクスチャ素材のリンク集 | コリス
フリーで配布されている、紙や布のテクスチャ素材のリンク集です。 12 Pixey Hi-Res Papier Scans JPEG Set 01- Stock Images JPEG [ad#ad-2
HTML/CSSの構文チェックができる便利な無料ツール『bkhvalid』 | P O P * P O P
窓の杜で紹介されていた「bkhvalid」を使ってみました。HTML/CSSの一括構文チェックができるツールです。 » 窓の杜 – 【NEWS】ローカルやWebサイト上の複数HTML/CSSを一括して文法チェック「bkhvalid」 ひとつ上のウェブサイトつくりを目指している方には便利ではないでしょうか。正しいコードで誰でも更新できるようなサイトを目指したいですよね。 以下に使い方を簡単にご紹介。 ↑ 起動したらチェックしたいファイルを追加していきます。フォルダを指定して追加したり、ドラッグ＆ドロップで追加可能です。 ↑ 全部追加したら右上のアイコンをクリック。解析開始です。 ↑ 下に警告がずらずらと。そこをクリックすると該当ファイルにジャンプ、その場で編集できます。 ↑ 警告されたい項目を細かく指定できます。 ↑ 画面は縦に並べることも可能。 自分が作ったサイトなどをチェックしてみると次
Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
Web2.0とは何か？というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d
人気のあるフリーフォントが500個抽出される「Fonts 500」 - GIGAZINE
ダウンロード数に基づいて人気のあるフリーフォント500個をピックアップされています。ダウンロード数が多いものを選んでいるだけあって、どこかで見たようなフォントもチラホラ見られますが、どれも有用そうです。 詳細は以下から。 Fonts 500 http://www.fonts500.com/ ダウンロードしたいフォントは、プレビュー画像をクリックすればダウンロードできます。現在はちょっと重いので画像が表示されなかったり、サイトにつながりにくいこともあるようです。 Use custom textに好きな文字列を入れてボタンを押すと、プレビュー画像に反映。 その他のフリーフォントは以下の記事を参照してください。
無料で利用可能なフォントをダウンロードできる「CoffeeCup Software」 - GIGAZINE
「CoffeeCup Software」という1996年から続いている海外では有名なソフトウェアメーカーがあり、そのサイトに無料で利用できるフォントが全部で64種類も置いてあります。ブラシ系のフォントが多く、いろいろな用途で使えます。ほかではありそうであまりないタイプのフォントが多いので使い勝手は良さそう。 ダウンロードの手順は以下から。 Free Fonts - Download Your Fonts - CoffeeCup Software ダウンロードするためには無料の会員登録が必要です。とりあえずどのフォントでもいいので「DOWNLOAD FONT」ボタンをクリックします。 「Dont Have an Account」をクリック 名前、メールアドレス、パスワード、パスワードの確認という順序で上から入力し、「Register」をクリック メールアドレスにメールが来るので中にあるリンク
ひっかき傷風のかっこいいフォントいろいろ - GIGAZINE
上記画像のような感じのフォントがいろいろ置いてあります。ミスプリントというか、壊れたタイプライターというか、そんな雰囲気のフォントです。 ダウンロードは以下から。 misprinted type 3.0_ art, design and type (1998-2005) Eduardo Recife ダウンロードできるフォントは以下の通り。 Astonished Broken 15 DIESEL DIRTY EGO Disgusting Behavior Downcome Guilty HORSE PUKE Max Rhodes Memory Lapses Misproject Nail Scratch Nasty Pastelaria Porcelain Print Error Rochester Selfish Shortcut 一部、通常の手書きフォント風のものとかも混じってます。
無料で利用できるアイコン集「Tango Icon Library」
クリエイティブコモンズライセンスにて提供されており、無料で使うことができます。また、16x16、22x22、32x32の3種類のサイズのPNG画像以外にも、SVG形式で提供されているため、好きなサイズに変換して利用することも可能です。 ダウンロードは以下から。 Tango Icon Gallery - Tango Desktop Project 使用条件についてはこのページの「Terms Of Use」に書いてあります。 また、SVG形式から好きなサイズのPNG形式画像に変換するには、フリーソフトの「Inkscape」を使うと簡単です。 Illustratorのようにベクター画像を扱うフリーソフト「Inkscape」 - GIGAZINE 起動したらSVG形式のファイルを開いて、「ファイル」→「ビットマップにエクスポート」を選ぶ。 あとは幅と高さを設定して「エクスポート」をクリックすればO
ホームページ制作の0円のweb素材屋さん｜ホームページ制作ツール
ホームページ制作に役立つwebデザインを無料配布している0円の無料素材屋さんは、プロのwebデザイナーによって作られています！ホームページ制作だけではなくブログ制作にも役立ちます。アイコン、ボタン、背景、バナーなど、web素材が無料！ネットショップから企業サイトまで、ビジネス向けの商用にも使えます。素材利用の使用報告など、面倒なことは必要なっし！皆さんが楽しいwebライフをすごせますように♪ ← これも無料素材のひと～つ！無料だよ！ あ、この素材いいなぁ♪と思ってくれたら、どんどんリンクしてくれると嬉しいです！！下記のバナーをどうぞご活用ください！また学校教育関連の資料や素材としても、どうぞご利用ください、お役立ちできると嬉しいです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
大熊猫舗零食
サービス終了のお知らせ
Aaron'sTools--中国風の素材
有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳