반응형

목록전체 글 (102)

반응형

개인공간

[TIP] 가이드만들기(menulist)

IT정보/TIP 2024. 12. 18. 16:21
이미지 텍스트 추출 변환 : 구글렌즈 이용하기 : PC에서 무료로 가능

이미지 텍스트 추출하는 방법 이미지에서 텍스트 추출하는 방법 PC로 간단하게 하는 방법이다. 요즘 핸드폰 사진첩에서는 간단하게 텍스트 추출이 되는데 PC에서는 프로그램을 써야한다던가 하는 불편함이 있었다! 아래 이미지를 간단하게 텍스트 추출 해보자! 1) 예제이미지 2) 구글홈에 들어간다 (https://www.google.com/) 구글 홈으로 들어가서 > 이미지로 검색 3) 파일선택 or URL 입력 파일을 선택하거나 URL을 입력한후 4) 텍스트 선택 하단 탭에서 텍스트를 눌어준다. 5) 원하는 텍스트 드래그 : 구글렌즈를 이용하여 추출 텍스트를 드래그 하게 되면 오른쪽에 텍스트를 가져오게 된다. 복사해서 사용하면 텍스트 추출 완료!
IT정보/TIP 2024. 3. 19. 10:54
[접근성] 모바일기기에서 aria-haspopup 팝업타이틀로 이동 및 읽어주기

속성값에 따른 접근성 테스트는 아이폰 환경에서 해보았으며, 3가지 aria-labelledby="dialog1Title" aria-describedby="dialog1Desc" aria-haspopup="dialog"의 속성을 넣었을때 레이어팝업을 띄우려고 하는 버튼에 읽는 순서이다. 버튼을 클릭하거나 컨트롤 하지 않더라도 버튼만으로 어떤 버튼인지를 명시 해 줄 수 있는 기능 이다. aria-labelledby="dialog1Title" id와 매칭해서 쓰게 되며 제일 먼저 읽어 준다. aria-describedby="dialog1Desc" id와 매칭해서 타이틀 제목 매칭된 내용을 읽고 읽어 준다. aria-haspopup="dialog" 이 속성이 있는경우 레이어팝업을 만들어서 사용하는경우 tabin..
IT정보/웹표준_웹접근성 2024. 2. 19. 13:50
[TIP] 유튜브(youtube) 썸네일 변경

CSS HTML JS
IT정보/TIP 2023. 10. 24. 16:44
이미지 텍스트 긁어오는 사이트

https://www.cardscanner.co/ko/image-to-text
IT정보/TIP 2023. 9. 20. 16:19
[sublime text3] 서브라임 git 연동하는 방법

1. git파일 다운로드 후 깔아주기 https://git-scm.com/downloads 다운로드 파일을 다운받는다 git 2.41.0.2 setup 파일을 열고 깔아준다 정확히는 모르기 때문에 전체 다음을 눌러준다! 이때! 5번째쯤 있는 사용할 에디터 선택 부분에 사용자가 사용하는 에디터를 선택해준다 사용하는 에디터 선택해주기 다음을 누른 후 완료를 눌러준다. (View release Notes 체크가 있으면 완료 후 창이 하나 뜨게 되는데 그냥 닫아주면된다.) 2. 서브라임 설정하기 서브라임에 git패키지를 깔아준다. 서브라임에서 ctrl+shipt+p를 눌러 Package controll : Install Package를 눌어준다. 이어서 나오는 창에 Git을 검색해 주고 깔아준다. git 패키지..
IT정보/TIP 2023. 7. 14. 12:19
[제이쿼리] 해시(hash)태그 사용하여 앵커이동 load, click, scroll 이동되게 처리

예제확인방법 바로가기 >> innerLink1 innerLink2 innerLink3 innerLink4 innerLink1 innerLink2 innerLink3 innerLink4 CSS .innerLink{position:relative;z-index:1;} .innerLink .inner{overflow:hidden;position:static;} .innerLink.fixed .inner{position:fixed;} HTML innerLink1 innerLink2 innerLink3 innerLink4 innerLink1 innerLink2 innerLink3 innerLink4 JS function targetMove2(e){ var stickyObj = $('.innerLink230712'..
IT정보/jQuery_javaScript 2023. 7. 12. 15:27
[제이쿼리] fixed였던 오브젝트 스크롤 하단 특정위치에 고정시키기

fix하단 적용 테스트 CSS .fix_bottom_230712 {position:fixed;left:0;bottom:0;z-index:10;width:400px;height:70px;backgorund:red;} HTML fix하단 적용 테스트 JS $(window).scroll(function(){ var scrollTop = $(this).scrollTop(); var innerHeight = $(this).innerHeight(); var scrollHeight = $('body').prop('scrollHeight'); var notiTop = $('#recent-post').offset().top; //멈출곳 /*if (scrollTop + innerHeight >= scrollHeight -..
IT정보/jQuery_javaScript 2023. 7. 12. 13:56
[CSS/SCSS] 메인텍스트효과 (text animation)

https://codepen.io/SampathParavasthu/pen/yrJKJa Intro text animation CSS text intro ... codepen.io
IT정보/CSS_CSS3 2023. 5. 15. 16:18
[CSS] CSS3 효과 animate 예제 사이트 (복사만 하면 쓰기 가능)

1. Animista https://animista.net/ Animista - On-Demand CSS Animations Library Animista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use. animista.net 이 사이트 같은 경우는 애니메이션의 다양한 효과를 눈으로 직접 확인 할수 있고 장점은 내가 원하는 효과를 바로 복사해서 쓸 수 있다는 점이다. 굉장히 다양한 효과들이 있어서 참고 해 보면 좋을 것같다. 1. 원하는 스타일을 선택한다. 2. 소스내보내기를 눌러주세요. 2. CSS..
IT정보/CSS_CSS3 2023. 5. 15. 15:18
이전 Prev 1 2 3 4 ··· 11 Next 다음