일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- 디자인토큰
- blender
- 에어테이블
- 웹디자인
- 파이썬
- three.js
- design token
- 프론트엔드
- SaaS디자인
- 디자인
- 데이터분석
- frontend
- Airtable
- CSS
- 문서자동화
- UI
- sass
- scss
- UX
- 플랫폼
- angular
- 디자인 토큰
- 에러노트
- 3d
- 생성AI
- CINEMA4D
- 업무자동화
- 리액트
- 한글자동화
- chatGPT
- Today
- Total
목록프론트엔드 개발/CSS, Sass 공부 (2)
이게 무슨 일이야!
Blob (작은 방울) 약간 슬라임 같은 움직임을 이용한 CSS 애니메이션에 대해서 css-tricks(https://css-tricks.com/) 를 보다가 괜찮은 소스가 보여서 소개합니다. 전반적인 개요글 https://css-tricks.com/blobs/ Blobs! | CSS-Tricks I was recently a guest editor for an issue of Bizarro Devs. It's a great newsletter! Go sign up! I put in a bunch of links around blobs. Like those weird css-tricks.com Blobbing CSS Navigation 이나 Banner Indicator 에 쓰기 좋은 CSS Trick ..
* 내용은 지속적으로 업데이트 중입니다 sass 전체 문법 보기 https://sass-lang.com/ sass 를 이용하여 기존 프로젝트 UI 개선 작업 중, 기억해두고 싶은 것들을 스크랩 하고 있다. 주의할 점 *주석 /* ... */ 이 주석이 가끔 에러가 나서 // 로 한 줄 주석을 이용하는걸 권장 - 왜 주석 때문에 에러가 나는지는 미스테리 * 변수 생성 반복문에서 정의하는 왼쪽 변수는 기존 css 의 property (background-color, border, padding 기타등등) 만 가능하다. 가령 아래와 같이 자동 변수 생성 하고 싶지만 안 됨. @for $i from 1 to 10 { $hello-#{$i}: $i * 100#{'px'} } //기대하는 결과값 : //$hello..