- Today
- Total
CODE CAVE
CSS가 발전함에 따라 이제 포토샵으로 해야만 했던 작업들이 코딩으로 가능해지고 있습니다. 이번 포스팅은 그 중 이미지 혼합 기능인 blend-mode 에 대한 실험입니다. 색상과 이미지를 혼합하는 기능을 어디서 쓸까 생각하다가 운영중인 쇼핑몰에서 색상과 재질을 선택해서 미리 볼 수 있는 Custom Option 기능을 만드는데 활용했습니다. [재질과 색상의 혼합] - http://www.trymoon.kr - NO BRAND BUT GOOD SENSE 위 화면은 신발 쇼핑몰에서 혼합 모드를 응용하여 개발한 것입니다.정의해놓은 재질을 선택하고, 색상을 선택하면 재질 이미지와 색상을 혼합하여 결과를 아래 보여주는 방식입니다. 위 화면을 개발하기전, 제가 블랜드 모드 관련 샘플로 만들어놓은 화면입니다. 위 ..
트렌디적인 리스트 디자인 혹은 UI를 꼽자면 핀터레스트를 뺄 수 없습니다.한국 서비스로는 피키캐스트가 유명하죠! 아마 리스트에서 각각의 목록이 이미지가 중요한 리스트라면 단순한 2,3단 배열보다 훨씬 볼만합니다. 백번의 말보다 한번의 예제! 샘플 만들어봤어요.아래 이미지 처럼 리스트 카드가 겹쳐서(?) 나오는 형식의 디자인 입니다. 이런 리스트는 자바스크립트로도 개발할 수 있고 CSS로도 개발할 수 있는데요. 저는 CSS로 할 수 있는 거면 CSS단에서 끝내자는 주의라서 CSS로 구현해보았습니다! 소스코드는 제 깃허브에 올렸습니다. github : https://github.com/kkotkkio/pinterest-list 원본 출처 : https://opentutorials.org/course/2473..
이번 포스트는 제가 매번 작업할 때마다 자주 사용하는 명령어 중에서 자꾸 까먹는 명령어들을 메모할 용도로 작성하였습니다. " CentOS / Apache + PHP + MySQL 기준 " # RAM 용량 확인cat /proc/meminfo | grep MemTotal # 웹 서버 버전httpd -v # PHP 버전php -v # 시스템이 비트 수 확인getconf LONG_BIT # 패키지 설치 확인 (ex) PHP 설치 유무 확인 yum list installed | grep php # 패키지 삭제yum remove php* # yum 업데이트yum update # 파일용량 설정파일 업로드 기능을 만들어도, max size를 넘었다며 업로드가 안되는 경우sudo vi /etc/php5/apache2/p..