メンテナンス性に優れ、拡張性を備えたCSSを書くために -メンテナブルCSS
メンテナンス性に優れ、拡張性を備えたCSSを書くための「MaintainableCSS」を紹介します。 あるスタイルを修正する際に他に影響を与えてしまわないか、せっかく書いたコードが先祖帰りしないか、似たページをつくる時にコードを再利用するのに問題はないかなど、全部はもちろん個々でも非常に参考になると思います。 MaintainableCSS 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 メンテナブルCSSにすることのメリット 1. はじめに 2. セマンティック 3. 再利用 4. ID 5. コンベンション 6. モジュール 7. ステイト 8. バージョニング メンテナブルCSSにすることのメリット モジュール化、カプセル化 スタイルはあなたの許可なしで、他のスタイルの影響を受けません。 どんなデザインの要件でも あなたの必要
コンテンツ更新の課題と続けるためのヒント
続けるための仕組みつくり 個人でも企業でも関係なくメディアカンパニーのように振る舞うことが必須になりつつある現在。SEO の観点でも、断片化する人々のライフスタイルをみても、ただ Web サイトを作って待っていても意味がないことが分かります。 Web サイトは利用者のためになるコンテンツを配信していくべきですが、言うのと実践するとでは大きな違いがあるのが Web サイトの更新。個人であれば、「がんばって書く」で良いかもしれませんが、企業になると、そうはいかなくなります。ちょっとした更新にも様々な課題が生じます。 更新のための施策が不透明 更新頻度だけでなく、どのような種類のコンテンツをどう更新するべきなのかが共有されていないことがあります。 受動的な更新 外圧があるまで、又はイベントが発生するまで更新しないという消極的な姿勢になりがちです。 確立されていないワークフロー 法律に関わる内容な
Webサイトのガイドライン6つの事例集＋品質チェックマニュアル&チェックシート | Web制作・運用現場のための「課題解決」の教科書 | Web担当者Forum
Webサイトの品質管理に使うルールドキュメントとは、いわゆる「ガイドライン」のことです。適切なガイドラインを持つことにより、Webサイトのコンテンツをユーザーにとって使いやすく、運用しやすく、成果が上がりやすい状態に保つことができます。 あさみ「鈴木先輩、ソーシャルメディア運用ガイドラインの虎の巻、ありがとうございました！ あれを見れば、運用に関わるルールや決まりごとが一目瞭然でした。とっても助かりました」 鈴木「役に立ったようで良かったよ。ソーシャルメディアに限らず、運用品質を維持するためのルールを決めておくことは、とても大事だよね」 あさみ「確かにそうですね。普段のWeb制作・運用でも、私が入る前から色々なルールやガイドラインが用意されていました。それが業務のよりどころになっていましたね。でも、どんな種類のガイドラインがあって、何の目的であるのかは、正直あまり理解できていません……」
長期かつ修正頻度の高いPJでのCSSメンテ - ワザノバ | wazanova
http://benfrain.com/enduring-css-writing-style-sheets-rapidly-changing-long-lived-projects/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約2時間前 長期的な大規模プロジェクト、かつ修正頻度が高い場合は、DRYよりはメンテ性を最優先にしたCSSを書くべきという、Ben Frainの方法論です。長文ですが、よくまとまってると思います。 1) テクノロジーとツール プレプロセッサ 長期のプロジェクトにおいて重要なのは、テクノロジーではなく、何ができて、どう進めるかというアプローチ。 Sass / LESS / Stylus / Myth などどれでも、しっかり書かれていれば、必要なときにいつでも統合はできる。プレプロセッサは
YUIDoc - JavaScript Documentation Tool
YUIDoc is a Node.js application that generates API documentation from comments in source, using a syntax similar to tools like Javadoc and Doxygen. YUIDoc provides: Live previews. YUIDoc includes a standalone doc server, making it trivial to preview your docs as you write. Modern markup. YUIDoc's generated documentation is an attractive, functional web application with real URLs and graceful fallb
ウェブデザインにおけるセマンティック・バージョニング
アプリケーションの世界ではセマンティック・バージョニングが広く受け入れられた……かどうかはわからないが、採用例はすごく増えている印象だ。ウェブデザインではどうかというと、ウェブ・アプリケーションのバージョニングに追随しているだけであったり、そもそもバージョニングされていなかったりするような気がする。ウェブデザイン、主にCSS(とCSSプリプロセッサー)においてセマンティック・バージョニングを導入するとすると、どのようなタイミングでメジャー、マイナーそしてパッチ番号を増やせば良いのだろうか。 セマンティック・バージョニングの中心となる概念は後方互換性だ。後方互換性が: 失われる: メジャー 失われない新機能の追加: マイナー 失われない修正: パッチ 数語でまとめるとこのようになるだろう。ウェブデザインにもこれを当てはめるとすると、ウェブデザインにおける後方互換性とは何なのかということをまず
スタイルシートの内容はそのままで、可読性・保守性を高めるオンラインサービス -CSS Trashman
サイトやブログで使用しているスタイルシートをリファクタリングし、可読性・保守性を高めたCSS（Sassも）に変換してくれるオンラインサービスを紹介します。
私が月に1度やってるMacのメンテナンス方法 | Stocker.jp / diary
私はメインマシンとして Mac を使用していますが、一時期全くメンテナンスをせずに使っていたら、10ヶ月ほどで買った時より明らかに動作が遅くなってしまいました。 そこで、最近は毎月1回メンテナンス作業を行うことにしています。 具体的には以下のような感じです。 関連記事: Windows 10を快適に使用し続けるために月1回やった方が良いメンテナンス ディスクユーティリティ メニューバー右端の検索アイコンをクリックするか、command + space または control + space キーを押して Spotlight を起動します。 disk と入力します。すると、候補にディスクユーティリティが出てくるはずなので、Enter キーを押して起動します。 ディスクユーティリティでディスクを検証 ディスクユーティリティの［First Aid］ボタンをクリックし、［実行］をクリックするとMa
「保守・運営」について考える
こんにちは。WPD-Oliveです！今日も元気です！ 制作だけじゃなく「保守・運用」もやってみようぜ！ ひとつのウェブサイトを構築して、それで終わりにすることなく、その後もクライアントとお付き合いしていく「保守・運用」。 僕はこれまで制作をメインにしてやってきましたが、今後のことを考えると「保守・運用」についても自分のドメインとしてやっていきたいと考えるようになって来ました。 そこで、今回は、僕の考える「保守・運用」について書きたいと思います。 保守・運用をしていくことの制作者にとってのメリット スキル向上のメリット 制作を続けていると、決められたものを作る能力はしだいしだいに上がっていきます。やったことがないことでも、調べたり新たに開発したりしていくうちに、制作分野の守備範囲が広くなっていくイメージですね。 さて、制作をするときには、（＝企画やワイヤーフレームの作成、デザイン、htmlへ
レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと
昨年2011年10月に仕事で運営に携わっている大学ウェブサイトでレスポンシブWebデザイン (しかもフル可変グリッドレイアウト) を導入して、はや半年。約6ヶ月間、レスポンシブWebデザイン（RWD）で制作したウェブサイトを運営してみて思ったことをまとめてみました。これからレスポンシブWebデザインを導入したいと考えている方の参考になれば幸いです。 プロジェクトの概要 大学のウェブサイトをリニューアルするにあたり、さまざまな状況や制限などを考慮、また、今後3〜5年を見据えて、レスポンシブWebデザインを取り入れた制作を行いました。大学公式ブログでもリニューアルについて紹介しているので、ぜひそちらもご覧ください。そこで書いたように、以下のような思いもあり、このリニューアルを行いました： 今回、新しい試みを行った背景には、このウェブサイトが「大学のウェブサイト」であることが大きな要因の一つとし
ウェブサイトのメンテナンス時やサービス停止時にやるべきこと・やってはいけないこと
[対象: 中〜上級] サイトのメンテナンスなどの理由で一時的にサービスを停止しユーザーのアクセスを遮断したいときがあります。 このケースでやるべきこととやっていはいけないことを、GoogleのPierre Far(ピエール・ファー)氏がGoogle+で説明しました。 米連邦政府議会で提案されているある法案に対して抗議する人たちへの援助の目的も背景にあるようですが、関わりのない僕たちにとっても非常に有益な内容なので紹介します。 以下で説明することは、「メンテナンス中」のような通知ページを元々のページと置き換えて訪問者に見せる状況にも当てはまります。 1. サイトの一部であってもサイト全体であっても、停止するURLはすべて503のHTTPステータスコードを返す。 次の2つの点において役に立つ。 通知ページが本当のコンテンツではないことをGoogleに伝えインデックスされない。 すべてのページで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
メンテナブルでありつづけるためのCSS設計
CSSI: CSS Investigation
idiomatic.js/translations/ja_JP at master · rwaldron/idiomatic.js
Autify CEO 近澤 良のブログ
メンテナブルなJsってなんだろう