NOTICE 
Category (104)
글꼴 (2)
디카 (10)
모니터 (4)
백신 (2)
포토샵 (29)
블로그/스킨 (5)
웹팁 (5)
윈도우즈 (10)
Java (3)
Z_brd (0)
촬영지 (10)
html (2)
기타 (9)
컴퓨터 (10)
FireFox (2)
동영상 (0)

2015.02.27 11:08

너무 쉽습니다.

아래 사진처럼 www와 youtube 사이에 ss만 쳐넣고 엔터키를 누르면 됩니다.


[Utube0 유튜브동영상 쉽게 녹화하기


[Utube0 유튜브동영상 쉽게 녹화하기


360p와 720p,

둘 중에 하나를 선택하고 'download' 클릭하면 끝입니다.


아주 쉽죠....?




2014.08.15 09:37

사이트 안내

http://www.htmlcompressor.com/compressor/


css 또는 html 또는 자바스크립트 까지 용량을 줄여줍니다.



1. 먼저 html 하는 방법부터 알려드리겠습니다.


html에 커서를 누르고 컨트롤 a를 눌러 전체 선택을 한 다음

복사를 합니다.


그런다음,

 소개한 사이트로 이동하여 'source' 란에 붙여넣기를 합니다.

오른쪽 사각창에  xhtml 인지 확인하고,

하단의 'compress' 버턴을 클릭합니다.



저렇게 용량이 줄어든 소스를 복사에서 다시 내 블로그에 붙여넣기하면 완성됩니다.

같은 방법으로 'css' 소스도 진행하면 끝납니다.


유의사항은,

내 블로그의 스킨보관함에 미리 스킨을 저장해두는 게 좋습니다.

소스가 압축되었기 때문에 스킨 수정할 때 소스 위치찾기가 어려울 수 있기 때문입니다.


http://campinggoing.tistory.com/ 에서 발췌했습니다.



  
댓글   |
2014.06.16 09:59

1 html

1
2
3
<p id="back-top">
    <a href="#top">Back To Top</a>
</p>

2 CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
#back-top {
    position: fixed;
    bottom: 30px;
    margin-left: -150px;
}
 
#back-top a {
    width: 108px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
 
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}
 
/* arrow icon (span tag) */
#back-top span {
    width: 108px;
    height: 108px;
    display: block;
    margin-bottom: 7px;
    background: #ddd url(up-arrow.png) no-repeat center center;
 
    /* rounded corners */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
 
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover span {
    background-color: #777;
}

3 Jquery

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// hide #back-top first
$("#back-top").hide();
 
// fade in #back-top
$(function () {
    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('#back-top').fadeIn();
        } else {
            $('#back-top').fadeOut();
        }
    });
 
    // scroll body to 0px on click
    $('#back-top a').click(function () {
        $('body,html').animate({
            scrollTop: 0
        }, 800);
        return false;
    });
});

*튜토리얼 : http://webdesignerwall.com/tutorials/animated-scroll-to-top
*데모 : http://webdesignerwall.com/demo/scroll-to-top/scrolltotop.html

2009.06.02 14:17


내 블로그의 로딩시간은 얼마나 될까....?
아래 사이트로 들어가 빈칸에 자신의 도메인을 입력하여 확인버턴을 누르세요.

http://www.iwebtool.com/speed_test



2007.03.19 08:45
웹에서 디지털 사진의 exif data를 보여줍니다.
다운 받은 다음 실행합니다.
그런 다음 웹에서 디지털사진 위에서 마우스 오른쪽 버턴 클릭하면 데이터창이 뜹니다.

  
댓글   |
 이전  1   다음 

fotowall :: ncloud RSS Feeds today : 10   yesterday : 9
total : 185,543