보관물

Archive for the ‘HTML5 관련 자료’ Category

url에서 페이지 정보 가져오기.

페이스북에서 링크를 삽입하면 아래 이미지처럼 자동으로 썸네일과 타이틀, 설명 등을 읽어 들이는 기능이 있다.

스크린샷 2016-02-04 오후 3.11.19.png

이와 유사한 기능을 하기 위해 여러가지 방법을 고민해 볼 수 있는데, 이도 역시 누군가 친절하게 만들어둔 jQuery plugin이 있다.

사용 방법과 소개는 아래 링크를 참고.

http://embedly.github.io/jquery-preview/demo/index.html

스크린샷 2016-02-04 오후 3.15.59.png

 

Advertisements

개발노트 9/25 (2014)

* 반응형 웹사이트의 속도를 빠르게 하는 7가지 팁 – http://goo.gl/Sla1te

* 리모트 도입기 (과연, 원격에서 개발을 할 수 있을까?) – http://goo.gl/Vbm5i9

* 비동기 프로그래밍 이해하기 – http://goo.gl/QWCwzD

* PHP에서 autoload 사용하기 – http://goo.gl/R6k2zD

1월 9일 (2014)

– Lisp의 매크로 유사한 기능을 할 수 있도록 라이브러리. 필요한 것을 지정해서 사용하면 편리할 것 같기는 한데, 개발자가 바뀌는 경우 매우 고생할 수도 있겠다는 생각이 동시에 듭니다. – http://sweetjs.org

sweet.js 홈페이지 화면

 

 

– 레티나 디스플레이 대응에 대해서 잘 소개된 글이 있군요. 프론트엔드 개발시에 참고해야 겠습니다. :  레티나 대응

 

– 예전에 네트워크 프로그래밍 과목은 엄청나게 지루했던 기억이 납니다. 물론, 프로그래밍을 하는데 직접적인 영향이 없다고 생각할 수 있지만, 현재와 같이 모든 어플리케이션이 통신을 기반으로 동작하는 상황에서 기본이 되는 TCP/IP에 대한 이해도 필요하죠. : TCP/IP 네트워크 스택 이해하기

TCP/IP 네트워크 스택 이해하기 - 네이버 개발자 블로그

 

–  웹개발을 위한 30개의 CSS 샘플들. 막상 개발 과정에서는 찾아 사용하기 쉽지는 않지만, 평소 조금씩 봐 두면 나중에 언젠가는 써먹을 수 있겠죠. : 30개의 CSS샘플 모음

30 CSS Sample

 

– 몇가지 jQuery 플러그인 모음. 그리드나 프로그레스 바 등은 간단하게 가져다 사용할 수 있어 보이네요. : Best jQuery Plugins of 2013

Best jQuery Plugins of 2013

 

 

개발뉴스 : 5월 8일 (2013)

– CSS 애니메이션을 이용해서 페이지 전환을 보여주는 모음 : http://goo.gl/0J3ir
Page transition collection.

– CSS3를 이용한 30개의 버튼 예제들. : http://goo.gl/nBsSk
30개의 CSS3 버튼들

개발뉴스 : 4월 5일 (2013) – 식목일

– 웹에서 데이터를 스크랩하는 경우에 주로 python을 사용하곤 합니다. 저는 주로 httplib와 re를 사용하는데요. 이런 스크랩을 위한 beautiful-soap이라는 python 라이브러리가 있네요. 이걸 이용해서 스크린 스크랩하는 방법에 대한 아티클이 있습니다. : 아티클1 / 유사한 참고글

Greg Reda's Article cut

Greg Reda’s Article cut

– objective-c의 block을 jQuery스타일로 사용할 수 있도록 도와주는 라이브러리가 있어 소개합니다. : Github – MTControl
MTControl - Github

– 웹사이트에 활용하기 좋은 jQuery Plugin을 모아둔 아티클 두개. 리뷰해 두었다가 필요할 때 가져다 쓰면 좋겠네요. 특히, mojo와 filtrify가 깔끔해 보이네요. : 1. 10 jQuery Plug-in 2. small tools of javascript
filtrify, a kind of jQeury plug-in
imageloader.js

– python을 이용해서 간단하게 주변 wi-fi를 찾아 오는 방법에 대한 동영상 소개 아티클 : 1. 링크가기 2.관련 링크
MONITOR WI-FI CLIENT PROBES IN 10 LINES OF PYTHON

– 블로그를 만들기 위한 템플릿 작업을 하는 방법을 소개한 아티클 : HTML5 Template Design for blog
HTML5 Template for blog

– CSS3를 이용해서 디자인을 할 때 사용할 수 있는 좋은 튜토리얼. 샘플은 commerce용으로 카트와 아이템 보기 위한 패널을 디자인하는데, 테그와 CSS3에 대한 공부하기 좋은 자료. : 아티클 보기
스크린샷 2013-04-06 오후 2.19.15

개발뉴스 : 3월 14일 (2013) – Pi-day

– HTML5기반의 웹 개발 시작에 도움이 되는 Boilerplate를 Initializr. H5BP, Modernizr, jQuery를 혼합한 것에 간단한 몇가지 옵션을 선택할 수 있도록 제공하고 있음. : Initializr site
Initialzr Capture

– 간단한 CSS3 코드(쉐도우 버튼 등)를 만들어 내는데 도움을 받을 수 있는 사이트들에 대한 소개 글 : Article Link
CSS3 간단한 제작 방법 관련 글 모음

– 300개 이상의 웹 아이콘을 무료로 공개한 사이트 : 홈페이지
아이콘 공개 사이트 - batch

개발뉴스 : 2월 27일 (2013년)

– 간혹, 웹에서 간단한 지도가 필요할 때가 있습니다. 구글 등 외부 맵을 연동하는 것도 하나의 방법이지마 독립적으로 구현할 수 있는 방법도 있군요. : http://goo.gl/7T6tp

스크린샷 2013-02-27 오전 11.32.18

카테고리:HTML5 관련 자료, Programming 태그:,
%d 블로거가 이것을 좋아합니다: