메모장/사이트 썸네일형 리스트형 타임지에서 선정한 영향력있는 사진 100장 보기 타임지에서 선정한 역사상 가장 영향력 있는 사진을 관람하세요 사진이 취미라고 이야기하면서, 자신이 추구하는 사진은 과연 무엇인가...라는 고민을 하던 중에 만난 사이트...확실히 레벨이 틀리구나 싶습니다. ^^ 무튼, 사진 한장 한장 관람을 하면서 큰 울림이 있네요. 간혹 잔인하고, 혐오스러운 사진도 있습니다... http://100photos.time.com/ 로딩이미지(Preloader) 이미지 다운로드 사이트 Preloaders.net 로딩이미지(Preloader) 이미지 다운로드 사이트 간혹 사이트 제작을 할때 로딩이미지가 필요할 때가 있습니다. 그때 유용하게 사용하실 수 있는 사이트라 생각되네요 ^^: 사용법은 간단하구요. 다운로드 옵션을 간단하게 정리해봅니다. image type : gif애니메이션으로 완성된 이미지를 받을 것인지, PNG파일로 각각 분리된 이미지를 받을 것인지 선택합니다. PNG파일로 분리된 이미지를 받고 싶다면 Generate Preloader버튼 클릭 후 우측 옵션에서 Download as sprites를 선택하시면 됩니다. Transparent background : 배경을 투명하게 처리합니다. Foreground color : 프리로더의 색을 지정합니다. 프리로더의 종류에 따라 지정할 수 없는 것도 있습니.. 파비콘 ICO 변환을 지원하는 사이트 Convertico.com 확장자 ICO 파일로 변환하기 convertico.com 은 png 파일을 ico 파일로 변화해주는 사이트입니다. browse 버튼을 클릭해서 변환하고자 하는 이미지파일을 선택한 다음 우측의 Go 버튼을 클릭하면 ico 변환된 파일을 다운로드 할 수 있습니다. 유용히 사용하셔용 ㅋ 참조 - http://webdir.tistory.com/337 2015.6.15 유투브 영상 삽입시 가로세로비율을 계산해서 반응형으로 사이즈 조절 완벽해결 유투브 영상 삽입시 가로세로비율을 계산해서 반응형으로 사이즈 조절 완벽해결 유투브에 있는 영상을 퍼올때 보통 고정사이즈로 삽입을 하게 되는데요. 요새 트렌드가 반응형이잖아요. 그래서 보통 인터넷에서 검색하면 가로 사이즈를 100%로 넣어서 해결하는 방법을 제시합니다. 하지만, 이 방법을 적용하면 모바일에서는 세로가 PC버전으로 고정되어 있어 검은배경이 길게 표시되죠. 그래서 찾은 방법은 바로 이 방법입니다. 해당 사이트에 들어가셔서 유투브 동영상의 URL를 입력하면 스타일 시트로 계산해서 스크립트를 제공합니다. 저같은 경우는 아예 CSS 에서 해당 코드를 삽입한 다음 일괄적으로 적용하는 방법으로 사용하고 있답니다 ㅎ 유용하게 사용하시길 바랍니다. ㅎ P.S 아이프레임(iframe) 이나 임베드(embed.. CSS3 버튼 만들어주는 사이트 (한국어버전), CSSGENERATORS CSS3 버튼 만들어주는 사이트(한국어버전) 사이트에서 CSS3 로 여러가지 효과를 자동으로 스크립트 해주는 사이트는 많습니다. 다만, 한국어 지원은 보기가 힘들었지요. 그런데, 이렇게 한국어로 설명해주는 사이트가 있네요. 스크랩해봅니다. ㅎ 아래 링크를 클릭해서 이동하세욥~! 2014.12.29. 특정 단어를 입력하면 컬러를 추천해주는 사이트, Colores Manugarri 컬러추천 사이트, colores.manugarri.com 사이트에 접속하시면 그냥 검색바만 덜렁 있습니다. 그 곳에 특정 단어를 입력하고 검색을 하게 되면, 그 단어의 검색이미지를 통해 어울릴것 같다는 색상을 추천해줍니다. 그나저나 로딩이 약간 느리네요. 하지만, 충분히 유용하다 생각하기에 메모해 둡니다 ㅎ 2014.11.21. 핀터레스트 Pinterest 가 도대체 왜 유명한거지? ㅎ 디자이너라면? 스크랩을 좋아한다면? 친구에게 들은 핀터레스트~! 너 핀터레스트 하니? 아니 그게 뭔데? 그때는 그냥 흘려 넘겼었었습니다. 뭔지도 몰랐을 뿐더라...관심도 없었기 때문이지요. 하지만, 어느날 한번 해볼까라는 마음으로 접속을 해보았습니다. 어랏? 이 로고 어디서 많이 봤는데? ㅎㅎ 유명한거였네?^^ 이러면서 시작했습니다. 워낙 직관적인 UI이라 그냥 사이트를 보면 사용법을 대충 알수 있습니다. 이 핀터레스트는 미디어SNS의 한 종류입니다. 이미 외국에서는 페이스북, 트위터, 핀터레스트 3대 SNS라고 하네요? ㅎ 그리고, 워낙 많은 정보와 많은 영감을 주는 미디어들... 디자이너들이 자주 시간을 투자할 만한 사이트인 것 같아요. 그렇다고 무단도용은 금물입니다 ㅎ 여튼, 저도 이제 시작해보려합.. 컬러 팔레트 생성 사이트~유용하네요 ㅎ The super fast color palettes generator 2014.11.3. [웹접근성] 온라인 접근성 체험사이트, 널리 Nuli 누구에게나 이용 가능한 웹사이트 개발을 위한 체험 [디자인소스] Graphicsbay.com 무료아이콘 다운로드 사이트 Graphicsbay.com 무료아이콘 다운로드 사이트 구글 웹디자이너 Google Web Designer 의 가능성?? 믿어보자 ㅎ 서비스가 나온지는 꽤 되었네요 몇 일전 우연히 보게된 구글 웹디자이너라는 페이지를 보게 되었습니다. 뭔가 하니...플래시를 사용하지 않고 역동적인 이미지를 만드는 웹툴이라고 생각하시면 될 것같습니다. 기본적으로 반응형으로 코딩이 가능하며, 결과물이 코드로 나오기 때문에 용량도 작네요. 정말 잘 활용한다면 강력한 툴이 될 것 같기는 한데...^^; 왠지 손이 가질 않는 이유는 무엇일까요? 구글이면 믿고 사용할 법도 한데 말이죠. ^^ 그래도 저는 언제가 제대로 활용하는 날이 올꺼라 생각하기에 미리미리 손에 익혀놔야겠습니다. 2014.9.15. [육아정보] 예방접종 도우미 사이트를 아시나요? 예방접종 도우미 사이트를 소개합니다 https://nip.cdc.go.kr/irgd/index.html 이곳에 접속하셔서 가입하시면 아이의 예방접종 관련한 정보들을 확인하실수 있습니다. 또, 어느병원에서 어떤 접종을 맞았는지 기록도 관리되고, 일정도 관리할 수 있고, 유용한 듯해서 이렇게 메모해봅니다. 아참, 문자서비스도 있대용 ㅋ 부트스트랩 Bootstrap 혼자 공부하기 좋은 사이트, 그냥 한번 정독해보세요. 읽고 또 읽고, 보고 또 보고 해야 할 것 같아요 ㅎ 언제부터인가 사이트를 개발하는 과정에서 어깨넘어로 부트스트랩를 활용해라. 부트스트랩을 공부하라. 부트스트랩을 사용하면 작업속도가 빠르다. 라는 말들을 듣곤 했습니다. 그래서 그 당시 잠깐 검색을 해보니 하나의 사이트 템플릿이라는 사람들도 있고, 제이쿼리 묶음이라는 사람들도 있고, 그렇더라구요. 모두다 틀린 말은 아닙니다. 그리고, 필요성을 잘 느끼지 못하다가 약간 여유가 생겨 이번 기회에 부트스트랩이 뭔가 한번 공부해보기로 했습니다. 책을 살까? 학원을 다닐까? 생각해보았지만 먼저 인터넷에서 정보를 모아보자 해서 찾은 사이트~! 영어로 된 원문사이트도 있고, 한글로 번역된 사이트도 있었습니다. http://bootstrapk.com/BS3/ 약간은 아.. 무료 전자책을 만들고, 공유할 수 있는 이슈(ISSUU) 사이트를 소개합니다 간만에 유용한 사이트를 발견했습니다 ISSUU.COM 사이트는 PDF, PPT 파일등을 웹상에 업로드하여 접근이 용이한 전자책으로 변화주는 서비스 사이트입니다. 사용법은 너무도 쉽습니다. 문제는 PDF, PPT 파일을 그럴싸하게 만들어야 하는 것은 어쩔수 없는 부분이구요. 중요한 것은 어떤 Device에서 볼 수 있도록 변환해준다는 것이 메리트인것 같습니다. 한 계정당 사용할 수 있는 용량은 무제한 인것 같으나, 하나의 전차책은 100메가 이하, 페이지가 500페이지 이하여야 하는 점 참고하세요. 디자이너들은 포트폴리오로 활용할 수 있을 것이고, 저 같은 경우는 사진첩을 만들볼까 생각중입니다. ㅋ 그럼 활용 잘 해보셔용 ㅎ 무료 효과음 사운드파일을 얻을 수 있는 사이트 무료 효과음 사운드파일을 얻을 수 있는 사이트 무료효과음을 다운받을수 있는 사이트 입니다 http://www.findsounds.com 검색창에 효과음명을 입력하고 아래쪽 체크박스에서 MP3,WAVE 등으로 선택을 하고 우측에 모노,스테레오 선택 그옆에 음질 선택을 하고 엔턴을 치면 효과음이 검색 됩니다. 효과음이 검색되면 재생 버튼을 누루면 효과음을 들을수 있고 링크 주소에서 마우스 우측버튼을 눌러 다른이름으로 대상 저장으로 효과음을 다운 받을수 있습니다 빅키워드, 자신의 블로그순위 확인하고 나아가 블로그키워드 관리까지~! 일단 순위 확인은 무료입니다 위 버튼을 누르시면, 해당 사이트가 열릴꺼예요 ㅎㅎ 가운데 보면 내 블로그는 몇 등 일까요? 옆에 블로그 순위가 궁금하신 블로그 주소를 입력하시면 랭킹이 나옵니다. ㅎㅎ 미리 말씀드립니다. 결과로 보여지는 랭킹은 절대적인 수치가 아닙니다. 가늠하는 거예요. 하지만, 그 가늠하는 정도가 꽤나 정확하더라구요. 매주 월요일마다 갱신됩니다. 빅키워드에서 제공하는 프로그램을 설치한 유료결제를 하게 되면 키워드 추출도 가능합니다. 뭐...여러가지 활용방안이 있기는 한데요... 글쎄요...꼭 필요할까요? 블로그 포스팅...결국에는 정통법이 최고라는 것을 알게 되실겁니다...우훗~! 참고로...제 블로그 순위는.... 생각보다 높게 나와서 저도 놀랐습니다... 쩝...하긴 전 파워블로거도 .. 애드코프 ADCoop, 블로그마케팅의 방향을 제시하다? 블로그 포스팅에 대한 최적화를 제시하다 위 사이트에서 제시하는 서비스는 바로 블로그 포스팅 최적화이다... 글쎄...나는 내용을 보니까...신용이 그닥... 블로그 마케팅에 관심이 있으신 분들은 링크를 타고 들어가보셔요... 워드프레스에서 사용하는 테마, 플로그인 알아내는 사이트 워드프레스에서 사용하는 테마, 플로그인 알아내는 사이트 만약, 어떤 멋진 워드프레스 사이트를 발견했고, 그 사이트가 사용하는 워드프레스 테마, 플러그인이 궁금할때 검색해보시면 됩니다. http://whatwpthemeisthat.com/ Is it WordPress? 워드프레스 사이트인지 판별하는 사이트 Is it WordPress? 워드프레스 사이트인지 판별하는 사이트 http://www.isitwp.com/ 이제 이런 사이트도 나오는 군요 ㅎㅎ i2OCR free Online OCR, 이미지에 들어있는 텍스트 정보 변환,추출하는 사이트 i2OCR free Online OCR, 이미지에 들어있는 텍스트 정보 변환,추출하는 사이트 바로가기 -> http://www.i2ocr.com/ 프로그램 다운해서 설치 없이 바로 온라인에서 작업 가능하네요. 정확도는 높진 않지만, 많은 양의 텍스트 작업할 때는 유용할 듯 합니다. 인체 구조에 대한 이해를 돕는 사이트(?) http://www.nosmi.org/ [HTML5+CSS3]모바일에서 터치, 슬라이드 모션 구현에 유용한 자바스크립트 라이브러리 터치, 슬라이드 모션을 위한 자바스크립트 라이브러리 모바일에서 터치라는 액션을 통해 슬라이드 모션을 적용할 수 있도록 하는 자바스크립트 라이브러이 제공 사이트입니다. 아래 파일은 해당 URL 에서 다운 받으실 수도 있습니다. 꼭, 터치 모션이 되는 디바이스에서 열어야, 슬라이드 모션이 확인디 됩니다. 바로가기 - http://swipejs.com [HTML5+CSS#]를 공부한다면, 한번쯤 독파해야 할 사이트 주옥같네요 ㅎㅎ CSS에 대한 전반적인 개념을 잡기 위해 꼭 읽어보셔야 합니다...ㅎㅎ 바로가기 HTML5 localStorage (name/value item pairs) DEMO http://people.w3.org/mike/localstorage.html localStorage 를 쉽게 확인 가능한 사이트 바로가기 누구나 모바일 슬라이드 포토갤러리 구현할 수 있다 텍 기존의 클릭 방식이 아닌, 손가락으로 쓸어 넘기면 마치 앱 처럼 부드럽게 다음 슬라이드로 넘어가는 것이 이 소스가 가지는 가장 큰 특징입니다. 관련 사이트 및 링크 공식웹 사이트 : http://www.photoswipe.com/ 미리보기 : http://www.photoswipe.com/latest/examples/04-jquery-mobile.html 다운로드 : http://github.com/downloads/codecomputerlove/PhotoSwipe/code.photoswipe-2.1.6.zip 출처 - http://mjuzhj23.blog.me/140141533634 JavaScript/CSS 용량 줄여주는 웹 사이트 Online JavaScript/CSS Compression Using YUI Compressor JavaScript/CSS 용량 줄여주는 웹 도구 Online YUI Compressor는 온라인에서 JavaScript와 CSS를 압축하는 도구다. 야후의 YUI Compressor를 사용하는 이 도구는 입력 파일에서 변수의 이름을 단축시키고 공백을 삭제하는 등 웹 브라우저만 이해할 정도로 내용을 압축하고, JavaScript와 CSS에 문법적 오류가 있으면 그것까지 지적해준다. 이거까진 공개 안하려했는데, 내 홈페이지의 JS를 이 도구에 사용해보니 용량이 60% 줄어들더라.. 한국의 개발자가 더 좋은 툴을 개발하여 정리할 겸 글 판올림을 한다. http://iblogbox.com/devtools/js/에.. [jsbeautifier.org]JS, CSS 파일 압축한 파일 풀어서 보기 jsbeautifier.org jsbeautifier(http://jsbeautifier.org/)는 난독화/패킹된 자바스크립트 디코딩할때 아주 유용한 툴입니다. 가끔 안되는 경우도 있는데 보통은 디코딩이 깔끔하게 잘 되고 들여쓰기와 줄바꿈을 해주기 때문에 수동으로 디코딩한 결과를 보기쉽게 정리시킬때도 좋습니다. 바로가기 [MEDIAQUERI.ES]미디어쿼리(Media queries)를 사용한 반응형 웹 사이트 갤러리 반응형 웹 모음 마크업은 모두 같고, CSS로만 제어하여, 반응형 웹으로 만든 사이트들을 한눈에 볼 수 있는 갤러리 사이트입니다. 바로가기 이전 1 2 다음
