웹2.0 시대를 맞아보하효 기타 간단한 팁들 검색 결과

해당 글 74

민주 노조 사수 예에~ CSS

category 웹web 왑wab 2013/04/03 15:40

CSS 코드를 통해 다양한 민주 노조 사수 효과를 경험해 봅니다< 옛날에 이미지로 했던 것이 이렇게 코드 몇 줄 입력하면 브라우저가 알아서 그려주는 이편한 세상이 되었네요. 지난 HTML/CSS/VIM 수업 마지막에 이런 걸 보시라고 수강생 분들께 알려 드렸더니, 본녀도 만들어 보고 싶어서 각 예제를 가져와서 만듬. 기본적으로 여기서 참고함: 30 Useful and Cutting Edge CSS3 Text Effect and Web Typography Tutorials

세상이 좋아져서 포토샵이 해 주던 걸 코드로 다 구현이 된다. 좋아진지 쩜 됐으되.. 그래도 놀랍지 아니한가 다 텍스트로만...!!

 

1. inset 효과

(여기 뭐 자기네가 올린 것도 제대로 안 써놔서 다 고쳤네 아유 귀찮아..- -_-)

 

민주 노조 사수 예에~

[code] .inset-text { color: #566f85; background-color: #bad3ed; text-shadow: 1px 1px 0px #dae8f6; } [/code]

 

2. 3D 효과

민주 노조 사수 예에~

[code] .threeD { text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); } [/code]

 

3. 레터프레스

민주 노조 사수 예에~

[code] .letterpress { color: #222; text-shadow: 0px 2px 3px #555; } [/code]

 

4. 엠보싱 효과

(하하 이 사이트 다른 예제들도 재밌따)

민주 노조 사수 예에~

[code] .embossed { text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000; color: #9c8468; opacity: 0.3; } [/code]

 

5. 테두리

(이건 아마 크롬/사파리 계열에서만)

민주 노조 사수 예에~

[code] .stroke { -webkit-text-stroke: 1px black; } [/code]

 

6. 입체 (?) Anaglyphic

민주 노조 사수 예에~

[code] .anaglyphic { display: inline; position: relative; color: rgba(0,0,255,0.5); } .anaglyphic:after { content: "민주 노조 사수 예에~"; position: absolute; left: -5px; top: 14px; color: rgba(255,0,0,0.5); } [/code]

 

7. 블러

민주 노조 사수 예에~

[code] .blur { color: #fff; text-shadow: 0px 0px 6px #fff, 0px 0px 3px #fff; transition: all 0.5s ease; } .blur:hover { text-shadow: none; } [/code]

 


민주노조도 좋지만 이제 더는 못 해 먹겠따 그만... -_-;;;; 민주 노조 사수 꼭 하자 두 번 하자 ㅋㅋ

진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기
2013/04/03 15:40 2013/04/03 15:40

댓글을 달아 주세요

새해 계획

category 웹web 왑wab 2012/12/18 12:00

남이 만들어주는 걸 도저히 못 견디겠다면 내가!!!! 바로 내가!!!!!! 공부해서!!!!!! 만들면 될 것 아닌가!!!!!!!!!!!!<

 

라는 의미에서 1월 1일부터 php 공부할 것을 선포한다 두둥~ 이것저것 필요한 것 다 만들테다 오직 나의, 나에 의한 그러나 모두를 위한!!!!! 그런 것을 만들어낼테다 두둥

왜 롸잇나우가 아니냐면 롸잇나우는 해야 할 일들이 있기에... 밀린 일이나 처리하라고..

 

글고 나 책 왜케 못 읽지?? 글고 스마트폰 고만 좀 해 빠개버릴까보다 아휴...ㅜㅜㅜㅜ 저번에 간신히 벗어나서 출퇴근 길에 간신히 책도 읽고 일도 하게 되었는데 이제 다시 스마트폰에 빠져빠져... 정확히는 페이스북... ㄱ-;;;;

 

페이스북 탈퇴해 버려!!!!!<

 

물론 페이스북.... -_-;;; 그냥 멍청하게 타임라인을 들여다보는 건 아니고 링크 타고 다니고 그러니까 그런 거지만 어쨌든지간에 작작 좀 해. 그러다보니 블로그는 영 뒷전이교... 그런 점이 없지 않아 있다.

 

 

아 올만에 들으니꺄 너무 조으다 꺄아 >ㅆ<

 

새해 계획은

  1. php를 공부한다
  2. 영어를 매우 열심히 잘 공부한다 (영어로 말을 쏼라쏼라 나자신으로 얘기할 수 있게 되기까지...<)
  3. 일본어도 매우 열심히 공부해서 일본에서 사왔는데 아직도 안 읽은 만화책들 독파한다 (※ 2012년 들어 왠지 일어 읽기가 너무 싫어서 거의 안 읽음... -_-;;)
  4. 독어도 공부해서 아도르노랑 칸트랑 마르크스를 원전으로 읽는다는 훼이크고...
  5. 결혼한다<

 

ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 결혼할 거임

 

그리고 계속해서 -_- 6. 책을 읽는다.

 

사실 오며가며 책 읽기가 힘든 구석이 있다, 그냥 읽는 게 아니고 메모도 해야 하구 우응... 자료 정리도 해야 하는데... 그러려면 컴퓨터 앞에 앉아서 책을 읽으란 말가?! 불가능해 불가능하다교!!!!

 

책을 읽는 것을 사실 좋아하는 편인데.  근데 왜 안 읽어대니까 자꾸 맨날 나는 사실은 안 좋아하는 거야 ;ㅁ; 이 지랄 떨면서 ㅜㅜ 

 

7. 디지털 미디어 시티가 가까운 곳에 산다. 그리하여 한국영상자료원에 죽치고 산다.

 

훌륭하다 훌륭한 나이다앙

 

아 올해 결산도 안 했지. 활동 평가도 안 했다. 실은 뭐 했는지도 모르겠따 뭔가 유의미한 일이 있었떤 것도 같은데... 그래서 기록이 중요한 거임... 옛날에는 내 블로그 훑어보면 일년간 뭐 하고 살았는지 대충 견적이 나왔는데 지금은 잘 안 나옴... 앞으로 견적을 낼 수 있도록 열심히 생활기록부를 남겨야지

 

맞아 또 책읽기에 들어갈 내용이기도 하고.. 그 영어로 된 책을 항상 읽다가 읽기 싫어서 중단하고는 하는데... -_-;;;; 영어로 된 책을 5권은 쌓아두고 있다 하하하...;;; 그걸 다 읽는 것은 상반기 목표가 되시겠따. 꺅

진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기
2012/12/18 12:00 2012/12/18 12:00

댓글을 달아 주세요

  1. 쇼조게바 2012/12/18 12:05

    디지털미디어시티 근처에 살 생각을 하는 것만으로 내가 이미 승리자가 된 것 같다. 우야든동 자전거 타고 다닐 수 있는 데에 살테야

  2. 2012/12/25 23:52

    5번은 진짜...구체적인 일정이 있으신 계획이신가요? 하고 물으면 실례가 되려나요? ^^; 1번에다 써놓으셨으면 당연히 축하합니다...그럴텐데, 5번으로 밀려있다는게 좀...;근데 그게 뭔가 쇼죠게바님답기도 하고요. ^^ 저런 예정이시면 2013년은 쇼죠게바님 인생의 터닝포인트가 되겠군요.

    암흑의 연말연시입니다. 날씨도 엄청 춥고요. 요즘에는 사람들에게 행복하거나 즐거우라고 인사하는게 좀 꺼림칙할 정도예요. 건강 잘 챙기시고요, 따뜻한 연말연시 되셨으면 좋겠어요. :)

    • 쇼조게바 2012/12/26 00:37

      연님..iㅁi 그렇지 않아도.. 생각을 하고 있었는데.. ㅜㅜ 실은 쓰다 만 2012년 결산에도 연님 이름이 나옴 ㅋㅋㅋ 연님..♥ 꺅~! 저 진짜 결혼 날짜도 잡았어욬ㅋㅋㅋ 신혼여행.. 악 오눌 비행기 예약하려했는데 까먹...ㅡㅡ 아직 멀었지만 ㅋㅋ 저도 조만간레 안게에 인사드리러 갈게요 호호호

여기서 퍼왔다 http://ubuntu.or.kr/viewtopic.php?p=40719#p40719

이걸 읽고 적용하며 진짜 절로 학이시습지면 불역열호라는 말이 절로 튀어나왔다 -ㅁ-;;;; 오 년만에 생각난 말인 듯..;;

맨날 무식하게... ㅜㅜㅜㅜ zip 파일 풀 때마다 인코딩이 다 깨져서 필요하면 손으로 수정하든지, 귀찮으면 수정 안 하고 그냥 놔두든지 했는데... 우왕... 이렇게 쉬운 방법이 이미 2009년에 인터넷에 뙇! 있는데 여태 게을르게 더 귀찮게 굴고 있었어... ㅜㅜㅜㅜㅜㅜㅜㅜㅜ 정말 사람은 배워야 함<

 

너무 좋아서 퍼다놓는다 아잉... 너무 조으다 ㅇ<-< 이것이 바로 집단지성이 아니런가... ㄸㄷ 근데 나는 우분투를 쓴지가 몇 년인데 진짜 실력 개 안 느네... 내년에는 리눅스 강좌를 조직해야겠어 더이상 이대로는 못 살겠어 -ㅁ-;;;

 

근데 귀찮다고 지금 아직도 노트북에 우분투 업그레이드도 안 하고 있다. 에잇... 큰 맘 먹고 내일 할까?! 파일 백업하기 졸랭 귀찮아 레알 진심이야...< 네이버나 다음 클라우드에 우분투에서는 폴더 채로 업로드하는 기능이 없어서.. 일일이 파일 업로드하기도 레알 귀찮고.. 하드에다 옮겨야 하는데 하드 엄ㅋ슴ㅋ

 

사실 사무실 컴도 어째선지 리눅스민트 줄리아에서 내가 가장 주요하게 쓰는 리브레 오피스랑 파이어폭스가 한글 입력이 그지같아서 못 쓰고 있는데 아직도 안 밀고 그냥 윈7 쓰고 있음... () 윈8 쓰고 싶다< 하지만 귀찮아 귀찮으니까 관둘래... 조만간 민트 밀고 우분투나 써야지 ;ㅁ; 파이어폭스 점유율이 정말 너무 줄고 있던데... ㅜㅜ 우앙......ㅜㅜㅜㅜ 나도 크롬에서 쓰고 있는데 그건 다 한글 입력이 잘 안 돼서임...ㅜㅜㅜㅜ 암튼< 집단지성에 나도 동참해야 해!!! 더 배우고 익힐테다아

 

그나저나 난 아직도 인코딩 이슈를 정확히 이해하지 못 하고 있다. 그냥 짜잉날 뿐이고... -_-

 

4. unzip 6.0 CP949 문제 ( reandr )
MS에서 압축한 한글 파일명을 풀려할 때 
unzip 6.0은 깨져 풀리게 되는데 reandr님에 제시한 방법이 제일 유용하다 봅니다.
관련 글타레 : http://ubuntu.or.kr/viewtopic.php?f=18&t=7861

터미널서 sudo gedit /usr/local/bin/kozip 으로 파일 생성하여 내용을


Code:
#!/usr/bin/perl
use strict;
use Encode;
use Archive::Zip;
my $zip = Archive::Zip->new();
$zip->read($ARGV[0]) == 0 or
   die "$0: couldn't read $ARGV[0]\n";
foreach my $mref ($zip->members) {
    my $n = decode("cp949",$mref->fileName);
    print "Extracting $n\n";
    $zip->extractMember($mref,$n) == 0 or
   die "$0: couldn't extract $n\n";
}

넣고 저장 후
sudo chmod 755 /usr/local/bin/kozip 후에..
MS 한글명 들어간 압축 풀 때에는
kozip MS압축파일.zip 으로 압축 풀기 해주시면 됩니다.

멋진 perl 스크립 올려주신 reandr님에게 감사 드립니다.

추가 : sudo apt-get install libarchive-zip-perl 하여 libarchive-zip-perl 패키지를 설치 하여 주어야 합니다.

진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기
2012/12/15 23:23 2012/12/15 23:23

댓글을 달아 주세요

 

Source: StatCounter Global Stats - Screen Resolution Market Share

 

Source: StatCounter Global Stats - Browser Market Share

 

IT 강국이시여......< 해상도에 other가 1등이라서, 그게 대체 뭔가하고 다운받으니까 별별 해상도가 다 있네여. 반면 브라우저는 어찌나 이렇게 명명백백한지...;; 모바일 브라우저도 한국에 아이폰 쓰는 사람 얼마 안 되는 건가?! 점유율 10프로도 안 된다. 모바일에서 나는 파이어폭스를 쓰고 있는데 그것도 기타에 들어가 있음 ;ㅅ;

 

StatCounter에서 한국같은 데의 통계를 얼마나 정확히 잡는지는 모르겠다만은.. 암튼 종잡을 수 없네 한국인들의 해상도여...<

 

결론은: 인터넷익스플로어여 만수무강하씨오

진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기
2012/12/12 12:37 2012/12/12 12:37

댓글을 달아 주세요