내가 좋아하는 Haml 스니펫 요약
6188 단어 WebDesignKatyDeCorahhaml
CodePen에서 pen을 만들 때 Haml을 애용하고 있습니다.
구문을 기억하는 것은 지금도 매우 어렵습니다.
이 게시물에서 내가 과거에 사용한 즐거운 Haml 스 니펫을 정리해 보았습니다.
(더 흥미로운 Haml을 찾고, 점점 업데이트하고 있습니다)
기본 요소
3D - App Store 버튼
변수
문자열
"A" - Tommy Chandra
날짜
Haml 캘린더
시간
Haml 시계
루프/배열
N회
웨이브
배열 루프
음식 - nos
다차원 배열 루프
Type 속성 찾기
루프와 두 개의 배열 지퍼
슬라이드 배경
간단한 아이콘 - Dribbble
루프와 세 개의 배열 지퍼
word-break 및 word-wrap
조합과 조인
Haml 조합
케이스 문장
For 에블리(2월)
SCSS 내포
Haml 시계
Haml + AngularJS
Type 속성 찾기
변화하는 강대한 삼각형
코멘트
Linoel T(
@elrumordelaluz
) 투고일: 2014년 7월 11일멋지네요,
@katydecorah
의 게시물은 매우 유용합니다.감사합니다!
Bryan Levay(
@thousand
) 작성일: 2014년 8월 1일조금 두꺼운 제안이지만,
Jade를 확인해 보아야한다고 생각합니다.
Jade는 매우 Haml적인 구조를 겸비하고 있습니다.
하지만 Haml보다 더 루프 처리에 궁합이 좋습니다.
JavaScript를 기반으로 템플릿, 루프,
그리고 다양한 요소를 똑같이 만들 수 있습니다.
HAML 후에 Jade를 습득했지만 그 이후로 계속 사용하고 있습니다.
Katy DeCorah (
@katydecorah
) 투고일: 2014년 8월 1일@thousand
한번 Jade를 확인한 기억이 있습니다.하지만 솔직히 말하면 거기까지 밀어넣지 않았습니다.
언젠가 다시 보아야 할 것 같습니다!
의견에 감사드립니다.
Arden (
@aderaaij
) 투고일: 2014년 8월 25일매우 훌륭합니다, 감사합니다!
Reference
이 문제에 관하여(내가 좋아하는 Haml 스니펫 요약), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ks9/items/b66137703e79a90a9eaf텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)