Personal/Tip (83) 썸네일형 리스트형 이메일코딩, image-map.net 이미지맵을 이용한 이메일코딩 요청이 들어왔다. 편리함을 추구하기 위해선 언제나 '만약'을 생각한다. 수령받은 링크가 100개가 된다면 어떻게 해야될까? https://www.image-map.net/ Free Online Image Map Generator Easy free online html image map generator. Select an image, click to create your areas and generate html your output! www.image-map.net 사이트에 방문하여 img를 불러온다. 민감한 img라도 괜찮다. 이미지를 읽을 뿐, 어디 전송하거나 저장하지 않는다. 그로인해 실제 코드를 얻을때 이미지는 직접 업로드/경로 지정을 해야한다. 여기서부턴 직접 경험.. QR CODE 만들기 qrcode.js qrcode.js를 이용해 띄우기 더보기 우선 보기좋게하기위해 최소한의 css를 지정한다. 값이 들어갈 input, qr이 만들어질 div를 만든다. jquery연결 후, qrcode.js연결 스크립트 추가. 끝. 아래와 같은 결과물을 볼 수 있다. BARCODE 만들기 barcode.tec-it.com 이미지코드로 띄우기 https://barcode.tec-it.com/en 위 페이지에 접속하여 원하는 문자를 입력한다. 왼쪽상단 copy 아이콘을 클릭하면 소스를 얻을 수 있다. 얻은 경로를 위 코드 src=""안에 삽입한다, 끝. * 웹에서는 아무이상없으나, 가끔 이유없이 gmail에 삽입했을때 뜨지않는 경우가 있다. https://standout.tistory.com/224 BARCODE 만들기 barcode.js barcode.js를 이용해 띄우기 더보기 우선 보기좋게하기위해 최소한의 css를 지정한다. 값이 들어갈 input, barcode가 만들어질 div를 만든다. jquery연결 후, barcode.js연결 스크립트 추가. 끝. 아래와 같은 standout.tistory.com pangram 팬그램, 모든문자를 사용해 쓸 수 있는 한 문장 The quick brown fox jumps over the lazy dog 날쌘 갈색여우가 게으른 개를 뛰어넘는다 모든 문자를 사용해서 만든 문장을 팬그램. 글을 쓰는 학생들을 위한 훌륭한 동시에 타자기, 컴퓨터 자판, 폰트 등을 테스트하기에 좋다. + 다람쥐 헌 쳇바퀴에 타고파 한글은 어떤 문장을 사용할까, 폰트를 다운받으면 아래와 같은 문장을 자주 볼 수 있다. 이는 쌍자음을 제외한 모든 자음을 사용해서 만든 문장이다. 알파벳과 다르게 한글의 경우 자음이 초성으로 쓰일 때, 종성으로 쓰일 때 모습이 달라 팬그램의 정의에 맞는 조리있는 문장을 조합하기 어려우나 이는 다른나라 언어에서도 마찬가지다. 그의 대표적인 예는 중국어로, 존재하는 한자가 너무 많다보니 팬그램의 존재자체가 힘들다. C:\Wind.. QR CODE 만들기 qrcode.tec-it.com 이미지코드로 띄우기 https://qrcode.tec-it.com/en 위 페이지에 접속하여 원하는 문자를 입력한다, URL도 가능, 다운받거나 코드로 이용할 수 있다. select박스를 api로 변경해 소스를 이용한다. 로딩아이콘 만들기 LOADING.IO https://loading.io 직접 들어가서 경험하는게 더 빠르다. 유용한것들을 정리한다면, 이미지 업로드 후 설정 https://loading.io/animation/icon/ 테마별 아이콘 으로 생성 https://loading.io/icon/set 원하는 텍스트로 https://loading.io/animation/text/ 로딩 애니메이션모음.CSS loading.min.css 0.04MB https://loading.io/animation 변형 애니메이션모음.CSS transition.min.css 0.06MB https://loading.io/transition/ 빈이미지 via.placeholder.com 기본형 응용형: 가로x세로, 색코드, text=다음에 텍스트를 입력하면 끝. * 샘플 txt는 다음을 이용한다. https://www.lipsum.com/ Lorem Ipsum - All the facts - Lipsum generator What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type spec www.lip.. 이미지의 컬러를 추출 Color Thief Color Thief Color Thief Examples Try it yourself Drag an image here Drop it! Getting started The Color Thief package includes multiple distribution files to support different environments and build processes. Here is the list of all the files in the /dist folder and what formats lokeshdhakar.com 위의 링크에 들어가 파란색 박스에 이미지 드래그 이전 1 ··· 7 8 9 10 11 다음
