タグ

ブックマーク / weblibrary.s224.xrea.com (3)

  • Yahoo! UI Library Grids CSSを使ってページレイアウト - WEBデザイン BLOG

    このブログは、MT(Movable Type[ムーバルタイプ] 3.31-ja)を導入して制作されています。デフォルト(初期設定)のレイアウトだとイマイチに思ったのでカスタムメイドでのレイアウトで制作してあります。ベースは、Yahoo! UI Libraryが公開されましたのでそちらのGrids CSSを使ってページレイアウトしています。 このYahoo! UI Library Grids CSSは、かなり使えるものだと思います。多くのユーザーを相手にアクセシビリティーを考えて設計されたCSSレイアウトなのでCSS(スタイルシート)を覚えようと思っている方にも参考にするととてもいい情報です。今回は、自分なりにこのYahoo! UI Library Grids CSSを解る範囲で説明・紹介いたします。 かなり使えるCSSソースなので、是非DLしてお使いになることをオススメします。ソースのDL

  • MT4.1インデックステンプレート解析 - WEBデザイン BLOG

    新しいシステムMovableType4.1でのコンテンツ構築・デザイン変更で、知っておかなければならないのが新しく追加されたテンプレートタグとテンプレートです。タグリファレンスやブログを読んで、新しいMTタグについて勉強してみたのですが、やはり実際に使って動作させてみないとわからない。また、もう少し全体的に比べてみたりしないと理解しづらいなんてことで、まず、テンプレートの相関図みたいなものを個々に作っていこうと考え、実際にインデックステンプレート(トップページ)の構成内容とヘッダーテンプレートとの関係をイメージにして表してみました。ご参考にどうぞご覧になってください。 クリックでイメージ拡大されます。またドラッグで移動もできますので、大きな画像を見るときにスクロールで移動してもいいですが、ドラッグでイメージを移動させた方がみやすいです。highslideJSもこうした使い方をすると機能的で

  • Stylish-Firefoxエクステンション-オリジナルCSS設定ができる - WEBデザイン BLOG

    Firefoxエクステンションで便利なものを見つけました。userstyles.orgで配布しているStylishというエクステンション。 このエクステンションは自分の使っているFirefox表示をカスタマイズしたり、よく訪れるサイトの表示設定もCSSカスタマイズすることができるというものです。よく訪れるサイトで広告表示などがウザい人には、消したりすることができます。 タブの表示も色をつけて区別することもできます。(アクティブタブの色を変えたりすることができる。)よく訪れるページでコンテンツなどを見易くするにはこのエクステンションを導入しておくと便利です。オリジナルのCSSをuserstyles.orgにて公開していますので、さまざまなサイト毎でのCSSを簡単に導入することができます。 userstyles.orghttp://userstyles.org/ エクステンションの導入は以下よ

  • 1