html5-memo.com
HTMLでカーニング！手軽に文字詰めできる「FLAutoKerning.js」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、机に置いたおもちゃの日焼けが気になるもりたです。 今回は、前からちょっと気になっていたウェブフォントをカーニングできるJS「HTMLで文字詰めするタイポグラフィー用JS」を試してみました。 http://fladdict.net/blog/2011/02/auto-kerning.html ※現在はアクセスできなくなっています。 ご存知のとおり、jsを使わなくてもletter-spacingを使ってcssだけで設定しようと思えばできるんですが、ひと文字ずつの設定となるとhtmlもcssもすっきりしなくなる上にめんどくさい！ こうパッとガッとスッと設定したい！ そんな希望を叶えてくれるのが「FLAutoKerning.js」です！ ポイント1：導入が楽です 手順は簡単、サイトからファイルをダウロードしてjqeryと一緒に読み込ませて<head>内に設定を書くだけ。 入れてみたデモ
優れた15サイトのWordPressのホームページを紹介 | ブログヘラルド
バージョン3.2がリリースされたワードプレスは、常にクレイティブなデザインを先導しており、多くの素晴らしいワードプレスのデザインを私達は目にしている。流線型のブログのホームページを見ると、ワードプレスのデザインだと一目で分かる。この投稿では、ワードプレスを利用し、ホームページを見事にデザインしているサイトを幾つか紹介していく。 OctavoDesign The very bright and colorful homepage of OctavoDesing（オクタボデザイン）のホームページはとても明るく、色彩に溢れており、スクロールを念頭に置いてデザインされている。メインのイメージの上を通るとイメージがスクロールダウンするだけでなく、ホームページ全体が水平にスクロールする。 ワードプレスを使っているとは思えないなら、ソースコードを確認してみよう。 ArtDog ArtDog Galle
グリッドレイアウト向けのシンプルで軽量なレシポンシブWebデザイン用CSSフレームワーク・Simple Grid
シンプルなCSSフレームワーク・ Simple Gridのご紹介。1140px をベースに、レスポンシブWeb デザインにも対応できるグリッド レイアウトなWebサイト向けの フレームワークです。 軽量なフレームワークのご紹介。クロスブラウザに対応しなければシンプルで軽量にする事は可能ですよね・・ シンプルなレスポンシブWebデザイン対応のCSSフレームワークです。PCサイトでは1140pxベースのグリッドレイアウトとなります。 グリッドです。 用意されているCSSは1.73kbと極めて軽量です。IE等にも対応させるにはもう少し必要になりますが、タブレットやモバイル端末のみにこのフレームワークを利用するなら最軽量ですみそうですね。スマフォ⇔PCサイト切り替え形式のWebサイトで使えるかも。 この手のは他にもかなり選択肢があるのでお好みで。ちょっと忙しいので今日は簡単に済まさせて頂きます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
html5-memo.com
マガジンスタイルでレスポンシブWebデザイン対応のWordPressテーマ・Newspaper