Issue No. 20200705

Fresh Articles

Canvas 성능 개선: off-screen Canvas 사용하기

화려한 인터랙티브 웹에 대한 수요가 많아지며 일반 HTML 요소들로는 표현이 어려운 캔버스(Canvas)의 사용이 점점 많아지고 있어요. 캔버스는 특성상 계속 반복적으로 렌더링하는 식이다보니, 아무래도 일반 웹페이지보다 기기에 부하가 많이 걸리죠~그래서 캔버스를…

공유한 링크의 썸네일과 텍스트 표시: 오픈 그래프

개발·디자인

요즘 대부분의 서비스들은 외부 링크를 공유했을 때 아래 그림과 같이 링크에 있는 콘텐츠의 이미지와 제목, 요약글을 표시해 줍니다. 무조건 자동으로 되는건 아니고요, 해당 웹페이지에서 오픈 그래프(Open Graph)라는 메타 정보를 적절한…

1분코딩 →

웹페이지 가로 모드/세로 모드 인식하기
CSS로 다크 모드 인식하기
CSS 텍스트 반전 효과
CSS로 흑백이미지 만들기
창 크기에 딱 맞게 유튜브 영상 넣기