Git 기초 - init, status, add, commit, log
git에서 사용되는 가장 기본적인 명령어들을 정리하였습니다. init, status, add, commit, log
RittoRitto
Open Props - 지저분한 HTML을 만드는 Tailwindcss의 대안
OpenProps로 디자인토큰을 사용해 웹을 쉽고 빠르게 구축할 수 있습니다. CSS변수를 통해 TailwindCSS의 대안으로 사용하기에 좋은 기능들이 잘 준비되어있습니다.
Grayscale - 먼저 흑백으로 디자인해야 하는 이유
그레이스케일 작업에 대한 장점은 위에 설명 했듯이 대비를 고려한 디자인, 인쇄환경에 유연한 대응 등 분야를 막론하고 장점이 많습니다. 단점은 시간이 걸린다는 점이죠.
PureRef - 디자인, 일러스트 레퍼런스 어플리케이션
PureRef는 위의 예시처럼 여러 이미지를 동시에 나열해 놓고 비교해보기 좋은 프로그램입니다. 이미 하드에 저장되어있는 사진들을 끌어다 놓고 배열할 수도 있지만, 사이트에서 바로 복사해서 붙여 넣기로 넣을 수도 있습니다.
HTML/CSS에 대해 질문할 때 이렇게 해보세요
HTML/CSS 혹은 자바스크립트를 공부하기 시작하다 보면, 무슨 이유인지는 몰라도 의도한 대로 실행이 안되는 경우가 많습니다. 어디서부터 무엇이 잘못되었는지 모른다는건 사실 원인을 찾아가는 기본적인 방법 - 디버깅 하는 방법을 모르기 때문입니다. 그렇다고 당장 시작한 사람 입장에선 디버깅이란 용어조차 생소할 것입니다.
CSS RESET - font-size:62.5% 초기화 방법을 선호하지 않는 이유
2배를 해도, 1/2를 해도 8의 배수로 8px 그리드 시스템을 기반으로 디자인하기에 좋은 기본값입니다. 물론 즉각적으로 계산하기에는 10단위로 끊어서 계산하는 것이 편리할 것입니다. 하지만 8배수 디자인을 하기에 더 용이한 것은 기본 폰트 값 16px = 1rem을 이용하는 방법입니다.
D3.js - 데이터 시각화 라이브러리, 기본 사용법
Data Driven Document - 반복되는 앞 글자 D를 3개 따서, D3라 불리는 이 라이브러리는 첫 인상이 썩 순해보이지는 않습니다. D3를 공부하면서 초보자를 위해 정리된 글이 의외로 별로 없다는 생각이 들어서 제가 공부한 것들을 정리해봅니다.