모범 사례를 통해 대형 웹 사이트 구성 및 정리

Question

좋아, 그래서 나는 내 직업을 가질 때까지 항상 CSS에 대해 잘 알고 있었다. 그들이 나를 일하고있는 첫 번째 일 중 하나는 전체 웹 기반 회계 및 재고 시스템을 정리하는 것입니다. 교차 호환성에는 문제가 있습니다. 이 시스템은 매우 방대하며 150 페이지가 넘습니다. 주요 문제는 개발자가 시스템 (CSS)을 개발할 때 모범 사례를 실제로 사용하지 않았다는 것입니다. 이 시스템은 1800 줄이 넘는 코드를 가진 하나의 스타일 시트로 설정되어 있습니다. 실제로는 구조가 없습니다. 다른 주요한 문제는 웹 사이트가 대부분 테이블과 많은 테이블로 만들어졌으며 다른 요소에는 인라인 스타일, 특히 모든 입력 필드 (크기)가 있음을들 수 있습니다. 솔직히 말해서, 나는 이것을 접근하는 최선의 방법이 확실치 않습니다. 분명히, HTML에서 모든 인라인 스타일을 제거하려고합니다. 그러나 이것을하는 가장 좋은 방법을 찾는 것은 어렵습니다. 이것으로 앞으로 나아갈 수있는 가장 좋은 방법에 대한 제안? 귀하의 도움에 미리 감사드립니다.

Answer 1

내가 할 수있는 최선의 조언은 작업을 관리 가능한 모듈로 나누어 하루에 하나씩하는 것입니다. 다음과 같이하십시오 :

• CSS의 효율성을 분석하고 전반적인 리팩토링에 대한 로드맵으로 제안 사항을 사용하는 데 도움이되는 Pagespeed 확장 기능을 가진 방화범을 사용하십시오.
• 기존의 모든 인라인 스타일을 외부 temp.css 파일 (예 : 새로 고치기가 자주 번지지 않도록)로 전송하여 제거합니다.
• Nicole Sullivan's work with OOCSS을보고 그녀의 그리드와 미디어 객체 중 하나를 선택하는 것이 좋습니다. 대부분의 사이트 레이아웃은 매우 간결한 CSS로 잘 커버 한 패턴을 따릅니다.

이번에는 제대로 만들 기회가 있으므로 적절한 계획을 세우는 데 많은 시간을 할애해야합니다. 바이올린에 게시하면 도움이됩니다. 조심해.