본문 바로가기

프로그래밍/WEB,CSS,HTML5

How to create an awesome blog template using Bootstrap 3 - Part I Table of Contents1. Preface2. Part I – Create basic blog template with Bootstrap 33. What tools we need?4. Twitter Bootstrap? What's that?5. Creating a blog template6. Create the home page6.1 Pick up the right editor6.2 Download Bootstrap and jQuery libraries6.3 Create the basic structure6.3.1 HTML5 DOCTYPE6.3.2 Viewport meta tag6.3.3 Reference jQuery and Bootstrap libraries6.3.4 Create the foun.. 더보기
template http://www.prideparrot.com/blog/archive/2014/4/blog_template_using_twitter_bootstrap3_part1#preface 더보기
FTP commands http://www.nsftools.com/tips/MSFTP.htm 더보기
java.lang.OutOfMemoryError: PermGen space in Tomcat 7 이클립스에서 톰켓을 더블클릭.OverView가 나오면,, General information에서 Open launch configuration 을 클릭.팝업이 뜨면, Argument 탭에 VM Argument 부분에-------------------------Xms1536m -Xmx1536m -XX:NewSize=256m -XX:MaxNewSize=256m -XX:PermSize=256m -XX:MaxPermSize=256m------------------------------------위와 같은 부분 추가.. 위 내용은 참고 사이트에 적힌 내용이고,우리 프레임워크에서 사용하는 건, ------------------------------------XX:MaxPermSize=128m -Xms512m -Xm.. 더보기
TIOBE Programming Community Index for June 2013 June Headline: JavaScript back in the top 10This month, JavaScript re-entered the top 10 of the TIOBE index. It is still a bit of a miracle why this ubiquitous language is not yet part of the top 5. JavaScript is the glue of client-side web page programming nowadays. But JavaScript is currently expanding its application domain. Node.js has made JavaScript a server-side programming language and t.. 더보기
CSS 코드 생성기. css3 소스 생성. 천재가 아니라 외우질 못해서 남겨두자. http://css3pie.com/ 더보기
div 배너 및 이미지 고정.(화면 해상도 관계없이) 이미지 캡쳐는 못했지만 여러가지 방법이 있지만 아래 방법으로 해본 결과 해상도 관계없이 이미지가 고정되고 특히나 창을 임의적으로 줄였을때 이미지가 본문과 겹치는 현상이 발생 하는 소스도 있는데 아래는 고정됨. position:fixed.. .leftBanner{ position: fixed; left: 50%; top: 107px; margin-left: -710px; text-align:center; height:160px; width:120px; z-index:1000; } 위의 수치값들은 특히 left, top, margin-left값들은 알아서 화면에 맞게 수치 조정해야 함. 더보기
Drupal 설치 요즘 워드프레스가 인기다. 예전에 드루팔(Drupal)을 영문판으로 설치 한적이 있다. php기반으로 되어 있다. 왜 cms같은것들은 전부 php기반일까?...궁금하다 아무튼.. 영문판 Drupal을 설치했다. 설치하다 보면 한글때문에 오류 날 수 있다.Warning: htmlspecialchars(): Invalid multibyte sequence in argument in check_plain() (line 1476 ofC:\inetpub\wwwroot\drupal\drupal\includes\bootstrap.inc).PDOException: in lock_may_be_available() (line 165 of C:\inetpub\wwwroot\drupal\drupal\includes\lock... 더보기
SW 개발자, “HTML5가 대세” HTML5가 대세가 될것이라는 말은 수년전부터 이야기 되어 왔다. 개인적으로 HTML5는 JQUERY MOBILE로 모바일 페이지 만들때만 몇가지 태그를 사용했지만 사실 HTML5 태그 자체만 그리 어렵지는 않다. 웹페이지를 HTML5로 만들고 싶어도 브라우저가 전부(특히 IE) 지원 하지 않는게 단점.. 하지만 점점더 브라우저가 버전업되면서 지원 되면 언젠가는 VIDEO태그도 SOUND 태그도 쓰고 웹소켓도 할수 있겠지~ 그러나 나에게는 현재 자바 스프링(spring)프레임웤을 정복하는게 먼저다. http://www.bloter.net/archives/145284 더보기
div와 span태크 div태그는 한줄전체를 영역으로 span태그는 내용 만큼만을 영역으로 한다. 예제1 [태그]⇩ div영역 span 첫번째 영역 span 두번째 영역 span 세번째 영역 [결과]⇩ div영역span 첫번째 영역span 두번째 영역span 세번째 영역 예제2 [태그]⇩ div영역 div영역 span 첫번째 영역 span 두번째 영역 span 세번째 영역 [결과]⇩div영역div영역span 첫번째 영역span 두번째 영역span 세번째 영역div태그는 한줄을 차지하므로 위에서 처럼 두줄에 걸쳐 표시되고 span태그는 영역 만큼만 출력되고 옆으로 이동하여 표시됨. 그리고 div태그를 style로 조정하여 div태그 안에 또 div태그를 넣어서 아래와 같이 홈페이지 레이아웃을 구성할수 있음div태그 main_t.. 더보기