본문 바로가기

전체 글

반응형 웹 만들기 (Responsible/Scalable web design with css media query) # 반응형 웹 만들기 (Responsible/Scalable web design with css media query) 기본적으로 어느 인터넷 브라우저에서든 Ctrl+mouse wheel 을 하면 scale 을 바꿀 수 있음. Chrome 은 site 별로 이 scale 도 저장해놔서 나중에 왔을때도 같은 scale 로 web-page 를 볼 수 있음. 개인적으로 국내 web page 들 90% 이상에서 글씨 크기가 눈나쁜 나한테는 너무 작아서... 항상 scale up 해서 보는 경향이... Chrome 기본 설정에서도 기본 글씨 크기를 바꿀 수 있긴 한듯. 그런데 어차피 사이트 제작자가 그냥 font 에서 layout 을 맞춰놓은 경우가 많아서.. 이걸 바꾸면 overflow 나고 이럴 경우도 많을듯.. 더보기
Recoeve.net 설명서 (Guide to Recoeve.net) # Recoeve.net 설명서 (Guide to Recoeve.net) 어떤 기능들이 있고, 어떻게 reco 를 하는지 설명해주는 문서를 만들어야겠음. (나중에는 로그인 하면 설명화면이 어느정도 나와서 스스로 익힐수 있게 디자인은 해야할듯.) ## TOC ## 가입하기 (Sign-up) and 로그인 (Log-in) ## Reco 하기. ## 목차 이동하기. ## RRA 더보기
티스토리 단축키 설정 (+단축키 추가/수정하기) 티스토리 단축키 설정 (+단축키 추가/수정하기) 티스토리에 단축키가 있다는걸 최근에야 깨달음;;; 티스토리 단축키 설명은 sidebar에도 표시해 놨음. Posting History 2014-06-20: First Posting. Table of Contents 티스토리 기본 단축키 티스토리 기본 단축키 Q: 관리자 (Admin) A: 이전 글 S: 다음 글 Z: 최근에 올라온 글 X: 최근에 달린 댓글 C: 최근에 받은 트랙백 개인적으로 추가한 단축키 D: Previous Section F: Forward Section L: To the [Lists] 글쓰기에 들어가면 에디터에도 단축키들이 많은것 같지만, 난 HTML로 쓰는 경우가 많아서 이것 관련 정리는 패스. 단축키 추가/수정하기 단축키를 추가하거.. 더보기
Customized styling of scroll bars in HTML Customized styling of scroll bars in HTML First posting at 2014-05-26 Cross browsing 문제가 심하긴 한듯. Table of Contents in Webkit browser (Chrome, Safari, Opera) 설정들은 참조해서... ▲ default scrollbars. ::-webkit-scrollbar{ /* 1 */ } ::-webkit-scrollbar-button{ /* 2 */ } ::-webkit-scrollbar-track{ /* 3 */ } ::-webkit-scrollbar-track-piece{ /* 4 */ } ::-webkit-scrollbar-thumb{ /* 5 */ } ::-webkit-scrollbar-.. 더보기
디락 델타 함수 (Dirac delta function) Dirac Delta Function \delta (x - a) = \begin{cases} \infty &\text{when } x = a \\ 0 &\text{when } x \neq a . \end{cases} \int_{R} d x ~ \delta (x - a) = \begin{cases} 1 &\text{when } a \in R \\ 0 &\text{when } a \notin R . \end{cases} In other words, \begin{split} \int_{b}^{c} d x ~ \delta (x - a) = 1 \quad\text{and}\quad \int_{c}^{b} d x ~ \delta (x - a) = -1 \end{split} when \(b < a < c\). \in.. 더보기
2012~2013 대한민국 국가정보원 (국정원, NIS) 여론 조작 사건 # 2012~2013 대한민국 국가정보원 (국정원, NIS) 여론 조작 사건 2015-01-05: 나만 이 사건 중요하다고 생각하나? 점점 묻히는 기분... 개짜증. 결론이 나고 있는건가? 본 문서는 wiki (2013-07 ver.) 를 재편집 (highlight 정도만 추가) 한 것입니다. Wiki 문서는 편집이 누구에게나 열려 있어서 이런 논란(?)이 되는 문서에서는 악의적인 편집이 꾸준히 일어나네요. 이 아가씨는 잘 살아있나 몰라? 은근히 승진했을듯? 걸린죄가 커서 망했을래나? 윗선을 안불고 잘 잡아땠으니 망하진 않았을듯도?ㅋ ## PH 2015-01-05: http://nis2012.co.kr/index.php 링크 추가. 2014-06-21: 권은희씨 사직 . 에휴... 2014-06-19: .. 더보기
Improving web performance Improving web performance 그냥 구글에 "improving web performance" 검색하면 여러가지 잘 정리해놓은 페이지들이 나오는듯. References and Related Articles Six Revisions - 10 Ways to Improve Your Web Page Performance, 2008-12-22, by Jacob Gube.; 꽤나 잘 정리되어 있는듯. pamela fox's blog - Improving front page performance: removing images, 5 ways, 2014-01-30.; TinyPNG로 이미지 용량줄이기, Delay load로 scroll 되기 전의 load 줄이기. tutsplus - Best Practic.. 더보기
Citing the references automatically in HTML (like LaTeX) Citing the references automatically in HTML (like LaTeX) I cite the first ref . And citing the second , I cite finally the third one . There could be more than one cite in the article . You can check those references. web:, ref2:. kipids:, no:, unknown:. Bubble reference which is cited manually: [01] Ref. [01] This is a manual reference. So this is not listed below in Reference section. On mouse.. 더보기
LaTeX(라텍스, 레이텍) 소개 및 설명서(Guide)들 LaTeX(라텍스, 레이텍) 소개 및 설명서(Guide)들 LaTeX가 장단점이 있긴한데... 내가 볼땐 단점이 훨씬 더 많은거 같음. 이제는 점점 인터넷 기반 문서 편집기(word)가 대세가 될거 같은데.. 그 후보군중 가장 유력한 것이 LaTeX 같긴 함. 하지만 접근성을 높이려면 많은 수정이 필요할 듯. HTML(인터넷)과의 연계를 높이는 word(문서 편집기)가 최종적으로 살아남을 것이라고 봄. HTML5가 곧 그 역활을 할지도? HTML을 고치느냐, LaTeX, MS Word, 한글 등을 고치느냐의 싸움인데... 둘 다 적절히 고쳐서 연계시켜 나갈듯??? Mark-up language랑 WYSIWYG(What you see is what you get)랑 잘 섞여들어가야 할거 같은데, 왜 아무도.. 더보기
한국 IT의 미래 한국 IT의 미래 재밌게 본 유익한 글들만 몇 개 모아봄. 뭐 이런 글들은 그냥 트위터에서 공유하고 리트윗하고 마는데, 곧 IT업계로 뛰어들 거 같아서;;; 정리해 놓으면 방향 잡는데 도움이 될까하고, 정리한김에 포스팅. 뭐 국내 시장만을 목표로 하는 IT업체에 들어가고(or 창업하고) 싶지는 않지만, 시작은 국내기반일 경우가 크고 큰 그림으로 볼 때 궁극적으로 어떻게 좋은 생태계를 만들어야 할까도 고민해야 할거 같아서... 과연 어떻게 변화할지, 어떻게 변화해야하는지. References and Related Articles 조성문의 실리콘밸리 이야기 - 한국 인터넷에서 잘못 끼워진 첫 단추, 그 이름은 네이버 (NAVER), 2010-03-21, by 조성문.; 최근에도 계속 읽히고 업데이트 되고 있.. 더보기
CSS3 examples CSS3 examples css animation으로 구글 검색하면 많은 example들을 찾을 수 있음. 3D는 무거워서 css3 animation 쓰는게 그닥 좋아보이지는 않음. 그래도... 음....... transition 이런건 좋은듯? http://www.carnationgroup.com/ 이 사이트처럼? References and Related Articles w3schools - css3 animations webdesignerwall.com - 47 Amazing CSS3 Animation Demos (놀라운 CSS3 애니메이션 데모 47개), 2010-02-03 Webstoryboy's blog - 플래시를 능가하는 HTML5/CSS3 16가지 사이트, 2012-06-12 더보기
Site statistics (MAU, DAU) # Site statistics (MAU, DAU) 방문자 수 통계, Monthly Active Users, Daily Active Users 등 통계를 내고 싶은데... 구글 Analytics 같은걸 쓰면 되는건가??? 공부 중. ## PH 2015-12-16 : First posting. ## TOC ## RRA Google Analytics 더보기

티스토리툴바