タグ アンチエイリアス
人気順 5 users 50 users 100 users 500 users 1000 usersWebブラウザにおける文字のアンチエイリアスの現状の最適解 | dwango creators' blog(ドワンゴクリエイターズブログ)
Winでは基本的にフォントレンダリングをCSSで制御することは出来ません。また、スマートフォンのブラウザもほとんど制御できず、基本的にグレースケールで表示されることが多いようでした。 MacではSafariのみがグレースケールですね、これが原因で「Safariで文字が細く見えてしまう」現象が起こっています。 デバイスのdpiによる見え方 このまま各ブラウザでアンチエイリアスを揃える設定しても良いの... 続きを読む
Photoshopで選択範囲に段落テキストを作成するスクリプト | Stocker.jp / diary
Photoshop で段落テキストを作成する時、数値を指定して作成するのは地味に面倒だったりします。 自由変形(command + T)で数値指定で段落テキストのボックスのサイズを変更することもできますが、テキストの縦横比が変わってしまうなどの問題があります。 また、「段落テキストは、画像ではなく HTML に記述するテキストであることが分かりやすいようにアンチエイリアスをオフにする」場合、地味に... 続きを読む
細かすぎて伝わらないアンチエイリアスの話 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話
細かすぎて伝わらないアンチエイリアスの話 はじめまして、デザイナーの越後です。 webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く 画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。 そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、 少しマニアックなphotoshopでのフォント調整についてお話したいと思います。 おさらい:photos... 続きを読む
Canvasベースのお絵かきが実装できるjQueryプラグイン「Sketch.js」:phpspot開発日誌
Sketch.js - Simple Canvas-based Drawing for jQuery Canvasベースのお絵かきが実装できるjQueryプラグイン「Sketch.js」。 Canvasに対応しているブラウザなら以下のように滑らかに、色を変えたりペンの太さを変えたりできるおえかきツールが簡単に実装できます。 アンチエイリアスがかかっており、なかなか綺麗にお絵かきできるのがいいですね... 続きを読む
Webフォントを使ってみよう!@font-face 関連の情報いろいろ - かちびと.net
Webフォントを使う機会があった のでついでに備忘録的メモです。 @font-face関連の情報いろいろ。 と言っても、まだそんなに情報が 無いので触りを理解するための まとめ的な記事です。 Webフォントの良い所は、編集作業が不要、コピペも可能でテキストだからSEO的にも有利になりますけど、アンチエイリアスはフォントに依存しますし、日本語フォントはどうしても少なくなってしまうデメリットもあります... 続きを読む
Photoshopでモックアップを作るためのTips10選 | CREAMU
Photoshopでサイトのモックアップが作りたい。 そんなときにおすすめなのが、『10 Tips For Creating Website Mockups In Photoshop』。Photoshopでモックアップを作るためのTips10選だ。 以下にいくつかご紹介。 フォントはアンチエイリアスをオフにする Windowsはアンチエイリアスがかからないので、オフで作成。 フォントには鮮明のアン... 続きを読む
角まるコーナーと半透明シャドウを表示するJavaScript (ShadedBorder) - youmos
角まるコーナーを作成する場合、通常あらかじめ用意した画像を利用してコーナー部分を作成するが、ShadedBorderのJavaScriptライブラリを利用すれば、画像を用意することなくアンチエイリアス(anti-aliasing)コーナーを作成することが簡単にできる。 アンチエイリアス(anti-aliasing)部分は透明度の異なる<div をJavaScriptで生成することで実現している。ま... 続きを読む
ウノウラボ Unoh Labs: IE6でアルファチャンネルを含むPNGを表示する
yamaokaです。 webサイトで背景が透明な画像を使用する場合、画像を透過GIFまたはアルファチャンネルを含むPNGで作成する必要があります。どちらを使用してもかまわないのですが、下図のように背景を指定した場合はPNGの方がきれいにアンチエイリアスがかかります。 透過GIFとアルファチャンネルを含むPNGの比較 posted by (C)フォト蔵 PNGを使いたくなるところですが、Intern... 続きを読む
CSS角丸ボックスジェネレーター「RoundedCornr」:phpspot開発日誌
RoundedCornr: Rounded Corner and Gradient Generator CSS角丸ボックスジェネレーター「RoundedCornr」. 背景色、ボックス色、角丸の丸さを指定して簡単にタグを出力できます。 簡単にサクっと作りたい場合にオススメ。 かどまる関連エントリ CSSとJavaScriptで影付きの角丸ボックス要素を作る CSSの小技集、20個 アンチエイリアス... 続きを読む
GIGAZINE - 画像を使わず、角にアンチエイリアスをかけて丸くする「curvyCorners」
「curvyCorners」はフリーのJavaScriptで、角が丸いコーナーをDIV要素で簡単に作ることが可能。特徴は画像を使ったのと同じくらい角がなめらかに丸くなる点と、いたって利用が簡単な点。 どれぐらい丸くなるのかという実例とコードのダウンロード、設置方法は以下を参照。 例その1、3ピクセルの白いボーダーを使い、角は半径20ピクセルで丸くなってます 例その2、固定幅と高さで画像を固定し、角... 続きを読む
アンチエイリアスがかかったCSS角丸を作るWEBツール:phpspot開発日誌
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を入れるだけで簡単にアンチエイリアス... 続きを読む