내가 좋아하는 Haml 스니펫 요약

이 문서는 Favorite Haml Snippets -- by Katy DeCorah의 일본어 번역입니다.


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일

매우 훌륭합니다, 감사합니다!