웹디자인CSS 소스

wsss.tistory.com

CSS를 통한 디자인 소스가 제공되는 사이트 입니다. 단순 디자인을 넘어 애니매이션 소스도 같이 제공됩니다 예전에는 플래시로 애니매이션을 만들었다면 지금은 CSS, HTML5, 자바스크립트 등을 통해 애니매이션을 제작 하는 추세입니다 그런 면에서 볼때 아주 도움을 주는 사이트 입니다 아래는 실행 화면입니다 https://wsss.tistory.com/55

#자바스크립트 #CSS #애니매이션 #웹디자인 #Animation #CSS소스 #CSS애니메이션 #HTML5 #웹퍼블리싱

VYOND

www.vyond.com

화이트 보드 애니매이션을 제작할수 있는 프로그램입니다 영상은 초보자들이 만들기 어려운 분야입니다 아무리 훌륭한 툴이 있다하여도 사용하는 방법 자체가 어렵다보니 초보자 입장에서 진입장벽이 높은 것이 사실입니다. 그런데 VYOND는 초보자도 아주쉽게 영상을 제작할수 있는 프로그램입니다.

#영상제작 #화이트보드 #애니매이션 #화이트보드애니메이션 #애니메이션제작 #영상제작프로그램 #VYOND #초보영상제작

IDEA RABBIT

idearabbit.co.kr

"어떻게 이런생각을 했을까?" 하는 생각이 드는 제품들을 소개 해주는 사이트 입니다 보기만 해도 재미 있는 제품들을 소개해줍니다 개인적으로 즐겨 보는 페이지는 https://idearabbit.co.kr/fun 입니다 기발한 아이디어들이 많아 보고만 있어도 뇌를 자극해 기분이 좋아집니다 ^^

#아이디어 #상품 #기발한 #아이디어래빗 #IDEARABBIT #아이디어상품 #기발한제품 #이색상품 #재미있는제품

유튜브 광고사이트

ads.google.com

유튜브에 광고를 게재하고 싶을때 광고를 관리하는 사이트 입니다 비용,지역등 전략적으로 관리하여 광고의 효과를 높여주는 사이트입니다 https://www.youtube.com/watch?v=gbaglaCDNKc

#유튜브 #광고 #홍보 #구글애즈 #GoogleAds #유튜브광고 #광고관리 #온라인광고 #광고집행

언미니파이

unminify.com

웹브라우저에서 소스보기를 하면 웹관련 소스들이 보여집니다 그러나 보안을 위해 자바스크립트와 같은 언어를 암호화 하여 파악하기 어려운 경우가 있습니다 이때 해당 암호화된 문구를 사이트( https://unminify.com )에 입력하여 해독을 시켜줍니다 사용법도 간단합니다 입력하고 Unminfy 버튼을 클릭하면 그걸로 끝입니다

#자바스크립트 #압축풀기 #암호풀기 #언미니파이 #Unminify #자바스크립트압축풀기 #코드정리 #코드포맷터 #소스보기

음성인식 HTML

www.google.com

html로 음성인식을 개발할수 있는 방법입니다 데모페이지가 있어 마이크를 연결하고 우측상단에 마이크 아이콘을 클릭하여 테스트 할수 있습니다. IE 브라우저에서는 되지 않고 크롬,파폭 등과 같이 웹표준을 잘 지킨 브라우저에서 확인가능합니다. 개발 방법은 https://blog.neonkid.xyz/124 주소에 잘정리 되어 있습니다

#음성인식 #speech #음성문자변환 #음성검색 #WebSpeechAPI #크롬데모 #HTML5음성인식

skinzoom

skinzoom.com

스킨줌은 화장품에 들어간 성분을 분석하고 제품끼리 비교해 볼 수 있는 화장품 성분 정보 서비스입니다. '소중한 나와 내 가족을 위한 똑똑한 화장품 성분 비교'를 내세우며 제품별 안전성 정보를 제공합니다. 제품마다 EWG 등급과 자체 HEALTHY CLEANING 등급, 해외 주의·금지 성분, 20가지 주의성분, 발암성·생식독성 등 독성 정보, 알레르기 유발 성분, 주름 개선·미백 같은 기능성 성분 여부를 보여줍니다. 스킨케어, 클렌저, 선케어, 헤어, 립케어, 임산부케어 등 카테고리별로 제품을 찾을 수 있습니다. 아이나 임산부가 쓸 화장품을 고르는 부모, 성분을 따져 구매하려는 소비자에게 유용합니다.

#스킨케어 #클렌져 #워시 #선께어 #헤어 #립케어 #임삼부케어 #분석 #성분 #스킨줌 #화장품성분 #성분분석 #EWG등급 #유해성분 #알레르기성분 #임산부화장품 #유아화장품

ip-api

ip-api.com

ip-api 는 아이피 주소를 실재 위치 정보(주소)를 알려주는 사이트 입니다 아이피 주소로 검색해 위치 정보를 파악할수 있지만 해당 사이트의 장점은 api를 제공해 위치정보를 자신의 입맞에 가공해 재사용할수 있다는 장점이 있습니다 http://ip-api.com/xml/123.123.123.123 이렇게 뒤에 아이피 주소를 입력하면 xml문서로 반환해줍니다 ip관련 개발을 위해서 아주 유용합니다 해당사이트는 영문이여서 주소지가 영문으로 나오는 불편함은 있습니다

#API #위치정보 #IP #아이피 #xml #IP위치조회 #아이피조회 #ip-api #IP위치API #지오로케이션

게시글

자바스크립트로 위치정보 알아내기

자바스크립트로 위도 경도 값을 가져오는 방법입니다. 물론 해당 기능을 지원하는 디바이스나 브라우저에서 사용 가능합니다 스마트폰을 이용해 사용가능합니다. 간단하게 스크립트로 위경도를 알아 올수 있어 위치기반 서비스를 제공할수 있습니다 function getLocation() { if (navigator.geolocation) { // GPS를 지원하면 navigator.geolocation.getCurrentPosition(function(position) { alert(position.coords.latitude + ' ' + position.coords.longitude); }, function(error) { console.error(error); }, { enableHighAccuracy: false, maximumAge: 0, timeout: Infinity }); } else { alert('GPS를 지원하지 않습니다'); } } getLocation();

#자바스크립트 #위도 #경도 #GPS #위치정보 #위치 #geolocation #위도경도 #위치기반서비스

국립국어원

stdict.korean.go.kr

표준국어 대사전을 제공하는 국립국어원입니다 검색창에 단어를 입력하면 그에따른 설명이 자세하게 나타납니다 물론 포털사이트에서 검색해도 잘 나오는것이 사실이지만 국립국어원에서 제공한다는 면에서 신뢰도가 아주높습니다 무엇보다 API를 제공하고 있습니다 API를 이용하여 프로그램을 개발하면 나의 홈페이지에 넣을수도 있고 자신의 국어대사전을 만들수도 있습니다 물론 프로그램 개발을 할줄안다는 전제하에서 입니다 제공되는 예시입니다 표준 국어 대사전 개발 지원(Open API) - 사전 검색 https://stdict.korean.go.kr 표준 국어 대사전 개발 지원(Open API) – 사전 검색 결과 20190115141020 5 1 10 404765 나무 1 명사 줄기나 가지가 목질로 된 여러해살이 식물. 일반어 57033 나무 2 명사 소 장수들의 은어로, 팔백 냥을 이르던 말. 일반어

#API #프로그램연동 #사전 #국어 #국립국어원 #표준국어대사전 #국어사전 #사전API #OpenAPI #단어검색

프로그램 순위를 파악할수 있는 티오베(TIOBE)

www.tiobe.com

프로그램의 순위를 파악할수 있는 정보를 제공합니다 프로그램을 입문할때 어떤 프로그램을 배워야 할지 고민을 많이 합니다 애써 배운 프로그램이 사장되지는 않을까 걱정도되고요 물론 한가지 언어를 잘 마스터하면 다른 언어도 쉽게 배울수 있지만 이왕 배우는거 많은 사람들이 사용하는 인기있는 언어를 배우는 것이 좋을것입니다 해서 어떠한 언어를 배워야 할지 순위를 통해 판단해볼수 있습니다 각 언어를 클릭하면 지금까지의 추세를 확인해볼수도 있습니다 뜨는 해인지 지는 해인지를 파악할수 있는것입니다 그뿐 아니라 프로그램 목록으로 보여져서 어떠한 언어들이 있는지도 파악할수 있는 장점이 있습니다 물론 순위라는것은 어떠한 기준으로 측정했느냐에 따라 달라질수 있습니다 그러기에 어디까지나 참고 용으로 활용하는걸 추천합니다

#순위 #프로그램순위 #인기프로그램 #TIOBE #티오베 #TIOBE인덱스 #프로그래밍언어순위 #언어인기순위 #개발언어

인터넷 속도측정가능한 사이트 입니다

www.speedtest.net

Speedtest는 Ookla가 운영하는 인터넷 속도 측정 서비스로, 웹브라우저에서 버튼 한 번으로 현재 인터넷 연결 상태를 확인할 수 있습니다. 가까운 측정 서버에 접속해 다운로드·업로드 속도와 핑(지연 시간)을 30초 안팎으로 측정해 보여줍니다. 웹사이트 외에 Android·iOS·Windows용 앱도 제공되며, 앱에서는 이전 측정 기록 확인, 결과 공유, 이동통신사 커버리지 지도(Speedtest Maps), 동영상 재생 품질 테스트 같은 기능을 쓸 수 있습니다. 가입한 인터넷 요금제의 속도가 제대로 나오는지 확인하거나, 와이파이·통신망 문제를 점검하려는 일반 사용자에게 유용합니다.

#프로그램 #인터넷속도 #다운로드속도 #업로드속도 #속도테스트 #Speedtest #Ookla #인터넷속도측정 #핑테스트 #와이파이속도

공유마당 이미지,영상,음악,어문,폰트 다양한 콘텐츠를 공유합니다

gongu.copyright.or.kr

다양한 콘텐츠를 공유하는 사이트입니다 개인적으로 음원을 다운받아 많이 사용합니다. 음원같은 경우 저작권표기라던지 상업적으로 사용불가한 경우라던지 많은 제약이 있는데 자유롭게 사용할수 있는 음원이 있어 이용합니다 모든 음원이 제약이 없는건 아닙니다 만료저작물,기증저작물과 같이 하단에 자유이용아란 마크가 있는것들만 자유롭게 이용가능합니다

#음악 #공유 #영상 #이미지 #어문 #폰트 #무료이미지 #무료폰트 #공유마당 #자유이용저작물 #무료음원 #기증저작물 #만료저작물

css만 삼각형,네모,원,타원,마르모,별등 각종 도형을 만드는 방법

css-tricks.com

The Shapes of CSS는 웹 개발 매체 CSS-Tricks에 실린 글로, 이미지 파일 없이 CSS만으로 다양한 도형을 그리는 방법을 모아 소개합니다. 각 도형은 border, border-radius, ::before·::after 가상 요소, transform 같은 속성을 조합해 만들어집니다. 정사각형·원·타원 같은 기본 도형부터 방향별 삼각형, 오각형·육각형·팔각형, 여러 형태의 별, 하트, 무한대 기호, 다이아몬드, 말풍선, 음양, 팩맨, 자물쇠 등 40여 가지 예제가 정리되어 있고, 도형마다 참고한 출처가 표기되어 있습니다. 아이콘이나 장식 요소를 가벼운 CSS 코드로 구현하려는 웹 퍼블리셔와 프론트엔드 개발자, CSS 속성 활용법을 익히려는 학습자에게 참고가 됩니다.

#무료 #CSS #HTML #디자인 #도형 #프론트엔드 #웹퍼블리싱 #CSS도형 #CSS-Tricks #border-radius #가상요소 #CSS삼각형

아키데일리

www.archdaily.com

아키데일리을 소개합니다. 아키데일리는 전세계의 독특하고 다양한 건축물을 소개해주는 사이트 입니다. 아키데일리의 장점은 전세계의 독창적이며 아름다운 건축물을 소개해 준다는 것입니다. 전세계를 여행하며 예술에 경지에 이른 건축물들을 하나씩 살펴 보면 좋겠지만 여건이 되지 않으므로 아키데일리를 통해 하나씩 경험해 보는것이 좋지 않을까 생각해 봅니다. 잘지어진 건축물은 건축물을 넘어 그 지역의 상징이 됩니다. 건축가라면 자신이 만든 건물이 단순 건축물을 넘어 그지역의 상징이 되면 이 얼마나 영광스러운 일이겠습니까 그럼 많이 보고 배워야 합니다. 그런 면에서 아키데일리는 전세계의 다양한 건축물을 클릭만으로 감상해 볼수 있으니 이보다 더 좋은 배움이 어디 있겠습니까 아키데일리는 홈페이지뿐 아니라 페이스북, 트위터, 인스타그램, 유튜브등의 채널을 통해 고객들과 더 많이 소통하려 노력하고 있습니다. 건축물에 관심이 있으신 분이라면 아키데일리를 적극활용해 보시기 바랍니다. 자세한 정보를 원하신다면 https://www.archdaily.com 주소를 참고 하시면 더많은 정보를 확인 하실 수 있습니다.

#건축 #독특한 #건물 #인테리어 #아키데일리 #ArchDaily #건축물 #해외건축 #건축디자인

빌딩가이드

cafe.naver.com

빌딩가이드을 소개합니다. 빌딩가이드는 서울지역의 빌딜 매물 정보를 제공해주는 네이버 카페입니다 빌딩가이드의 장점은 서울지역 빌딩매물이 많이 있다는 것입니다 커뮤니티 사이트의 가장중요한 것은 정보의 양입니다. 그런면에서 하루가 멀다하고 새로운 정보가 올라오는 빌딩가이드는 유익한 카페입니다. 또 다른 장점으로 필요한 매물정보를 신청하면 카톡드로 정보를 받을수 있습니다. 일방적인 정보제공이 아닌 사용자가 원하는 정보를 제공하여 주기 때문에 원하는 정보를 쉽게 얻을수 있는 장점이 있습니다. 메뉴구성은 권역별 빌딩, 금액별 빌딩 등으로 구성되어 있어 다양한 서비스를 이용할 수 있습니다 빌딩가이드는 카페뿐 아니라 유튜브등의 채널을 통해 고객들과 더 많이 소통하려 노력하고 있습니다. 서울지역 빌딩 매물정보를 얻고자 하신다면 빌딩가이드를 참고하여 보시기 바랍니다. 자세한 정보를 원하신다면 https://cafe.naver.com/procafe21 주소를 참고 하시면 더많은 정보를 확인 하실 수 있습니다.

#카페 #네이버카페 #부동산 #빌딩 #매매 #임대 #서울지역 #서울부동산 #매물정보 #빌딩가이드 #빌딩매물 #서울빌딩 #빌딩매매

jquery

jqueryui.com

jquery을 소개합니다. jqueryui는 jquery의 API 뿐아니라 다양한 UI 데모와 소스를 제공해 쉽게 jquery를 사용할수 있게 만든 사이트 입니다. jquery의 장점은 UI이 데몬 소스를 제공한다는 것입니다. jquery를 처음 접하면 어떠한 프로그램인지, 뭘 할수 있는지 모르는 경우가 많습니다. 그러나 해당 사이트에서는 jquery 만들어진 UI이 데몬을 통해 직관적으로 기능을 파악할수가 있습니다. 예를 들어 Droppable 메뉴를 클릭하면 드래그 드롭 관련 UI이가 있어 직접 테스트를 해볼수 가 있습니다 UI이 하단에는 view source 소스보기가 있어 소스를 파악할수 있고 API documentation 버튼이 있어 API를 활용해 소스를 분석및 수정할수 있습니다. 메뉴구성은 Demos, Download, API Documentation, Themes, Development, Support등으로 구성되어 있어 다양한 서비스를 이용할 수 있습니다 jquery 관련 UI이가 궁금하시다면 jqueryui를 적극 활용해 보시기 바랍니다. 자세한 정보를 원하신다면 https://jqueryui.com 주소를 참고 하시면 더많은 정보를 확인 하실 수 있습니다.

#API #Jquery #ui #데모 #jQueryUI #UI위젯 #드래그앤드롭 #자바스크립트UI #API문서 #테마

jquery

jquery.com

jquery을 소개합니다. jquery는 자바스크립트를 편리하게 사용할수 있도록 만들어진 라이브러리 입니다. jquery의 장점은 가장 많이 사용되는 자바스크립트 라이브러리 중 하나 라는 것입니다. 다이나믹한 웹페이지를 제작하기 위해 자바스크립트는 필수 입니다. 물론 CSS나 플래시 등을 통해서 구현 가능하지만 기본적으로 다이나믹한 웹페이지를 위해서는 자바스크립트를 사용합니다. 그러나 만들순 있지만 쉽게 구현하기는 어렵습니다. 그래서 쉽게 만들수 있도록 jquery를 사용합니다. 사용이 간편하고 효과가 좋아 아주 많은 사람들이 사용하고 있습니다. 사람들이 많이 사용하는 것은 그만한 이유가 있습니다. 저 역시 jquery를 많이 사용합니다. 해당 사이트에서는 사용할수 있는 방법 api가 제공되고 https://api.jquery.com 이미 만들어진 plugin도 존재하여 더욱 쉬운 사용을 도와줍니다. https://plugins.jquery.com 메뉴구성은 Dowload, API Documentation, Blog, Plugins, Browser Support등으로 구성되어 있어 다양한 서비스를 이용할 수 있습니다 jquery는 홈페이지뿐 아니라 트위터등의 채널을 통해 고객들과 더 많이 소통하려 노력하고 있습니다. 자세한 정보를 원하신다면 https://jquery.com 주소를 참고 하시면 더많은 정보를 확인 하실 수 있습니다.

#자바스크립트 #Jquery #제이쿼리 #자바스크립트라이브러리 #jQueryAPI #jQuery플러그인 #웹개발

w3schools

www.w3schools.com

w3schools을 소개합니다. w3schools 은 다양한 프로그램 소스를 공부할수 있는 사이트 입니다. w3schools의 장점은 소스와 실행되는 결과같은 바로 볼수 있다는 것이 장점입니다. 웹관련 소스가 궁금한 경우 검색하면 잘 나옵니다. 그러나 소스를 적용했을때 잘 되는지에 대해서는 장담하지 못합니다. 열심히 적용해 봤는데 소스가 잘못된경우 또는 버전이 맞지 않아 사용할수 없는 경우가 있기 때문입니다. 물론 올린사람이 의도적으로 틀린 소스를 올리는 것은 아니지만 시간이 흐름에 따라 틀린 소스가 되기도 합니다. 그러다 보니 적용하기전 정상적인 소스인지 먼저 확인 해봐야 하는데 w3schools 에서는 Try it Yourself 를 통해 미리 확인해 볼수 있습니다. 또 다른 장점으로 CSS관련 정보를 많이 얻을수 있다는 것입니다. 개인적으로 CSS관련 부분이 궁금한 경우 자주 활용하는 사이트입니다. 일반적으로 CSS의 특정 기능이 궁금하면 인터넷에 검색하여 정보를 얻습니다. 그러다 보니 체계적인 정보를 얻기보다는 산발적인 정보를 얻게 되는데 w3schools 에서는 체계적으로 관련정보가 잘 정리되어 있습니다. 적용 예시 뿐아니라 연관된 스타일들까지 다양하게 확인해볼수 있습니다. 그러기에 CSS를 공부하기에는 더할나위없이 좋은 사이트입니다. 메뉴구성은 HTML, CSS, AJVASCRIPT, SQL, PYTHON, PHP등으로 구성되어 있어 다양한 서비스를 이용할 수 있습니다 웹관련 프로그램 소스가 궁금하시다면 w3schools를 활용해 보시기 바랍니다. 자세한 정보를 원하신다면 https://www.w3schools.com 주소를 참고 하시면 더많은 정보를 확인 하실 수 있습니다.

#프로그램 #php #자바스크립트 #CSS #HTML #SQL #PYTHON #W3Schools #웹개발학습 #코딩예제

토렌트 uTorrent

www.utorrent.com

토렌트 uTorrent을 소개합니다. 토렌트는 파일을 공유해 주는 프로그램입니다 토렌트 uTorrent의 장점은 무료라는 점입니다. 일반적으로 파일 공유 사이트는 유료로 운영 됩니다. 파일을 관리하는 운영자가 있어야 하기 때문에 유료로 운영 될수 밖에 없는 구조입니다. 그러나 토렌트 같은 경우 P2P(개인대 개인) 형식의 서비스이다 보니 무료로 운영 가능합니다. 파일을 제공하는 사람도 개인이고 파일을 공급 받는 사람도 개인이다 보니 관리자가 필요 없는 시스템입니다. 다시말해 무료 서비스가 가능하다는 말입니다. 또 다른 장점으로 바이러스에 취약하지 않다는 것입니다. P2P형식의 서비스를 바이러스에 취약할수 밖에 없습니다. 이유는 공급자가 개인이기 때문에 개인이 바이러스를 심어 배포하면 다운받는 사람 모두가 바이러스에 감염되기 때문입니다. 그러나 토렌트 서비스는 이를 개선하였습니다. 토렌트는 내가 원하는 원본 파일을 직접 다운 받는 형태가 아닙니다. 우선 토렌트라는 파일을 다운 받습니다. 다운 받은 토렌트 파일은 원본 파일을 다운로드할수 있는 정보가 담겨져 있습니다. 만약 원본파일에 바이러스가 있다면 토렌트 파일은 공유가 되지 않습니다. 물론 원본에 바이러스가 있는 토렌트 파일이 공유되기도 하겠지만 토렌트 파일을 다운 받을때 검증된 파일들을 다운받기 때문에 자연스레 문제 있는 토렌트 파일을 퇴출되는 시스템 입니다. 또 다른 장점으로 안정적으로 파일을 다운받을수 있다는 것입니다. 토렌트 파일공유의 원리를 살펴보면 이해가 쉽습니다. 내가 다운받고자 하는 파일이 있다면 한사람에게 하나의 파일을 다운받는 것이 아니라 하나의 파일을 여러개로 조각내어 그 조각들을 여러사람들에게서 다운받고 최종적으로 조각난 파일을 합치는 형태입니다. 그러다 보니 중간에 공급자가 접속이 끈겨도 다른 공급자에게 파일을 다운 받을수 있어 안정적으로 서비스를 이용할수 있습니다. 메뉴구성은 제작품, 커뮤니티, 블로그, 도움말으로 구성되어 있어 다양한 서비스를 이용할 수 있습니다 토렌트 uTorrent는 응용프로그램뿐 아니라 페이스북, 트위터등의 채널을 통해 고객들과 더 많이 소통하려 노력하고 있습니다. 무료이면서 안정적인 파일다운로드를 원한다면 uTorrent를 활용해 보시기 바랍니다. 자세한 정보를 원하신다면 https://www.utorrent.com 주소를 참고 하시면 더많은 정보를 확인 하실 수 있습니다.

#파일공유 #파일다운로드 #토렌트 #uTorrent #유토렌트 #토렌트프로그램 #P2P