タグ

*webdesignに関するyuimokeのブックマーク (128)

  • 人気のあるフリーフォントが500個抽出される「Fonts 500」 - GIGAZINE

    ダウンロード数に基づいて人気のあるフリーフォント500個をピックアップされています。ダウンロード数が多いものを選んでいるだけあって、どこかで見たようなフォントもチラホラ見られますが、どれも有用そうです。 詳細は以下から。 Fonts 500 http://www.fonts500.com/ ダウンロードしたいフォントは、プレビュー画像をクリックすればダウンロードできます。現在はちょっと重いので画像が表示されなかったり、サイトにつながりにくいこともあるようです。 Use custom textに好きな文字列を入れてボタンを押すと、プレビュー画像に反映。 その他のフリーフォントは以下の記事を参照してください。

    人気のあるフリーフォントが500個抽出される「Fonts 500」 - GIGAZINE
  • 無料で利用可能なフォントをダウンロードできる「CoffeeCup Software」 - GIGAZINE

    「CoffeeCup Software」という1996年から続いている海外では有名なソフトウェアメーカーがあり、そのサイトに無料で利用できるフォントが全部で64種類も置いてあります。ブラシ系のフォントが多く、いろいろな用途で使えます。ほかではありそうであまりないタイプのフォントが多いので使い勝手は良さそう。 ダウンロードの手順は以下から。 Free Fonts - Download Your Fonts - CoffeeCup Software ダウンロードするためには無料の会員登録が必要です。とりあえずどのフォントでもいいので「DOWNLOAD FONT」ボタンをクリックします。 「Dont Have an Account」をクリック 名前、メールアドレス、パスワード、パスワードの確認という順序で上から入力し、「Register」をクリック メールアドレスにメールが来るので中にあるリンク

    無料で利用可能なフォントをダウンロードできる「CoffeeCup Software」 - GIGAZINE
  • ひっかき傷風のかっこいいフォントいろいろ - 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 一部、通常の手書きフォント風のものとかも混じってます。

    ひっかき傷風のかっこいいフォントいろいろ - GIGAZINE
  • 無料で利用できるアイコン集「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

    無料で利用できるアイコン集「Tango Icon Library」
  • 知っておくと便利な「無彩色」の使い方

    白、黒、グレーのように色みを持たない色のことを「無彩色」と言います。 (むさい色じゃないよ!) 「無彩色」はどんな色ともマッチする反面、使い方によっては地味で無機質な印象になりがちですが、上手に使うとシックでスタイリッシュな雰囲気になります。今回は、色使いの基として「無彩色」の使い方を紹介したいと思います。 色には大きく分けて「有彩色」と「無彩色」の2種類あります。有彩色は「色相、明度、彩度」の3つの性質があるのに対し、無彩色は「明度」*だけの性質を持っています。 *明度(めいど:value) 色の明るさの度合いのこと。 最も明度の高い色が白、最も明度の低い色が黒です。 Webデザインに「無彩色」はかかせない存在 背景など部分的に使う グラデーションをつける 明度差をつけて強調する 光と影をつけて立体感を出す どんな色ともケンカをしない「無彩色」は、使う場所を選ばない万能な色。 Webデ

    知っておくと便利な「無彩色」の使い方
  • とほほのXHTML入門 - とほほのWWW入門

    今更、HTML から XHTML に移行するのは無理がありすぎたのか、XHTML は廃止の方向となりました。詳細は HTML Living Standard の歴史を参照してください。(2018.1.7) XHTMLとは? XHTML1.0 の記述例 HTML4.0 と XHTML1.0 の相違点 タグ名や属性名はすべて小文字で記述する タグを省略してはならない 終了タグが無いものは、/> で終わる 属性値はすべて "..." で囲む 属性は必ず「属性名=属性値」の形式で記述する 属性値の空白は   と記述する 属性値の & は & と記述する スクリプトやスタイルシートの禁止文字 name 属性と id 属性 tbody の省略 その他 XHTML1.1 と XHTML1.0 の相違点 deprecated な要素やタグを廃止 モジュール化 その他の変更点 XHTML

  • Web 2.0のデザインパターン | S i M P L E * S i M P L E

    Web 2.0のデザインパターン November 24, 2006 12:15 PM written by Gen Taguchi メモ書きにてエントリー。訳しただけだけど。 Pixel Acresにて「The visual design of Web 2.0」という記事があがっています。Web 2.0っぽいサイトのデザインをパターン化したものです。見た目がすべてではありませんが、とっても重要なのは間違いないです(「見た目いけてないから他のサイト行こうっと」はよくありますよね・・・)。 さて、ではポイントをば。 ■ グレーの次はグリーンだ! 明るいグリーンが流行です。下記サイトをみてもそうですよね。 ■ 角丸命! Rounded Cornersは新しい標準す。 ■ 「無料!」印がキーワード まずはトライアルができるのがWeb 2.0の特徴。無料の文字もいれときましょう。 ■ は?素材集す

  • ホームページ制作の0円のweb素材屋さん|ホームページ制作ツール

    ホームページ制作に役立つwebデザインを無料配布している0円の無料素材屋さんは、プロのwebデザイナーによって作られています!ホームページ制作だけではなくブログ制作にも役立ちます。アイコン、ボタン、背景、バナーなど、web素材が無料!ネットショップから企業サイトまで、ビジネス向けの商用にも使えます。素材利用の使用報告など、面倒なことは必要なっし!皆さんが楽しいwebライフをすごせますように♪ ← これも無料素材のひと~つ!無料だよ! あ、この素材いいなぁ♪と思ってくれたら、どんどんリンクしてくれると嬉しいです!!下記のバナーをどうぞご活用ください!また学校教育関連の資料や素材としても、どうぞご利用ください、お役立ちできると嬉しいです。