답변:
와우, 누군가 방금 SO에 이것을 게시했습니다.
의사가 주문한 것입니다 : http://jsfiddle.net/
html, css 및 javascript를 작성하고 바로 실행할 수 있습니다! 또한 그들은 이미 Jquery와 다른 것들에 대한 참조를 가지고 있습니다!
인터넷 규칙 33은 당신이 그것을 원한다면 상상해보십시오! ;)
방금 http://colorschemedesigner.com/에서 우연히 발견되었습니다 .
색상을 선택하는 데 유용하며 일반적인 페이지에 적용되는 색상 구성표를 보여주는 예제 페이지를 표시합니다.
업데이트 : 웹 사이트는 이제 http://paletton.com입니다
나는 모른다. 그러나 이것은 스스로 설정하는 것이 간단하다. 설명하는 모든 요소가 포함 된 기본 HTML 문서를 작성하십시오. (필요한 경우 Lipsum.com 에서 텍스트를 생성 할 수 있습니다 .) 그런 다음 문서 헤드에서 CSS 파일에 링크하여 스타일이 첨부되어 있는지 확인하십시오. 다음에 테스트하려는 경우 다른 CSS 파일을 가리 키도록 변경하십시오.
정확히 요청한 것은 아니지만 less.js 의 라이브 시계 모드를 좋아합니다 .
일반적으로 HTML 또는 XHTML의 풍미가 수동으로 필요한 모든 요소 / 조합을 모방하지만 자체 마스터 요소 문서를 만들 수 있습니다. 두 번째 모니터 (또는 두 개, 세 개 등)를 연결하여 모든 브라우저를 열거 나 두 번째 컴퓨터를 사용하면 저장 한 모든 변경 사항이 한 번에 모든 브라우저에 적용됩니다.
LessCSS 구문은 일반 CSS와 함께 사용할 수 있지만 작업 속도가 빠르고 픽업이 쉽습니다 (결과는 나중에 일반 CSS로 변환 될 수 있음).
Aviary 와 같은 도구를 사용하면 스크린 샷 (스크롤 다운 및 스티칭 자동화 포함)을 쉽게 찍을 수 있으며, 빠르게 주석을 달거나 (공유 가능한 링크가있는 온라인) 다른 도구 (예 : Photoshop , GIMP , Paint) 에서 저장하고 비교할 수 있습니다. .NET 등)을 레이어로 오버레이하고 상단의 투명도를 변경하여.
편집하다:
파일 저장시 스크린 샷 프로세스를 자동화하려면 다음을 수행하십시오.
그런 다음 스크린 그래버 와 함께 파일 감시자 와 같은 것을 사용할 수 있습니다 (Python 방향을 실례하십시오. 다른 많은 솔루션이 있습니다) . 사후 처리도 자동화 할 수 있으며 일관된 창 위치를 사용하는 경우 (프로그램 / 데스크톱 환경이이를 지원할 수 있음) 스크립트의 일부로 브라우저 주변의 "크롬"을 잘라낼 수 있습니다.
w3schools를 사용하면 HTML 및 CSS 규칙을 가지고 놀 수 있습니다. 재생하려는 CSS / HTML을 찾아 "직접 사용해보십시오"라고 표시된 위치를 찾으십시오. 여기 그들의 border CSS페이지가 있고 그들의 놀이터가 있습니다.
모든 페이지를 html / css로 만든 다음 Firebug 또는 크롬 웹 마스터 도구를 사용하여 스타일을 추가 / 변경 / 실험합니다. 빠르고 간단하며 일시적이며 실험에 좋습니다. 또한 자체 서버에서 자체 코드로 작업 할 수 있으며 이는 또 다른 보너스입니다.
Buzzkill : 저의 UI 개발자 부분은 진정한 디자인 툴을 개념화 한 다음 브라우저의 차이로 인해 코드를 모방하는 것이 더 낫다고 경고합니다.
참고 사항-저는 Jquery의 UI Themeroller를 좋아합니다. 이러한 도구는 Themeroller가 측면에서 스타일을 변경하는 데 존재합니다. Themeroller의 CSS를 통해 사이트를 완전히 테마 한 다음 다른 테마 사이를 전환 할 수 있습니다. 한번도 사용해 보지 않았다면 배포 속도가 빨라질 수 있습니다. 특히 현재 인기있는 "광택"모양을 찾고 있다면 더욱 그렇습니다.
거기 가서 CSS에 붙여 넣고 결과를 봅니다.
여기 당신이 간다 : http://www.oswt.co.uk/developments/style_sheet_viewer/
정확히 질문에 필요한 것!
그것이 당신이 요구 한 것인지 확실하지 않지만 CSS Zen Garden 에는 CSS 디자인이 많은 HTML 페이지가 있습니다. 이 사이트에 대해 고유 한 CSS를 작성할 수 있습니다. 예제는 매우 고무적입니다.