タグ

ブックマーク / bashalog.c-brains.jp (6)

  • もうゴシックだけじゃない!Google Fonts + 日本語 早期アクセスを試してみた! | バシャログ。

    昨日は会社の近くの野毛山動物園でハツカネズミ・モルモット・ニワトリをモフってきたyanagimachiです。 Google Fontsにはなんで日語がないの?とお嘆きだった方、 明朝体を使いたい!という方 先日Google Fonts + 日語 早期アクセスが拡張されて、9種類になりましたよ! 試験的に提供されているものなのでまずは自社のブログなどで使ってみるのはいかがでしょうか? ということで、試しに「バシャログ。」という文字で比べてみました。 M+ 1p

    もうゴシックだけじゃない!Google Fonts + 日本語 早期アクセスを試してみた! | バシャログ。
  • ワイヤーフレーム作成に特化したパーツまとめサイト Fireworks Wireframing Kit | バシャログ。

    娘二人からサンタさんにお願いするプレゼントが書かれた手紙をもらった ishidaです。 かわいいシールと、かわいいぬいぐるみですって。なんて素朴なのっ! さてさてFireworksでワイヤーフレームを作成する機会が最近かなり増えてきてます。 今日もゴリゴリとFireworksでワイヤーフレームで作ってます。 そんなタイミングで、Fireworksのワイヤーフレームに使用できるパーツまとめサイトが公開されていました。 まだ公開されてまもないので、あまり充実はしてませんが 以下のようなパーツがダウンロードできます。 コンテンツが充実されれば、僕のようにワイヤーフレームをFireworksで作成するユーザーにとってはうれしいサイトですね。 詳細は以下から。 http://fireworkswireframingkit.com/

    ワイヤーフレーム作成に特化したパーツまとめサイト Fireworks Wireframing Kit | バシャログ。
  • jQueryを使ってiframe要素の中身にアクセスする | バシャログ。

    残暑の蒸し暑さから、涼しさを通り越して、寒いと感じる今日この頃、tanakaです。 今日はjQueryでiframe要素の中にアクセスして、情報を取得したり、改変したりする方法を紹介します。 jQueryは、Webページに対するアクセスを簡潔に表現できるライブラリですが、iframe内の文書にまで、 $('div iframe p') といった感じでアクセスすることはできません。ドキュメントが違うからでしょうか?正しい理由はわかりませんが、同時に2つのページをまたいで処理するのは混乱しそうなのでこれはこれでいいと思います。で、そういったときにアクセスする方法があるのでご紹介します。 [追記 2010/09/27]注意点として、親フレームとiframe内ドキュメントのドメインが異なる場合はアクセスできません。 iframe内のドキュメントにアクセスするにはcontents() $(...).

    jQueryを使ってiframe要素の中身にアクセスする | バシャログ。
    Kmusiclife
    Kmusiclife 2010/09/26
    iframe使う機会がまだ来てないが来月にでも使う予定なのでぶくま。
  • Apple 関連のフォントを手に入れよう | バシャログ。

    シーブレインのマニュアル作成サービスチームから「スマートフォンで読めるマニュアル作成」を PR するページを作ってほしいとのご依頼があり、ページをデザインました。 せっかく iPhone を素材に使うのだから、フォントApple 風にしたいわあ、といろいろ探した際に知ったいくつかのフォント情報をメモします。 ひと目でフォント判別できる一流デザイナーにあこがれる! 1. Apple語サイトのフォントは「AXIS」 Apple 公式サイトの日語や Apple store で手に入るパンフレットには「AXIS」というフォントが使われていることが多いそうです。 その「AXIS」試用版が、無料でダウンロードできます。登録さえすれば商用も OK という太っ腹ぶりです。 なだらかなラインがスマートな、きれいなフォントです。 Type Project|試用版ダウンロード http://www.

    Apple 関連のフォントを手に入れよう | バシャログ。
  • 【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。

    ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです! IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに!」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height(相当)の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi

    【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
    Kmusiclife
    Kmusiclife 2009/06/20
    これは仕事では使えない。正しいCSSを覚えたほうが良いです。
  • [使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。

    第 3 回目は「見栄えの良いページャー」です。 シンプルなコーディングで見栄えの良いページャーを実現します。 XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li class="prev"><a href="hoge">&laquo; PREV</a></li> <li><a href="hoge">1</a></li> <li><em>2</em></li> <li><a href="hoge">3</a></li> <li><a href="hoge">4</a></li> <li><a href="hoge">5</a></li> <li class="next"><a href="hoge">NEXT &raquo;</a></li> </ul> サンプル1: とてもシンプルなページャー とてもシンプルなページャーのサンプルです。 «

    [使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。
    Kmusiclife
    Kmusiclife 2008/11/11
    ページャーの見栄え
  • 1