はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ アンチエイリアス

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 9 / 9件)
 

Webブラウザにおける文字のアンチエイリアスの現状の最適解 | dwango creators' blog(ドワンゴクリエイターズブログ)

2017/05/17 このエントリーをはてなブックマークに追加 612 users Instapaper Pocket Tweet Facebook Share Evernote Clip フォントレンダリング dpi WIn Safari CSS

Winでは基本的にフォントレンダリングをCSSで制御することは出来ません。また、スマートフォンのブラウザもほとんど制御できず、基本的にグレースケールで表示されることが多いようでした。 MacではSafariのみがグレースケールですね、これが原因で「Safariで文字が細く見えてしまう」現象が起こっています。 デバイスのdpiによる見え方 このまま各ブラウザでアンチエイリアスを揃える設定しても良いの... 続きを読む

細かすぎて伝わらないアンチエイリアスの話 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2014/02/04 このエントリーをはてなブックマークに追加 472 users Instapaper Pocket Tweet Facebook Share Evernote Clip Photoshop Photos 越後 おさらい 昨今

細かすぎて伝わらないアンチエイリアスの話 はじめまして、デザイナーの越後です。 webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く 画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。 そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、 少しマニアックなphotoshopでのフォント調整についてお話したいと思います。 おさらい:photos... 続きを読む

Webフォントを使ってみよう!@font-face 関連の情報いろいろ - かちびと.net

2010/10/27 このエントリーをはてなブックマークに追加 279 users Instapaper Pocket Tweet Facebook Share Evernote Clip font-face Webフォント net フォント コピペ

Webフォントを使う機会があった のでついでに備忘録的メモです。 @font-face関連の情報いろいろ。 と言っても、まだそんなに情報が 無いので触りを理解するための まとめ的な記事です。 Webフォントの良い所は、編集作業が不要、コピペも可能でテキストだからSEO的にも有利になりますけど、アンチエイリアスはフォントに依存しますし、日本語フォントはどうしても少なくなってしまうデメリットもあります... 続きを読む

Photoshopでモックアップを作るためのTips10選 | CREAMU

2008/09/12 このエントリーをはてなブックマークに追加 186 users Instapaper Pocket Tweet Facebook Share Evernote Clip CREAMU モックアップ Photoshop フォント あん

Photoshopでサイトのモックアップが作りたい。 そんなときにおすすめなのが、『10 Tips For Creating Website Mockups In Photoshop』。Photoshopでモックアップを作るためのTips10選だ。 以下にいくつかご紹介。 フォントはアンチエイリアスをオフにする Windowsはアンチエイリアスがかからないので、オフで作成。 フォントには鮮明のアン... 続きを読む

角まるコーナーと半透明シャドウを表示するJavaScript (ShadedBorder) - youmos

2007/03/29 このエントリーをはてなブックマークに追加 94 users Instapaper Pocket Tweet Facebook Share Evernote Clip youmos div JavaScript コーナー 透明度

角まるコーナーを作成する場合、通常あらかじめ用意した画像を利用してコーナー部分を作成するが、ShadedBorderのJavaScriptライブラリを利用すれば、画像を用意することなくアンチエイリアス(anti-aliasing)コーナーを作成することが簡単にできる。 アンチエイリアス(anti-aliasing)部分は透明度の異なる<div をJavaScriptで生成することで実現している。ま... 続きを読む

ウノウラボ Unoh Labs: IE6でアルファチャンネルを含むPNGを表示する

2007/02/05 このエントリーをはてなブックマークに追加 123 users Instapaper Pocket Tweet Facebook Share Evernote Clip ウノウラボ PNG intern yamaoka IE6

yamaokaです。 webサイトで背景が透明な画像を使用する場合、画像を透過GIFまたはアルファチャンネルを含むPNGで作成する必要があります。どちらを使用してもかまわないのですが、下図のように背景を指定した場合はPNGの方がきれいにアンチエイリアスがかかります。 透過GIFとアルファチャンネルを含むPNGの比較 posted by (C)フォト蔵 PNGを使いたくなるところですが、Intern... 続きを読む

CSS角丸ボックスジェネレーター「RoundedCornr」:phpspot開発日誌

2006/12/19 このエントリーをはてなブックマークに追加 123 users Instapaper Pocket Tweet Facebook Share Evernote Clip ザク phpspot開発日誌 CSS 角丸 影付き

RoundedCornr: Rounded Corner and Gradient Generator CSS角丸ボックスジェネレーター「RoundedCornr」. 背景色、ボックス色、角丸の丸さを指定して簡単にタグを出力できます。 簡単にサクっと作りたい場合にオススメ。 かどまる関連エントリ CSSとJavaScriptで影付きの角丸ボックス要素を作る CSSの小技集、20個 アンチエイリアス... 続きを読む

GIGAZINE - 画像を使わず、角にアンチエイリアスをかけて丸くする「curvyCorners」

2006/06/16 このエントリーをはてなブックマークに追加 465 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE div要素 実例 参照 固定幅

「curvyCorners」はフリーのJavaScriptで、角が丸いコーナーをDIV要素で簡単に作ることが可能。特徴は画像を使ったのと同じくらい角がなめらかに丸くなる点と、いたって利用が簡単な点。 どれぐらい丸くなるのかという実例とコードのダウンロード、設置方法は以下を参照。 例その1、3ピクセルの白いボーダーを使い、角は半径20ピクセルで丸くなってます 例その2、固定幅と高さで画像を固定し、角... 続きを読む

アンチエイリアスがかかったCSS角丸を作るWEBツール:phpspot開発日誌

2006/03/28 このエントリーをはてなブックマークに追加 163 users Instapaper Pocket Tweet Facebook Share Evernote Clip phpspot開発日誌 Pure CSS Webツール

Spiffy Corners - Making anti-aliased rounded corners with CSS Anti-aliased rounded corners using pure CSS. No Images. No Javascript. No fluff アンチエイリアスがかかったCSS角丸を作るWEBツール。 FG,BG Colorを入れるだけで簡単にアンチエイリアス... 続きを読む

 
(1 - 9 / 9件)