Run Mobile Test or Cross-Device Test | BliskCross-Device Testing Done Right Used globally from the freelance segment to the enterprise level, Blisk helps IT professionals develop and test modern web applications in half the time and never miss any issue Download Blisk
ヒートマップが無料で使えるアクセス解析ツール「Ptengine」試した - MEMOGRAPHIX
アクセス解析ツールの「Ptengine」試した。 PtengineとはPtengineはヒートマップが使えるのがウリのアクセス解析ツール。ヒートマップとはこういうやつ（Ptengineの管理画面からキャプチャを撮りました）。 上のgifでいうと、赤い部分ほどじっくり読まれていて青い部分ほど読み飛ばされてる。下は閲覧者がクリックした部分が赤くなっている。 もちろんヒートマップ以外にもアクセス解析で必要な機能は一通り揃っているんだけど、それらは一見するとGoogle Analyticsとそこまで機能差がないと感じたので、今はヒートマップを見たいときにPtengineを眺める、という使い方をしている。ただ、GAのストイックなインタフェースと比べると、Ptengineのほうが視覚的にとっつきやすい雰囲気があるので、GAわけわからんと思っている人は馴染みやすいかもしれないと思った。 話を戻すと、ヒー
細かすぎて伝わらないアンチエイリアスの話
はじめまして、デザイナーの越後です。 webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く 画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。 そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、 少しマニアックなphotoshopでのフォント調整についてお話したいと思います。 おさらい：photoshopのアンチエイリアスについては、基本的には５種類 Photoshop上で文字を扱う際には、指定出来るアンチエイリアスは、 なし / シャープ / 鮮明 / 強く / 滑らかに の５種類です。 「なし」に関してはアンチエイリアスがかかっていないので、 文字のままのドットで表示されますが、 他の４つに関しては シャープ：文字が太い / くっきり 鮮明：文字が細い / くっきり 強く：文字が太い / なめらか 滑らかに：文字が細い / なめ
Photoshop で Web 用に画像を切りだすと画像の彩度が上がってしまうのは Adobe RGB と sRGB の違いが原因だった
ディスプレイを新しく買い替えたら Adobe RGB に対応して、なんかかっこいいので何気なく設定したら、画像を切り出すと片っ端から赤くなってて使い物にならなくなって困っていました。 原因が分からないのでとりあえず Adobe RGB について調べました。 Adobe RGB とは アドビアールジービー： – IT用語辞典バイナリ sRGBで撮影したものをAdobeRGBで表示させると、彩度が上がってしまうなどの困難がある。 ということだそうで、このことを知らずに画像を切りだして彩度が上がってしまっていたようです。要は Photoshop はプロファイルに合わせて表示してくれているけど、いざ切りだすとモニタのカラー設定によって彩度が上がってしまうみたいです。 結局 Web デザインをする際のモニタと Photoshop の理想の設定 モニタの設定 プリセットなど呼び方はわかりませんが sR
素材辞典、イラスト、フォントのことならデザインポケット
タイプフェイス 明朝体 角ゴシック 丸ゴシック 楷書体 宋朝体 清朝体 教科書体 行書体 草書体 勘亭流 江戸文字 デザイン毛筆 古印体 隷書体 篆書体 POP体 手書き風書体 リアル手書き デザイン書体 新聞書体 アンチック体 字幕書体 その他 セリフ サンセリフ 欧文手書き 筆記体 ブラックレター ディスプレイ
さくらのレンタルサーバ
レンタルサーバなら「さくらのレンタルサーバ」！ 月額換算でわずか131円、缶ジュース1本分のお値段で使える格安プランから、ビジネスにも使える多機能＆大容量プランまで、 用途と予算に合わせてプランを選べます。 さらにマルチドメイン対応でメールアドレスも無制限。無料ウイルススキャンや無料電話サポートもあるので安心して ご利用いただける共用レンタルサーバサービスです。
10分くらいで分かるXHTML+CSS
このブログをお読みの方には既に不必要かもしれませんが、XHTML 1.0 と CSS 2.1 の入門記事です。 社会人のためのWebデザインスクール 用に作成したプレゼン資料をもとに記事にしています。 授業の時は、先にこの話をしてから XHTML を書いてもらうのではなく、先に HTML/XHTML&スタイルシートレッスンブック―ステップバイステップ形式でマスターできる を読みながら XHTML と CSS で簡単なページを作成してからこの話をしています。 その理由としては、HTML や XHTML を1度も書いたことがない方に「ブロックレベル要素」や「インライン要素」、CSS の「セレクタ」等の話をしても何のことか分かりにくいだろうと考えているからです。 ※この記事は2012年に執筆したものです。現在の 社会人のためのWebデザインスクール では、HTML・CSS コーディングについては
標準の日本語フォント / もうパンツはかない
各環境でどんな日本語フォントが使えるのか、まとめてみました。 それぞれのOSで標準添付されていると思われる日本語フォントをCSSの指定で表示させたものをキャプチャーしました。小さい方の字は16ピクセル、大きい方は 150% とCSS上で指定しています。使用ブラウザは主に各環境の標準ブラウザ(MacはSafari、WindowsはEdge)です。 Mac Windows Linux macOS Sonoma (14) ヒラギノ角ゴシック (ウェイト:W0〜W9の10段階) font-family: "HiraginoSans-W0","Hiragino Sans","ヒラギノ角ゴシック"; font-weight: 100; font-family: "Hiragino Sans","ヒラギノ角ゴシック"; font-weight: 400; font-family: "Hiragino S
Sallee Design
My Name is Jeremy Sallee and I’m a Designer. I have a passion for simple interfaces. I also love coding. Like all French people I live off baguettes, champagne & foie gras evidently! I also say ohlala I’ve always loved solving problems. Being good at science, I graduated and worked as an electronics engineer before teaching myself design. Sometimes I like to write about what I do in life and at wo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://font-spider.org/
Web Design Clip [WEBデザインのクリップ・リンク集]![Web Design Clip [WEBデザインのクリップ・リンク集]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5f481647ac1eb2cd87c65cb220881cb5c1c55bf/height=288;version=1;width=512/http%3A%2F%2Fwebdesignclip.com%2Fimg%2Fogp.png)
Elemis Freebies | Home Page
Free Web Design Resources - Freebiesbug
新着記事
Moxbit
Unformed Building
Parkn’ Park
ikesai.com