개발
CSS 그라데이션, 그림자 시뮬레이터 사이트
가끔 퍼블지원 하다가 그라데이션이나 그림자 시뮬레이터로 빠르게 제작할때 보는 사이트들을 나열해 보았다.
CSS 그라디언트
CSS Gradient — Generator, Maker, and Background
As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.
https://cssgradient.io/
웹페이지에서 직관적으로 그라데이션을 시각화하고 그 코드를 얻어낼 수 있는 사이트이다.
공대감성보다는 디자인 감성으로 만들어진 사이트인데, 간단한 리니어 그라이데이션과 중간중간에 브레이크 포인트 넣기 편하게 설계 되어있다.
CSS 박스 그림자
CSS Box shadow generator | CSSGENERATOR.PL
CSS BOX SHADOW GENERATOR | An easy to use tool that allows you to generate ready CSS rules. Adjust values and copy the finished code.
https://cssgenerator.pl/en/box-shadow-generator/
이번엔 박스 그림자를 직관적으로 제어할 수 있는 페이지이다.
슬라이더를 이리저리 움직이면서 내가 원하는 모양이 될때까지 변경한 후 코드를 복사해 사용할 수 있다.
다만 정확한 값까지 설정하려하지말고 그림자가 적용이된 코드 껍데기를 얻은 후 자기가 사용할 CSS에서 미세조정하는게 더 정확하다.
#유용한사이트
0
개의 댓글
개발 카테고리의 다른 글
09/30/2024
라라벨 쿠키를 이용한 손쉬운 조회수 기능 추가
우리가 흔히 특정 게시글이나 페이지뷰에 대해서 조회수 기능(hit count)을 붙일때면 조회시에 post 모델의 hit값을 1 올리는 incresement 작업으로 수행한다. 근데 이 방식으로하면 해당 페이지를 계속 요청하는, 일련의 새로고침 연타로도 계속 조회수가 상승한다. 이런걸 막기위해서는 세션이나 쿠키를 사용해서 조회했...
09/26/2024
Javascript 함수 중복 호출 막기(제어)
앞단 서브밋에 해당하는 특정 함수를 여러번 실행되지 못하게 막을 필요성이 있어서 아래와 같은 함수를 적용해보았다. 원리는 무진장 간단하다.함수 하나를 받아서 실행시킬때 그 함수의 호출시간을 lastCall 변수에 저장해두고 이후 함수 호출시 현재시간 now 에서 기존 lastCall 변수의 값을 뺀값이 delay의 값보다 크면...
09/24/2024
SSL 인증서 비밀번호 제거 방법
외부 발급된 SSL 인증서를 우리 회사 Nginx 서버에 적용하고 reload하는 과정에 인증서 비밀번호를 입력하라는 메시지가 떳다. 처음보는 광경이어서 일단은 받은 인증서 비밀번호를 입력하니 제대로 nginx -s reload 가 적용이되서 넘어가려는데 쎄한 느낌이 들었다. 설마설마하는 마음으로 다시한번 설정 리로드를 시도해...
