ファミリー ｜ C4 ユニバーサルライン ｜ 製品情報 ｜ フォントブランド【TYPE C4】ウェイトファミリーとして、L（ライト）、R（レギュラー）、D（デミ・ボールド）、E（エクストラ・ボールド）を用意しています。 多様な表現に対応可能なC4フォント 『C4 ユニバーサルライン』は、表示用に適した「DSP （ディスプレイ）」、仮名が小さめの本文用に適した「BDY（ボディ）」、仮名がロゴタイプに適した「LG」の3種類を用意しています。
PhotoshopのMSゴシックアンチエイリアスなしをきれいに表示させる | Blog | 栃木県のホームページ制作・WEB制作 | Re:design アールイーデザイン
WEBデザインをPhotoShopでやってる人ならクライアントにJPGで切った画像でデザインの確認をとるときなんかテキスト汚いと気まずいし、つっこまれたらいちいちそれを説明するのも面倒。。。 マニアックなネタですが、結構需要が高そうなのでその回避法をポストします。 12ptのまま 縦を101%〜103%にしてきれいに表示できる場合もあるらしいですが（元 同僚情報）、自分はダメでした。たぶんMicrosoft Office 系のインストール具合のせい。 上の図のようにOS 10.5.x Leoの場合11ptにするときれいに表示されます。美しい。 あとは文字詰めをちょっといじればさらに美しいです。 OS 10.4.x Tigerの場合は MSゴシックがシステムとユーザーで2つ以上重複してるとき崩れてました。 そこでFontBook立ち上げてフォントを使用停止か取り除き一つだけ使用の状態にすれば
はてなブログ | 無料ブログを作成しよう
ベルギーに行った 先日、ベルギーに行きました。 マグリットの絵とルーベンスの絵を見るのが目的。 あまり時間もなく、ブリュッセルとアントワープを駆け足気味で巡ることに。 ミュンヘンから車で10時間近くかかり、なんでこんな無茶をしてしまったのかとも思いましたが、ヨーロッパの方…
[JS]広大なカンバスを使って次々にコンテンツをスライドさせるスクリプト -jmpress.js
テーマ左上から、base、sunny、le-frog、ui-darkness 対応ブラウザは、下記の通りです。 iPadも対応というのはいいですね。 Chrome/Chromium Safari Firefox IE Opera iPad impress.jsからの移行 jmpress.jsは「impress.js」のjQuery版で、impress.jsの特徴全てと更に多くの機能を備えています。 impress.jsから移行するには、jquery.jsを加え、スクリプトをimpress.jsからjmress.jsにし、スクリプトの呼び出しを「$(selector).jmpress(); 」に変更します。 impressのデモをjmpress.jsで動かしたデモ jmpress.jsの使い方 HTML ルートとなるdiv要素に「id="jmpress"」をつけ、各コンテンツをdiv要素で配
「パス」を定義して、スクロールに応じて曲線を描くようなアニメーションを実装出来るjQueryプラグイン・Scroll Path - かちびと.net
過去に何度か出ている、スクロールに応じて 要素がユニークな動きをするプレゼンを実装 出来るjQueryプラグイン。今日のプラグイン は、Photoshopやイラレなんかでお馴染みの ペンツールによるパスを定義できる、という もので、滑らかな曲線を描いて動作してくれ ます。 タイトル意味分かりませんねｗちょっと説明がしにくいのでデモ見ていただきたいんですが、ペンツール等で描くパスのような曲線を定義できる、というもので、スクロールすると、設定したパスに沿って動いてくれます。 以下デモです。Webkit系推奨。 Sample 設定したパスの確認 右下に確認用のオンオフの切り替えボタンが付いていますのでこれでパスの確認が出来ます。 パスを設定する為のコード スクロールの軌道となるパスの設定は以下のようにします。 path.moveTo(400, 50, {name: "start"}); move
Flashが無くてもアニメーションしたい人のためのjQueryプラグイン「jQuery.spritely」 | Web活メモ帳
「jQuery.spritely」はHTMLとJavaScriptでアニメーションさせる事ができるプラグインです。CSSスプライトを使用して構築されており、Flashが使えないiPhoneやiPad向けのためにもチェックしておくべきかもしれません。 詳しくは以下 スクロールする背景画像 一枚の画像をスクロールさせる事でアニメーションを実現させているようですね。 公式サイトでは、以下の画像を使用していました。 コードもシンプルに１行で実装できるようです。 $('#bird').sprite({fps: 12, no_of_frames: 3}); 以下のブラウザで動作するようです。 Internet Explorer 6 + Firefox Safari Chrome Opera アニメーションを入れる事でユーザビリティーが低下しないよう、利用場所には注意してください。
一枚の画像をjQueryでアニメーションさせるプラグイン「jAni 」 | Web活メモ帳
jAniは背景画像をアニメーションさせるjQueryのプラグインです。 通常であれば画像をアニメーションさせるにはアニメーションGIFを使用するのが一般的ですが、256色しか使用できないという制限もあります。 このプラグインを使用すると、アニメーションGIFの制約がなくなるため綺麗なアニメが制作可能です。 まずはデモをご覧下さい。 jAni jQuery Plugin Demo 用意するのは縦長の画像一枚のみ 実際に必要な画像は縦長の画像一枚のみです。 設定でアニメーション速度（画像の切替速度）を変更する事ができます。 設置の仕方 設定も簡単にできるようです。 まずはjsを読み込みます。 次にCSSを設定します。 htmlに表示する位置をdivで指定します。
Test: jQuery.path animation
Test: jQuery.path animation ten arcs Start Plot ten beziers Start Plot custom path: sine wave Start Plot links Javascript file Project Page Feedback
Untitled Document
Demo CSS3 Image Styles Tutorial by Web Designer Wall. Normal Image (without jQuery background image wrap) Basic Circle Card Style Embossed Style Soft Embossed Style Cutout Style Morphing + Glowing (mouse over images here) Glossy Overlay Reflection (mouse over images here) Tape Style Glossy + Reflection Morphing + Tinting (mouse over images here) Feather Circle
Border-width animation fun - December 1st, 2011 | HTML5 and CSS3 Advent 2011
Of course you know about the css3 transition property. But did you know it works on borders too? These are some fancy effects you can create by transitioning the borders. Examples See more dusty old cars The border effect in it's simplest form (try hovering it) Go to our super car selection Round looks much better, also we leave a 2px border after the transition Check out this orange monster It wo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
私はmacでwebのデザインを制作しています。その際に本文などTEXT部分はOSAKAフォントのアンチエイリアスなしで作りますが、イマイチデザインで見るOSAKAフォントがキレイに見えません。特に15、16px以上にした際に。そこで皆さんに質問です。デザインをする際にTEXT部分...
ブログ
mobily.pl - playground - MobilyBlocks Demo
Demo for Lightweight Circle slideshow
http://joelb.me/scrollpath/