전체 글 (48) 썸네일형 리스트형 svg 이미지 파일 없이 css로 그리기 - svg 코드로 변환 https://www.mobilefish.com/services/base64/base64.php Mobilefish.com - Base64 encoder and decoder This service allows you to Base64 encode or decode a given text or a file. The Base64 format uses the characters (A-Z, a-z), the numbers (0-9), and the "+", "/" and "=" symbols. Email programs, for example, applies Base64 encoding where binary data such as www.mobilefish.com - 한줄 코드로 바꾸.. UX/UI 관점에서 보는 사이트 레이아웃 구성방법 막 웹디자이너로 입문한 사람들에게는 직관적이이게 보이는 방법을 설명한 사이트다. 참고하면 좋을 듯.. https://brunch.co.kr/@blackindigo-red/29 웹 페이지를 디자인할 때, 자주 하는 실수 몇 개의 디자인 팁으로 멋진 웹 페이지를 만드는 법 | (출처 : [Common webpage design mistakes]의 기사를 번역 및 가공한 콘텐츠입니다.) 우리 팀은 사람들이 웹 사이트를 구축하는 동안 가장 흔히 저지르는 실수를 조사했습니다. 이 기사는 디자이너들이 서비스를 디자인할 때 피해야 할 금지사항 목록들입니다. 랜딩 페이지에서 디자인 실수를 피하기 위해 1. 콘텐츠가 논리적인 정보 brunch.co.kr https://www.nickkolenda.com/user-expe.. SASS/SCSS/LESS를 CSS로 변환시켜주는 사이트 https://sass2css.herokuapp.com/ SASS2CSS | SASS/SCSS/LESS to CSS converter Sass, Scss, less to css converter | An online/offline tool for Convert sass, scss, less Code to CSS Code sass2css.herokuapp.com sass로 작업할 때 css 변환하기 귀찮을 때 유용하다. css 페이지 드래그 색상변경하기 ::-moz-selection { background: red; color: white; } ::selection { background: red; color: white; } css에 넣어주면 된다. 원하는 배경 색상과 폰트 컬러를 지정하면 된다. IE9 이하에서 placeholder 보이게하기 2가지 라이브러리 심플하게 디자인 하다보니 placeholder로 많이 input을 나타내곤한다. ie9이하부터는 placeholder가 보이지 않는다. http://jamesallardice.github.io/Placeholders.js/ Placeholders.js - An HTML5 placeholder attribute polyfill jamesallardice.github.io 나는 그냥 가벼운걸로 선택 오른쪽 마우스 - 다른 이름으로 저장 해서 받음 안에 를 넣어주기만하면 ie9이하에서도 보인다. ========= 또 다른 방법은 https://github.com/mathiasbynens/jquery-placeholder mathiasbynens/jquery-placeholder A jQuery plugin t.. input 비밀번호 보기/숨기기 (눈모양) 회사 사이트 만들면서 구글 로그인처럼 '눈모양이 있으면 좋겠다' 라는 이야기를 들었다. 눈모양은 폰트어썸에서 가져왔다. https://fontawesome.com/ 흐음..cdn같이 놓고 싶었는 따로 사이트에 안보이네요... 저는 5.0대 버전을 사용하고 있어요. 다운 받으셨다면 안에 넣어주세요. 다운받기 귀찮으시다면 일단 떠돌아 다니는 4.0버전 가지고 합시다. 비밀번호 html 은 이렇습니다. 4.0버전대는 i 부분의 클래스를 이렇게 변경 해주세요. css는 저는 이렇게 했는데 이쁘게 맞춰서 해주시면 됩니다. .input { position: relative; } .input .eyes { position: absolute; top: 0; bottom: 0; right: 0; margin: auto .. email input 영어/숫자만 이메일에 유효한 특수문자 입력받게 하기 html코드 jquery 코드 $(function(){ $('"input[name=test]').on('keyup', function(event){ if (!(event.keyCode >=37 && event.keyCode emailJS로 서버없이 메일전송 만들기3 벌써 마지막 글입니다 정독하느라 고생하셨어요! 템플릿도 만들고, 메일 서버도 연결했으니 이제 전송하는 방법만 알아보면 되겠네요! 지난번 html 파일을 열어보면 위의 이미지처럼 나옵니다. 자 이제 emailJS의 템플릿에 들어가서 보면 여기서의 to_name, from_name, message_html 이렇게 세개가 필요하네요. html 코드에 있는 input의 name을 받아오기 때문에 동일하게 해줍니다. Name From Name Message 이렇게 저는 코드를 수정했습니다. 이렇게 셋팅을 마치고 전송버튼을 누르면 템플릿에 적어놨던 To email로 메일이 전송되었을거예요! 다시한번 더 코드를 봅시다. Name From Name Message 만약에 전송이 안되었다면, document.getElem.. 이전 1 2 3 4 5 6 다음 목록 더보기
