タグ

webデザインに関するmapk0yのブックマーク (3)

  • ジャズ喫茶フォント|無料フォント

    フォント名:じゃずキッサ 基に立ち返って単純明快だけど、印象に残るようなフォントを作りたいと思って作りました。単純だからこそ文字の微調整に時間をかけました。懐かしくって可愛いタイトルロゴ向けの、ひらがなとカタカナのフォントです。丸・三角・四角の一部でできたシャープなフォルムですが、全体的な印象は親しみのある楽しげな感じに仕上げました。上の文字画像が、かすれているのは演出でフォント自体の文字はかすれていません。 フォント形式:OPENTYPE FONT 商用利用する ← 前のフォント 次のフォント → フリーフォント使用許諾 1.フォントデータ自体の複製、改変、再配布、再販売、オンライン上でのアップロードを禁ずる。 2.当フリーフォントは無料でダウンロード可能ですが、商用を禁じます。商用でご利用の場合は商用可の商用可のダウンロード版をご購入下さい。商用とは社内における利用または個人事業主の

  • [CSS]パーセントで指定された正確なサイズが不明な要素を天地左右の中央に配置するスタイルシートのテクニック

    天地左右の中央に配置したい要素のサイズが幅も高さもピクセルで指定されていれば、marginやpaddingで簡単に配置できますが、サイズ指定にパーセントを使用した要素だと表示サイズに依存されてサイズが分かりません。 そんなパーセントで指定されたピクセルでの正確なサイズが不明な要素を天地左右の中央に配置するスタイルシートのテクニックを紹介します。 デモページ:幅780pxで表示 HTML HTMLはシンプルで、中央に配置するdiv要素だけです。 <body> <div>Percentage sized and still centered.</div> </body> CSS ぱっと思いつく方法としてはパーセントをネガティブマージンで使えばいいのでは、となるところですが、ネガティブマージンを使用すると左右の中央はできますが、天地の中央がうまくいきません。 ここではネガティブマージンではなく、

  • Webサイトの作り方のまとめ!ブラウザチェック。

    サンプルサイト制作を通して「Webサイト制作」についてまとめてます。 前回の記事で、トップページのコーディングがひと通り完了したので、下層ページのコーディングに移る前に、一旦ブラウザチェックしてみようと思います:)。 以下は目次です。クリックすると各項目へ移動します。 対象ブラウザ。 ブラウザの種類 ブラウザのバージョン ブラウザの進化 チェックすべきブラウザ ブラウザチェック。 ブラウザチェックツール BrowserStackを使ったブラウザチェック VMware+IETesterでブラウザチェック Internet Explorerでバージョン別チェック チェック結果 表示の崩れを整える。 IE8での表示を整える IE7での表示を整える IE6での表示を整える モダンブラウザと同じくらいまで整える。 transitionの動きをjsで実装する IE8以下でも:last-childとか使

    Webサイトの作り方のまとめ!ブラウザチェック。
  • 1