2014年8月12日のブックマーク (2件)

  • 不特定多数の人が更新する大規模サイトに必要な CSS 設計の思想

    今話題(?)の CSS 設計のメモ。 この「ある程度の規模」というのは、肌感覚としてテンプレートの枚数( ≠ Webサイトのページ総数)が 20P〜50P くらいのイメージ。 また、コーディング完了後に自分以外の人間による断続的な更新が入るという前提。 そして一番重要なのは「更新する人のスキルは定義しない。」ということ。つまり HTML の知識が乏しい人が更新する可能性があることを前提とする。 きっと1ヶ月くらいすれば変わると思うけど、自分の思想のログとして残しておく。 今ぼくは以下のことに気をつけながら CSS を書いている。 コードが長くなることを気にしない セレクタが長くなることを気にしない セマンティクスの実現の難しさを理解し、妥協する 再利用性より保守性 拡張しやすい設計 最初から最適化しようとしない ゴールは目先のパフォーマンス向上ではなく誰が触っても問題が起きにくい設計 ひと

    不特定多数の人が更新する大規模サイトに必要な CSS 設計の思想
    meeeres
    meeeres 2014/08/12
  • [MooTools] 診断テスト作成スクリプト Diagnosizm

    質問に対し、YESまたはNOで答える1問2答形式の簡易診断テストを自動生成するスクリプト。 問題と診断結果はJSONファイルに保存するのでCGI使えない鯖でも設置できます。 新しく書き直したものはこちら▼ [JS] 9年前の診断テスト作成スクリプトを今風に書き直してみた HTML 質問・結果を表示する要素とボタンが必要。 要素内の中身は実行時に全て削除されるので、NOSCRIPT環境への警告など入れると良いでしょう。 <div id="diagnosizm">JavaScriptを有効にして御覧下さい</div> <p class="button"><button id="check">診断</button></p> inputタグのボタンはつかえません。 JavaScript headでMooToolsのコアとdiagnosizm.jsを読み込ませてから、addEvent(“domrea

    [MooTools] 診断テスト作成スクリプト Diagnosizm