728x90 World/CSS4 CSS flexbox playground <flexbox froggy> CSS flexbox를 연습할 수 있는 재미있는 도구를 찾았다. https://flexboxfroggy.com/ 2023. 10. 26. CSS_Smooth Scroll 적용하기 Smooth Scroll // link services // element html { scroll-behavior: smooth; } .section { /* navbar height*/ scroll-margin-top: 4rem; } 2023. 4. 24. 예술적인 성향의 프론트엔트 개발자의 접근법 2022 JSConf에서 Nils Binder가 발표한 에 대한 내용입니다. 영상 주소는 https://www.youtube.com/watch?v=SvD85zmWO0A 여기 예술적인 감각으로 만든 웹사이트가 있다. 화면상으로는 보기 어렵지만 폰트 색상은 pure black이 아닌 컬러다. 게다가 grid도 전통적인 방식과 다르다. 전통적인 방식과 다른 방향으로 접근할 때 협업 문제가 많이 발생한다고 한다. 하지만 발표자는 이를 해결하는 방법을 CSS 코드로 설명하면서 충분히 예술적인 접근 방식도 가능하다는 점을 어필한다. 폰트는 이렇게 그리드는 이렇게 해결하면 된다 정리하면 이렇게 된다. Responsive Design 문제도 해결한다. 감정을 표현하고자 한 예술가 Jackson Pollack과 건축 디.. 2022. 9. 9. CSS_운영체제별 사용 가능한 font의 종류와 확률 OS과 Window에서 사용가능한 font의 종류와 확률을 알고 싶다면 아래 웹사이트를 참조하면 된다. https://www.cssfontstack.com/ 2022. 6. 8. 이전 1 다음 728x90
