Archive

Posts Tagged ‘CSS’

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 버튼들

개발메모 : 5월 22일 (2012년)

– HTML, CSS, Javascript를 바로 확인해 볼 수 있고, 이렇게 확인한 소스를 저장하고, 퍼머링크를 통해 공유할 수 있도록 해 주는 사이트. 간단한 내용을 원격지 협업 또는 학습하는 경우에도 사용할 수 있어 보입니다.
http://tinkerbin.com/2jsBuOv7

– 폰갭과 같이 하이브리드 개발을 할 수 있는 trigger.io 라는 것이 솔루션이 있네요. 웹, 안드로이드, iOS를 대응할 때는 무료로 사용할 수 있습니다. 특히, 폰갭 대비 속도가 빠라다는 것을 강조하네요. : https://trigger.io/

HTML5 뉴스 : 2월 2일 (2012년)

– 툴팁 애니메이션을 만드는 방법과 예제들. 영문이지만 데모와 샘플을 다운 받을 수 있으니 체크 : http://tympanus.net/codrops/2012/02/01/how-to-create-animated-tooltips-with-css3/

– CSS3를 가지고 버튼을 꾸미는 방법이 단계별로 나와 있는 아티클. 역시, 데모와 샘플을 다운 받을 수 있다. : http://designmodo.com/create-css3-buttons/

HTML5 뉴스 : 1월 18일. (2012)

– JQuery와 CSS만을 가지고 슬라이드를 구현한 예 20가지를 모아둔 아티클. 특히, 첫번째 것 참 멋지네요. 잘 배워뒀다 다음에 활용해야 겠군요. :http://designmodo.com/jquery-slider-scripts-tutorials/

– 매우 잘 만들어진 HTML5 사이트 입니다. 여러 사이트를 네비게이션하는 용도로 보이는데, 감각적이네요. : http://worrydream.com/

– HTML5 비디오 지원 관련 현황. : http://www.longtailvideo.com/html5/

HTML5 뉴스 – 10월 24일.

– Ajax에 대한 부분이 HTML5에 국한된 것은 아니지만 따로 카테고리를 두기도 뭐해서 그냥 올립니다. Ajax에 대한 기본 기능을 배울만한 15개의 간단한 튜토리얼을 모아둔 아티클입니다. : http://www.cssreflex.com/2011/10/ajax-tutorials.html/

 

 

 

 

 

 

 

 

더 보기…

HTML5 뉴스 : 8월 16일.

– 웹OS,어플리케이션 플랫폼이 얘기되면서 기본적으로 필요한 것이 offline에서 작업이 가능한지에 대한 것이였습니다. 이 아티클은 offline 웹을 개발하는 기본적인 내용에 대한 설명입니다. : http://gazpo.com/2011/08/html5-offline-applications/

– CSS와 javascript를 가지고 iOS의 range slider와 비슷한 UI를 만들 수 있는 튜토리얼이네요. : http://css3wizardry.com/2010/09/14/range-slider-with-css-and-javascript/

– jQuery에 대한 아티클들을 모아두었네요. 이 내용만 모두 익혀도 기본적인 페이지를 구성하는 것은 어렵지 않겠습니다. 링크 내용은 다음과 같습니다. http://spyrestudios.com/22-articles-and-tutorials-for-getting-started-with-jquery/

– jQuery mobile plug-in 소개. ActionSheet, Photo Album, swipe, drag&drop 등 유용한 것들이 있네요. http://zoomzum.com/8-best-jquery-mobile-plugins/

– 모바일 웹을 디자인하는 과정에서 간과하기 쉬운 6가지. 모바일 웹을 구상한다면 한번 체크해 보세요. 아주 기본적인 것들이지만… : http://www.underworldmagazines.com/the-6-easiest-mistakes-mobile-web-designers-make/

– 모바일 웹을 만들때 사용하는 10가지 자바스크립트 프레임워크를 소개하고 있습니다. 흔히 알고 있는 jQuery, zepto 이외에도 여러가지가 있네요. : http://sixrevisions.com/javascript/mobile%C2%A0web-development-frameworks/

– 얼마전에도 소개 했던 내용과 유사합니다. javascript를 사용해서 local file system에 접근하는 것에 대한 아티클입니다.: http://www.htmlgoodies.com/beyond/javascript/read-text-files-using-the-javascript-filereader.html#fbid=MFCnIQkhhC3

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