タグ

ブックマーク / on-ze.com (2)

  • 【ONZE Reset CSS】新しい「スタイルシート・リセット」のカタチ。

    今日は「リセット用スタイルシート」について、その概要と私たちの見解、またウェブサイト制作の現場で実際に利用しているオンズ独自のスタイルシート[ONZE Reset CSS]を紹介していきます。 「スタイルシート・リセット」とは? 各ブラウザにはデフォルトのCSSが設定されていますが、このスタイルはブラウザによって大きく異なるため、注意深くコーディングをしていかないと後々に各ブラウザ毎の表示の違いに悩むことになり、作業が滞る原因になります。 「各ブラウザ毎の表示の違い」は無視できない重要な問題です。 HTMLCSSでウェブサイトのデザインを構築していくとき、この相違点を考慮せずに作業ができることが理想です。 そこで、その後のコーディング作業が捗るように「各ブラウザのデフォルトのスタイルをあらかじめリセットしておこう」というのが「スタイルシート・リセット」の基的な考え方です。 普及している

    【ONZE Reset CSS】新しい「スタイルシート・リセット」のカタチ。
  • 【jQuery】スクロール機能とナヴィゲーション機能が一体となった[ScrollMenu.js]は実用性バツグンです。

    【jQuery】スクロール機能とナヴィゲーション機能が一体となった[ScrollMenu.js]は実用性バツグンです。 縦長のウェブデザインを構築する際に真っ先に導入を検討すべきjQueryプラグイン。それが[ScrollMenu.js]です。 まずはサンプルをご覧ください。 [ScrollMenu.js]:実装サンプル ページのスクロール量に合わせてナヴィゲーション部分もスクロールし、ページ内のどの部分が表示されているかも確認できます。 また、各セクションの数がいくつあるのかも確認できるようになっています。 実装は比較的簡単なので初心者の練習にも良いかもしれません。 まずは公式サイトからプラグイン一式をダウンロードしてきましょう。 ダウンロード:ScrollMenu.js ダウンロードしてきたファイルのうち「scrollmenu.css」「scrollmenu.js」を <head>〜<

    【jQuery】スクロール機能とナヴィゲーション機能が一体となった[ScrollMenu.js]は実用性バツグンです。
  • 1