Programming/javascript & HTML2015. 9. 23. 18:49

div span 블럭구조 및 원형테두리

와. 알수록 신기하네.. ㄷㄷ


[링크 : http://www.w3schools.com/css/css3_borders.asp]

[링크 : http://www.w3schools.com/html/html_blocks.asp]

'Programming > javascript & HTML' 카테고리의 다른 글

setTimeout()와 setInterval()  (0) 2016.01.07
html5 live video streaming...  (0) 2015.11.23
ul / li로 메뉴 꾸미기  (0) 2015.09.16
<link> 관련 약어 정리  (0) 2015.09.14
node.js / angular.js ...  (0) 2015.09.11
Posted by 구차니
Programming/css2015. 9. 22. 10:58

css body background

헐.. 어쩐지.. 암만 찾아도 게임 홈페이지 배경에 이쁜게

html 소스에 안보이더라니 ㄷㄷ


[링크 : http://www.w3schools.com/cssref/css3_pr_background.asp]

'Programming > css' 카테고리의 다른 글

html css 적용 방법  (0) 2016.01.11
css margin / padding  (0) 2015.09.24
CSS / JS 파일 용량 줄이기  (0) 2015.09.18
css selector  (0) 2015.09.14
css 관련  (4) 2015.09.08
Posted by 구차니
Programming/css2015. 9. 18. 10:01

CSS / JS 파일 용량 줄이기


[링크 : http://refresh-sf.com/] 줄바꿈 없애서 용량 줄이기

    [링크 : http://demun.tistory.com/2148]

[링크 : http://blog.munilive.com/php-css-js-file-compression-send-htaccess-use/] 헤더 사용 압축


minify / beautify

[링크 : http://dev.nkia.net:8089/?p=730]

'Programming > css' 카테고리의 다른 글

css margin / padding  (0) 2015.09.24
css body background  (0) 2015.09.22
css selector  (0) 2015.09.14
css 관련  (4) 2015.09.08
css box model  (0) 2014.05.15
Posted by 구차니
Programming/web 관련2015. 9. 17. 13:39

홈페이지 검증


[링크 : http://browsershots.org/] 브라우저 버전별

[링크 : http://troy.labs.daum.net/] 해상도별

    [링크 : http://nassjz.tistory.com/47]

'Programming > web 관련' 카테고리의 다른 글

HTML5 video player 720p/1080p 재생여부  (0) 2016.01.13
ssi(Server Side Includes)  (0) 2015.12.09
웹 서버별 특징  (0) 2015.09.11
DASH - Dynamic Adaptive Streaming over HTTP  (0) 2015.09.11
웹소켓(websocket)  (0) 2015.01.07
Posted by 구차니
Programming/javascript & HTML2015. 9. 16. 11:35

ul / li로 메뉴 꾸미기

으흐흐 이걸로 티스토리 스킨을 꾸며봐야지 ㅋㅋㅋ

(이제와서 이런거 공부하면서 뿌듯해 하는 노인 1인 ㅋㅋㅋ)


[링크 : http://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists_menu]

[링크 : http://www.w3schools.com/html/html_lists.asp]

'Programming > javascript & HTML' 카테고리의 다른 글

html5 live video streaming...  (0) 2015.11.23
div span 블럭구조 및 원형테두리  (0) 2015.09.23
<link> 관련 약어 정리  (0) 2015.09.14
node.js / angular.js ...  (0) 2015.09.11
html5  (0) 2015.09.10
Posted by 구차니
Programming/css2015. 9. 14. 11:32

css selector

엇.. css에서 >는 연산자가 맞긴한데.. 비교가 아니었구나

div > p는 div 하위의 p 에 대해서 css를 적용한다 라는 의미

즉, div 안에서 쓰는 p와 그냥 p를 서로 다르게 줄 수 있다는 것


element,element div, p Selects all <div> elements and all <p> elements 1

element element div p Selects all <p> elements inside <div> elements 1

element>element div > p Selects all <p> elements where the parent is a <div> element 2

element+element div + p Selects all <p> elements that are placed immediately after <div> elements 2

element1~element2 p ~ ul Selects every <ul> element that are preceded by a <p> element


[링크 : http://www.w3schools.com/cssref/css_selectors.asp]


tag

{

property: value value2 value3;

}

[링크 : http://www.w3schools.com/cssref/default.asp]

'Programming > css' 카테고리의 다른 글

css body background  (0) 2015.09.22
CSS / JS 파일 용량 줄이기  (0) 2015.09.18
css 관련  (4) 2015.09.08
css box model  (0) 2014.05.15
크롬과 IE에서 CSS 차이점 - body / background-color  (2) 2011.03.09
Posted by 구차니
Programming/javascript & HTML2015. 9. 14. 11:12

<link> 관련 약어 정리

href = Hypertext REFerence

rel = RELation

type


<head>

    <link rel="stylesheet" type="text/css" href="./style.css" />

</head>


[링크 : http://www.w3schools.com/tags/tag_link.asp]

'Programming > javascript & HTML' 카테고리의 다른 글

div span 블럭구조 및 원형테두리  (0) 2015.09.23
ul / li로 메뉴 꾸미기  (0) 2015.09.16
node.js / angular.js ...  (0) 2015.09.11
html5  (0) 2015.09.10
html event  (0) 2015.09.10
Posted by 구차니
Programming/web 관련2015. 9. 11. 14:44

웹 서버별 특징

nginx의 경우 FPU가 있으면 crypto 에 강하지만 없으면 으앙 쥬금이라고 하는데..

다른 서버들은.. crypto를 그럼.. FPU를 안쓰는 건 아닐테고.. 벤치마크가 필요할 듯.

[링크 : http://unix.stackexchange.com/questions/39578/webserver-for-embedded-linux]


nginx

lighttpd

monkey

cherokee

hiawatha

+ goahead

[링크 : https://www.linux.com/../807641-which-light-weight-open-source-web-server-is-right-for-you]


ARM926 에도.. option 항목으로 FPU가 있으나

지금까지 본 녀석들 중에는.. VFP나 FPU 내장된 ARM9 계열은 없었던거 같으니..

크게 기대는 말자..

[링크 : https://www.arm.com/products/processors/classic/arm9/arm926.php]


apache / lighttpd / nginx 벤치마크

[링크 : http://wiki.dreamhost.com/Web_Server_Performance_Comparison]

'Programming > web 관련' 카테고리의 다른 글

ssi(Server Side Includes)  (0) 2015.12.09
홈페이지 검증  (0) 2015.09.17
DASH - Dynamic Adaptive Streaming over HTTP  (0) 2015.09.11
웹소켓(websocket)  (0) 2015.01.07
html / input type radio에서의 reset 처리  (0) 2015.01.06
Posted by 구차니
Programming/web 관련2015. 9. 11. 13:27

DASH - Dynamic Adaptive Streaming over HTTP

dash.js / HTML5 video 부터 검색하다 보니 나온녀석..

임베디드에서 쓸만한 녀석은.. nginx-rtmp-module 정도인가..


Servers

Note that no specific support is required from the server for DASH content, with the exception of Live Streaming.


Flussonic Media Server has support for DASH.[31]

Helix Universal Server has support for DASH in various modes.

Nginx-rtmp-module supports generating MPEG-DASH live streams since version 1.0.8.[32] They can be played with a modified version of dash.js[33] and with bitdash.[34]

Wowza Streaming Engine has full support for MPEG-DASH.[35]

Akamai CDN supports DASH.[36]

Azure Media Services platform has support for MPEG-DASH.[37]

Limelight Networks CDN supports DASH.[38]

Unified Origin supports MPEG-DASH.[39][40]

bitmovin provides the cloud-based transcoding service bitcodin.com which supports MPEG-DASH.[41]

Nimble Streamer has live and VOD MPEG-DASH support.[42]

[링크 : https://en.wikipedia.org/wiki/Dynamic_Adaptive_Streaming_over_HTTP] 


MPD - Media Presentation Description

MMT - MPEG Media Transport

[링크 : http://www.tta.or.kr/data/weekly_view.jsp?news_id=3747]


dash.js

[링크 : https://github.com/Dash-Industry-Forum/dash.js/wiki]

[링크 : https://azure.microsoft.com/.../media-services-embed-mpeg-dash-in-html5/]


webm based dash-js ?

[링크 : http://www-itec.uni-klu.ac.at/dash/?page_id=746]



+

우분투에서는 빌드 해야 하네..

[링크 : https://github.com/arut/nginx-rtmp-module]

[링크 : https://www.vultr.com/docs/setup-nginx-rtmp-on-ubuntu-14-04]



+

Using DASH - Server Side

First you'll need to convert your WebM video to a DASH manifest with the accompanying video files in various bit rates. To start with you'll need:


ffpmeg - with libvpx and libvoribis support for WebM video and audio (ffmpeg.org).

libwebm - specifically for the samplemuxer tool (git clone https://gerrit.chromium.org/gerrit/p/webm/libwebm.git)

webm-tools - specifically for the manifest creation tool, webm_dash_manifest (git clone https://gerrit.chromium.org/gerrit/p/webm/webm-tools.git)

[링크 : https://developer.mozilla.org/.../DASH_Adaptive_Streaming_for_HTML_5_Video]

[링크 : https://developer.mozilla.org/.../Setting_up_adaptive_streaming_media_sources]

[링크 : https://developer.mozilla.org/.../Audio_and_video_delivery/Live_streaming_web_audio_and_video]


 It is called HTTP Live Streaming (HLS) and is only supported by Apple's technology. Google (Chromium / YouTube) uses its own implementation called dash mpeg and everybody else is either confused or using H.264 encapsulated in MP4.

[링크 : http://raspberrypi.stackexchange.com/.../how-can-i-stream-h-264-video-from-the-raspberry-pi-camera-module-via-a-web-serve]




--

WebM 파일은 VP8 비디오와 Vorbis 오디오 스트림으로 이루어져 있으며 마트료시카 프로파일에 기반을 둔다.

[링크 : https://ko.wikipedia.org/wiki/WebM]

[링크 : http://www.webmproject.org/]

[링크 : http://wiki.webmproject.org/adaptive-streaming/webm-dash-specification]

'Programming > web 관련' 카테고리의 다른 글

홈페이지 검증  (0) 2015.09.17
웹 서버별 특징  (0) 2015.09.11
웹소켓(websocket)  (0) 2015.01.07
html / input type radio에서의 reset 처리  (0) 2015.01.06
HTML META cache  (0) 2014.10.20
Posted by 구차니
Programming/javascript & HTML2015. 9. 11. 11:10

node.js / angular.js ...

공부할게 드럽게 많네..

일단은 머하는 녀석인지만! 조사

node.js는 서버 미들웨어

angular.js는 MVC 구현체.. 라고 하면되려나?



node.JS에 대해서.

Node.js는 구글의 크롬 V8 자바스크립트 엔진을 기반으로 한, 고성능 네트워크 서버이다.

Single Thread 기반의 Event Loop를 기반으로 하고 있으며, File, Network 등에 대해서 비동기 IO 처리를 하는 서버 미들웨어

[링크 : http://bcho.tistory.com/876]


Angular.js는 구글이 만든 MV*(Model - View - Whatever) 자바스크립트 프레임워크로 원페이지 어플리케이션에서 뛰어나면서 전통적인 웹 어플리케이션에 약간의 "마법"을 부린 것처럼 동작하는 것도 가능하다.

[링크 : http://blog.outsider.ne.kr/975]

'Programming > javascript & HTML' 카테고리의 다른 글

ul / li로 메뉴 꾸미기  (0) 2015.09.16
<link> 관련 약어 정리  (0) 2015.09.14
html5  (0) 2015.09.10
html event  (0) 2015.09.10
jquery  (0) 2015.09.08
Posted by 구차니

티스토리툴바