일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- #업종별
- 해피CGI
- #솔루션
- #happycgi
- 게시판
- happycgi
- 쇼핑몰
- #홈페이지
- 홈페이지
- #image
- jquery
- #jQuery
- CSS
- #쇼핑몰
- 사이트제작
- #이미지
- javascript
- #CSS
- 홈페이지제작
- #해피CGI
- #뉴스
- #홈페이지제작
- #웹솔루션
- #동영상
- 웹솔루션
- php
- #cgimall
- 솔루션
- CGIMALL
- 해피씨지아이
- Today
- Total
목록웹프로그램밍 자료실/기타 자료 (862)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
정규식 테스트기를 제공하는 웹사이트 myregexp.com 입니다. http://www.myregexp.com/ 사이트로 접속하여 정규식 테스트를 하실수 있습니다. 사이트에 접속하여 Regex Examples 메뉴로 접속시, 자주 이용되는 몇가지의 샘플 정규식을 확인 할 수 있습니다.
웹 브라우저 주소창에 출력되는 아이콘 즉 파비콘을 손쉽게 만들 수 있는 사이트입니다. 파비콘으로 만들 이미지파일을 첨부하고 [Create Favicon]을 클릭하세요. [Download the generated favicon] 클릭하여 자동으로 생성된 파비콘 이미지를 다운로드 받으면 끝! 사이트내 파비콘 적용 소스도 제공되니 아주 유용합니다.
Splitting.js를 사용하여 로딩하는 애니메이션 입니다. 코드 및 데모는 데모링크를 통해서 확인하실 수 있습니다. HTML 소스 Loading .... CSS 소스 .vertical-flip { width: 10rem; height: 1rem; margin-block-start: 0.5rem; background: dodgerblue; } .wrap { outline: 1px solid #efefef; outline-offset: 0.25rem; } p { opacity: 0.5; } body { display: grid; place-items: center; min-height: 100vh; background: #080808; font-family: "Open Sans", sans-serif; ..
https://fontello.com/ 폰텔로는 이미지 파일로 제공되는 것이 아니라 웹폰트 형식으로 제공하는 무료 아이콘 사이트입니다. 자신만의 무료 아이콘 웹폰트도 만들 수 있으며, 만든 웹폰트 묶음을 다운로드 할 수 있습니다.
www.loud.kr/ '라우드소싱'은 의뢰자와 다수의 디자이너를 연결해 주며 로고, 패키지, 캐릭터, 웹/앱, 리플렛 등 다양한 분야의 카테고리가 있습니다. 다른 사람들의 웹디자인뿐만 아니라 여러 포트폴리오를 확인해 볼 수 있어 디자인 아이디어와 영감을 얻기 좋은 사이트입니다. 또한 진행 중인 콘테스트에 참여도 가능합니다.
정규식을 간단하게 테스트를 할 수 있는 웹사이트 regexpal.com 입니다. 시각화가 잘 되어 있어서 정규식의 결과를 즉각 확인이 가능 합니다. https://www.regexpal.com/ 페이지를 통해 정규식을 테스트를 할 수 있습니다. flags 버튼을 클릭하여 정규식 옵션 지정을 할 수 있습니다.
아이보스에서 제공하는 크롤링 모니터로, 각 검색엔징에서 내 사이트의 문서를 얼마나 수집해가는지 매일 확인하는 도구입니다. 아이보스 회원이면 누구나 이용이 가능하나 최대 2개 사이트까지 설정이 가능합니다. 주 2회 노출 보고서가 제공되며, 각 검색엔진(네이버, 구글, 다음)의 검색결과에 나타나는 웹문서 수량의 많고 적음을 표시하고, 웹문서 마케팅 최적화에 도움을 줍니다. 방식은 크롤링방식입니다.
사이트별 사용하는 각종 마케팅 도구를 분석하는 툴입니다. 궁금한 사이트의 URL을 입력하신 후 검색하시면 해당 사이트에서 사용되는 각종 로그분석기, 마케팅 광고 플랫톰 애드 네트워크 등를 확인 가능합니다. 경쟁업체, 유명 사이트에서 사용되는 각종 마케팅 툴을 확인해서 운영중인 사이트에 참고하세요.
로고 레퍼런스 제공부터 무료 로고 제작까지 가능한 사이트입니다. 메인 화면에서 회사 이름을 입력하면 원하는 템플릿으로 바로 로고 제작이 가능합니다. 키워드를 통해 다양한 로고 템플릿을 제공해줍니다. 로고 템플릿을 클릭하면 원하는대로 직접 수정할 수 있습니다. 저해상도 png 이미지로 무료 저장이 가능합니다.
calc() 함수 calc()함수는 속성 값으로 사용할 계산을 수행합니다. 예) calc()를 사용하여 요소의 너비를 계산합니다. #div1 { position: absolute; left: 50px; width: calc(100% - 100px); border: 1px solid black; background-color: yellow; padding: 5px; } max() 함수 max()함수는 쉼표로 구분된 값 목록에서 가장 큰 값을 속성 값으로 사용합니다. 예) max()를 사용하여 #div1의 너비를 50% 또는 300px 중 가장 큰 값으로 설정합니다. #div1 { background-color: yellow; height: 100px; width: max(50%, 300px); } min(..