GoogleがWebフォントサービスを開始 - フォントブログ
Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日本語フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日本語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可
2010年に人気のあったオライリー本TOP25が60%オフセール中 | JSer.info
O’Reilly Media - Best of Ebook Deal/Day - Save 60% on the Top 25 via kwout O’Reilly Mediaが2010年のTOP25の書籍(洋書)が60%オフで購入できるキャンペーンをやっています。 購入時にディスカウントコード DDT25 を入力する事で定価より60%オフ&multiple file formats(PDFやepubなど)&DRMフリー&書籍のアップデートも無償 としています O’Reilly Media - Best of Ebook Deal/Day - Save 60% on the Top 25 http://oreilly.com/store/ddt25.html 洋書のみが対象ですが、技術書なら英語でも読めなくはないと思います。(参考程度に) 英語が読めない人向け、英語技術書の読み方 | W
Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫
～10程度っすよ ～50程度かな ～100くらい ～300程度です ～500はこなす ～1000はやってます これ以上 ( ! )
[ CSS ] フォントファミリー ( font-family ) を指定する
ウェブページのフォントをメイリオにしたくなって、CSS を設定してみました。関係ないのかも知れませんが、ウェブページの文字コードは UTF-8 です。 ## フォントファミリーの指定順序 フォントファミリーを指定する順番によって、フォントが適用されない場合があったのでメモ。 font-family: ‘Lucida Grande’, Verdana, ‘ヒラギノ角ゴ Pro W3’, ‘Hiragino Kaku Gothic Pro’, Osaka, ‘メイリオ’, Meiryo, ‘ＭＳ Ｐゴシック’, sans-serif; とりあえず、上のような感じに指定してみたんだが、Windows Vista + Internet Explorer 7 でメイリオにならない。 font-family: ‘メイリオ’, Meiryo, ‘Lucida Grande’, Verdana, ‘ヒラギ
![[ CSS ] フォントファミリー ( font-family ) を指定する](https://cdn-ak-scissors.b.st-hatena.com/image/square/19691f3db719fc116cbcdd5e767c89ee15487f3e/height=288;version=1;width=512/https%3A%2F%2Fbowz.info%2Fwp-content%2Fuploads%2F2018%2F09%2Fudon-1.jpg)
フォント表示サンプル
FONTS Revised 2003/12/10 CSS ではフォントの種類を指定できます。フォントとは、描画される文字のことで、文字の種類には、ゴシック体、明朝体などがあります。各々のフォントの種類には、太字や斜体などのバリエーションがあります。 CSS では、次の 5 つの総称名で分類されています。これらを、 generic family と呼びます。 sans-serif ゴシック体風。ひげ無し。 serif 明朝体風。ひげ付き。 monospace 等巾フォント。大文字、小文字、英数文字の巾が等しい。 fantasy 装飾体。花文字、ポップ文字など。読めないフォント（絵文字、シンボル・フォント）は除く。 cursive 手書き体風。 CSS でのフォントの指定方法 CSS の説明は別項に譲ります。 CSS でフォントを指定する場合、次のように記述します。 font-family:
TumblrのテーマをTwitter風にしてみた - cameraLady
マークアップの練習をしたいなーと思って，手頃な課題として Tumblr のテーマいじりをしてみた． tumblr29 Twitter の HTML 構造をじっくり眺めて，それに合わせて Tumblr の HTML を組み立てて，少しずつ CSS を書いていこうと当初は思ったんだけど，Tumblr の custom HTML が面白いってことに気が付いて段々と逸れていった．結局，Twitter の CSS を丸ごと当てて，必要なものをちょいと足したくらいだ． サイドバーの「Stats」の部分，Twitter では followings とか Updates がある部分に，Tumblr のポスト種類別の内訳を表示させたいと思って，その副産物が先日作った TumblrPostChart でした． 当初の目的は果たされてなかったりするけれど，改めて Tumblr の API を眺めたりする中で気付
IEで指定どおりのfont-sizeにならない | d-spica
IEで指定どおりのfont-sizeにならない 2008-05-18 0 0 XHTML/CSS CSS, font-size IE との兼ね合いで，font-size は%で指定しておくのが，いちばん無難だと思うのですが，IE6, 7 にちょっと痛いバグがありました。 小さなサイズの文字が指定どおりの大きさにならないのです。 11px以下のフォントが指定より大きくなる まず，font-size のページを IE6 または IE7 でご覧ください。 順にフォントサイズが小さくなっていくはずなのですが，74%から72%あたりの日本語のフォントサイズが一旦大きくなっています。その後71%から 60%のところまで，日本語フォントはサイズが変わっていません。 FIrefox の場合と比べると，よく分かるかもしれません。 %で指定された font-size は，最終的にpxに変換され，端数処理して整
Stylish で特定の文字列を含む「属性」を持つ要素を消す - CSS における属性を利用した要素の特定
「Stylish で特定の要素を消す」の続き。 1. 要素の属性の値により指定したい 前回 Stylish で作成したスタイルに、新しくスタイルを追加する。 スタイルを新たに追加する方法は、 Stylish のアイコンをクリックして、 前回作成したスタイルを右クリック。 (cf. Greasemonkey, Stylish で既存のスクリプトを素早く編集) 今回は、 a 要素の href 属性に `new/main’ が含まれる a 要素を消したい。 とする。 2. *=, ^=, $= によって属性を指定 広告をブロックするための、Stylish のスタイル Ad Blocking FiltersetP を見ると、以下の記述がされている。 [alt*="Advertising"] この書き方は Selectors によると、 E[foo*="bar"] an E element whos
スタイリッシュなフォームを作るときに見るべきエントリまとめ
Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは、スタイリッシュなフォーム。 これらは、webデザイン全体がフォームデザインとなっているまとめです。 まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。 くしゃくしゃっとしたような紙の一部にフォームが設置されている。 こちらもメモに名前を書くかのごとく。 深海に光がさす感じのイメージ。 シンプルイズベストなレイアウト設計がなされている。 １，２，３，
Googleに学ぶ、ウェブページのパフォーマンスを最適化する方法
Web Performance Best Practices 下記、ウェブページのパフォーマンスを最適化するポイントをまとめたものです。 キャッシュの最適化 往復遅延時間を減らす HTTPリクエストを減らす ロードサイズを減らす レンダリングの最適化 関連書籍 1. Optimize caching キャッシュの最適化 ブラウザのキャッシュを活用 JavaScriptやCSSファイルや画像などのスタティックなリソースは、HTTPヘッダを使用してキャッシュをロードするようにします。 アドバイス スタティックなリソースは全て、積極的にキャッシュにセットします。 時々更新するリソースのキャッシュには、ファイルパスにフィンガープリントを埋め込みます。 IEでも確実にキャッシュされるように、Varyヘッダは削除します。 URLを自動生成している場合は、Fxのディスクキャッシュで使用している8文字のラ
tech.nitoyon.com@hatena - はてブのCSSをカスタマイズしてみた
hatena毎日使っているのにデフォルトのスタイルのままになっていた「はてなブックマーク」の CSS を変えました。こんな感じです。 b:id:nitoyon「はてブ」の何となく分かりにくい部分を、分かりやすく見せることを目標に作ってみました。以下では、今回のデザインでこだわった「タイトル部分のアイコン」と「コメントのふきだし」について簡単に説明してみたいと思います。 タイトル部分のアイコンまずは、タイトル部分。デフォルトのタイトル部分のアイコンや数字の羅列は意味が分かりにくいですよね。マウスを乗せたらツールチップで説明が表示されるのですが、なんか直感的じゃない。この部分の数字の意味を分からずにはてブを使ってるひとも多いのでは…。 なので、画像を書き換えて分かりやすくしてみました。RSS の青くてかっこ悪いアイコンも、オレンジ色のおしゃれなやつに。いろんな人にお気に入りにいれてほしいので、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
CSS Spriteを活用しよう - DesignWalker
BLOG × WORLD ENDING
うどん県ウェブディレクター日記｜WordPress, iPhone, Mac とウェブ制作に関するブログ。たまに香川県高松市のローカル情報も発信してます。
サービス終了のお知らせ