내 자신의 반응 형 디자인을 작성한 많은 프로젝트 이후, 나는 Zurb Foundation과 함께 가기로 결정한 대중적인 반응 형 프레임 워크를 연구 한 후 약간 지쳤습니다.zurb foundation을 사용하는 혼동
먼저 다운로드 준비가 된 CSS를 준비했습니다. 그렇다면 나는 GEM을 사용하려고 노력했다. GEM은 내 자신의 것을 알아 내려고 할 때 약간의 저항이있다. 문서가 충분한 시나리오를 설명하지 못하는 것 같습니다. 문서는 원시 문서입니다.
첫 번째로 내가 놓친 것은 jquery의 웹 사이트와 같이 설명을 빨리 찾을 수있는 모든 클래스를 검색하는 것입니다.
Windows에서 루비를 설치해야하는 경우가 많습니다. 그럼 내 웹 서버도 루비가 설치되어 있어야한다고 생각하지만, SASS는 단지 preprocesor 그래서 내쪽에 더 나은 코드를 작성하고 유지하는 데 도움이 알아 냈어 끝냈어 :)
여기 내가 몇 가지 다른 문제가 있습니다. 각 항목에 대해 Google을 검색하지 않고 쉽게 알아낼 수 있습니다.
1) .scss 파일을 열려면 dreamweaver도 구성해야합니다. 그런 다음 매일 개발 중이며 루비 콘솔을 열고 프로젝트 디렉토리로 이동하여 나침반 시계를 넣어야합니다. 이제는 모든 수정 내용을 저장할 때마다 (즉, 브라우저를 테스트 할 수 있습니다) Dreamweaver에서 메시지 상자가 나타납니다. "파일이 Dreamweaver 외부에서 수정되었습니다. .. 원하는 것을 저장 하시겠습니까 .. blabla"- 매우 매우 enoying
2) app.scss는 많은 @import 문만 보유합니다. _settings.scss는 기본 모양을 변경할 수있는 코드를 보유합니다 (SASS 전문가가 아니기 때문에 보석을 사용하는 주된 이유였습니다). 몇 가지 성명서의 주석을 제거하고 _settings.scss 내에서 내 필요에 themn을 변경해야하고 언젠가 내가 zurb을 성공적으로 업데이트하면 : gem update zurb-foundation? 그렇다면, 내 모든 재정의를 보유하는 새로운 scss를 만드는 것이 더 나은 습관입니까?
3) _settings.scss 수신 대기하는 일부 기본값을 재정의해야하는 새 .scss 파일을 만드는 방법.
4) 내가 app.css 또는 _settings.scss
5) 링크를 가져 가기 색 바 변경할 때, 이러한 이유는 적용되지을 무시한다 ??? 예 : $ topbar-link-color-hover : #fff; (_settings.scss)
6) 나는 그것을 만든 후에 내 프로젝트에/img 또는/images 폴더가 없었습니다. 그러므로 나는 하나의 "/ images"를 만들었습니다
7) 모범 사례 및 자습서가 많은 기초 4에서 구입할 책 7) ???
솔직히 말해서 나는 정직하게 말해서 zurb의 기초를 배우는 데 많은 시간을 할애하고있는 것처럼 보입니다. 모바일 및 데스크톱 웹 프로젝트에서와 같이 C++ 프로젝트에서 많은 경험을 했으므로 newby와 같은 느낌이 들지 않지만 지원을 요청할 때와 거의 비슷합니다.
나는 곧 다른 시도를 할 것이고, 내가 당신의 조그만 물체와 관련된 질문이 없다면 점검 할 것이다. Tx – PathOfNeo
한 가지 내가 이미 보석을 사용하여 혜택을 탑 - 바 - 높이를 변경하는 경우, 당신은 모든 미디어 쿼리에 사용되는 모든 클래스에서 하나의 작은 변화를 재정의해야합니다. 꽤 무거운 변화 .. 내 웹 사이트의 끝에서 내 하나의 사용자 정의 zurb 기초 프레임 워크를 가질 것이라고 생각 :) 그래서 나침반과 신음 소리를 사용하여 돌파구입니다 – PathOfNeo
@PathOfNeo, 당신은 또한 github repo에서 소스를 사용할 수 있습니다 모든 소스가 repo의 일부이기 때문에 당신이 보석으로하고있는 똑같은 일을하십시오 :) 또한 당신이 의존성 관리를 위해 사용하는 것이 확실하지 않지만 기초를위한 webjar가 있습니다. 나는 SCSS를 갖기 위해 한 달 정도 전에 그것을 업데이트했다. – zmanc