본문 바로가기
728x90

전체 글544

Jekyll_블로그에서 국가별 언어 코드와 타임존 코드 설정하는 방법 웹사이트 위치와 타임존 설정 할때 어떤 형식의 코드를 사용해야 하는지 항상 햇갈렸다. 국가별 언어코드는 en-US (언어 - 국가) 순으로 적는데 언어는 소문자, 국가는 대문자로 적는 것이 특징이다. 타임존은 Jekyll 공식 문서에 따르면 IANA(Internet Assigned Numbers Authority) 타임존 db 을 참고하면 된다고 한다. 한국은 Asia/Seoul로 설정해주면 된다. # 레퍼런스 https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=rahayu&logNo=220691374831 https://en.wikipedia.org/wiki/List_of_tz_database_time_zones ​ af ​ 남아공 .. 2022. 10. 29.
HTML5 boilerplate에 대해 Boilerplate 양식 HTML 삽입 미리보기할 수 없는 소스 doctype 정의 doctype은 브라우저에게 이 페이지가 어떤 버전의 HTML으로 작성되었는지 알려준다. 이를 생략하면 브라우저가 HTML5 태그들(, , )을 인식하지 못할 수도 있다. 이 페이지가 어떤 언어로 쓰였는지 알려준다. 스크린 리더들이 텍스트를 읽는데 도움을 준다(accessibility). 태그에는 기계처리를 위한 정보를 담는다. UTF-8은 standard character encoding이다. UTF-8는 유니코드 기반의 인코딩이고 아주 넓게 쓰인다. viewport는 화면을 설정한다. 이 코드는 페이지 화면의 width를 기기의 width로 맞춰준다. 예를 들어 스마트폰의 width가 600px이면 페이지 화면도 6.. 2022. 10. 12.
예술적인 성향의 프론트엔트 개발자의 접근법 2022 JSConf에서 Nils Binder가 발표한 에 대한 내용입니다. 영상 주소는 https://www.youtube.com/watch?v=SvD85zmWO0A 여기 예술적인 감각으로 만든 웹사이트가 있다. 화면상으로는 보기 어렵지만 폰트 색상은 pure black이 아닌 컬러다. 게다가 grid도 전통적인 방식과 다르다. 전통적인 방식과 다른 방향으로 접근할 때 협업 문제가 많이 발생한다고 한다. 하지만 발표자는 이를 해결하는 방법을 CSS 코드로 설명하면서 충분히 예술적인 접근 방식도 가능하다는 점을 어필한다. 폰트는 이렇게 그리드는 이렇게 해결하면 된다 정리하면 이렇게 된다. Responsive Design 문제도 해결한다. 감정을 표현하고자 한 예술가 Jackson Pollack과 건축 디.. 2022. 9. 9.
Google analytics_도구 설명 Purchase panel Acquisition : building awareness and acquiring user interest Behavior : when users engage with your business Conversion : when user becomes a customer and transact How to use GA Create GA account Add small piece of Javascript tracking code on each page on our site Informations Tracking code tracks Number of User visits Number of User purchases Type of Browser Type of IT gadget Ses.. 2022. 6. 18.
CSS_운영체제별 사용 가능한 font의 종류와 확률 OS과 Window에서 사용가능한 font의 종류와 확률을 알고 싶다면 아래 웹사이트를 참조하면 된다. https://www.cssfontstack.com/ 2022. 6. 8.
728x90