フォントhack.jpは日本語フォントの総合案内サイトです フォントhack.jpは、日本語フォントの魅力を皆さまお届けするフリーフォント総合案内サイトです。自由にインストールして利用できる、フリーフォントを中心に紹介しております。またフォントなニュースやフォントに関するブログなど書体に特化したコンテンツを提供しています。 フォントとは？ フォントはある様式に従って文字をデザインしてそれをパソコンなどで表示したり、印刷できるようにしたものです。パソコン内では「0」と「1」の組み合わせ(2進法)でデータ化されていますが、液晶画面などに表示するときやプリンターで印刷するときに文字となって表現されます。書体とも呼ばれていますが、これは昔あった写植のなごりで、ゴシック体(カクカクした感じの書体)とかナール(丸文字の書体)などと呼ばれていました。写植とは、写真植字といい、文字が沢山書かれた文字盤の上

ジャンティでは、広告なしの無料レンタルサーバーを提供しています。運営元 株式会社徳永商事 広島県廿日市市 佐方4-9-16 0829-34-2775 info@tokunagashoji.co.jp

CSS設定でオブジェクトを半透明にできるプロパティがあります。 IEのみのCSSプロパティでしたが、Firefox・Operaでも同じように表示可能にできる方法を説明したサイトがありましたので紹介しておきます。 他にもいくつかのOpacityプロパティを使ったTipsが紹介されていますので、参考に覗いてみてください。 CSS Opacity in Mozilla,IE, and Opera http://www.mandarindesign.com/opacity.html CSS Opacity設定 以下のコードでIE・Firefox・Opera・Netscape・Safariで同等表示がえられます。 filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; IE alpha(opacity=透明度); 100が100％とな

春ごろから、少しこれまでを振り返り、自分がどういうスタイルで研究をしてきたかを「アイデアのつくりかた」というスライドにまとめて、5月の研究室の合宿と、7月の椎尾研、暦本研、増井研、安村研合同合宿で、発表しました。なんと、思い返して書き綴ると、153枚くらいのスライドになった。今でもどんどん増えている。そして、これが意外と評判がよくて、増井さんにもほめられました。 と、こんな感じではじまります。導入は、アイデアは誰でも持っているとしてはじまります。では、いったいどうすればアイデアが実現するのか、約10年の経験を踏まえて語っています。 アイデアというと「アイデア自体」が重要とされることが多いと思いますが、私の経験からは、半分くらいは「アイデアを出すときのコミュニケーション」に問題がある。と感じました。 つまり、 「すっごいいいアイデアおもいついた！」 ↓ しゃべる ↓ だいたい否定される。 ↓

ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。

WEB UI Treasure Chest ユーザーインターフェイスのパーツは、上記のキャプチャ以外にもたくさんの種類が揃っています。 カーソル チェックボックス ラジオボタン ボタン フォーム リボン ページのコーナー カレンダー スクロールバー サイン ツールチップ用の吹き出し ビュレット、アロー、ロゴなど ダウンロードできる素材のフォーマットはPSDで各要素ごとにレイヤーが整理されており、フォントが無い人用にプレビューのJPEGも揃っています。

CSS HackもJavaScriptもIEの条件付きコメントも無しで、IE6でmax-widthを実現するスタイルシートをCSSplayから紹介します。 'max-width' for Internet Explorer IE6 demo: center 実装のポイントとなるのは左右に配置されたdiv要素で、それぞれマイナスマージンを指定します。 コンテンツを配置するdiv要素には「overflow:hidden;」を指定します。 デモでは上記のmax-widthのコンテンツをセンターに配置したものと左右に配置したものがあります。 'max-width' centered 'max-width' left 'max-width' right

昔流行ったけど、これはもう使用しない方がいいものや人気がすたれているウェブデザインのトレンドをWeb Design Ledgerから紹介します。 Most Used and Abused Web Design Trends of All Time 以下、その意訳です。 過激な表現も一部あるので、留意ください。 はじめに 鏡面反射 アクア フラリッシュ コーヒーカップ 地球 コミックフォント ストックフォト ペーパー ポラロイド 特大のRSSアイコン 音の自動再生 カウンター マーキー ブラックの背景 スプラッシュページ スキップの無いイントロ ブラックの背景 はじめに トレンドは、ウェブデザインにおける良くないキーワードではありません。実際に、下記のリストのものはその時々でウェブデザイナーを鼓舞させました。これらのアイデアは影響が非常に大きくかったので、大量のクローンが作りだされました。

CSS 画像の一部を使う3つの方法 こちらの記事でCSSを利用して画像の一部分だけを表示させる3つのテクニックが載ってました。タイムリーに実務で使うかも！とか思ったのでメモがてらにエントリ。 3 Easy and Fast CSS Techniques for Faux Image Cropping | Css Globe ちなみに上記エントリでは、これらの方法を「Faux Image Cropping」って呼んでます。私の拙い英語力ではCropって「作物」としか記憶してなくて一瞬何のこっちゃと思ったんですが、辞書引いてみると「刈る」とかいう意味もあるんですね。なるほどなるほど。 ネガティブマージンを利用する方法 まず１つ目はネガティブマージンを利用する方法。 必要条件 親要素に「overflow:hidden;」を指定 一部分を利用する画像に対してのネガティブマージンの指定 >>ネガティ

BOXES › 'max-width' for Internet Explorer IE6 Date : 5th October 2009 For IE6 A CSS ONLY answer, no javascript and no Microsoft expressions 1. A centered version 'max-width' centered 2. A left aligned version 'max-width' left 3. A right aligned version 'max-width' right It has been a long time coming and if it were not for a Sitepoint quiz I would not have re-visited this problem, but here it is,