일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 툴팁
- translate
- css3
- relative
- googlechart
- HTML
- 시맨틱 태그
- Transform
- 팝업
- 가상 클래스
- window open
- 태그
- Semantic tag
- JavaScript
- 새창열기
- onclick
- 페이지 이동
- position
- 구글차트
- 가상 요소
- html5
- tag
- Semantic
- jQuery UI
- script
- 시맨틱
- absolute
- 깜박임
- window.open
- jQuery
- Today
- Total
목록분류 전체보기 (49)
무아지경
jQuery Mobile 앱 디자인을 하게 되었다. 하이브리드앱을 만든다고 한다. jQuery Mobile 을 사용해 디자인 해달라는 요청이 와서 찾아봤더니....욕나온다..어렵다... 최근 한달간 한 10년은 늙는 기분이었다. 작업하면서 사용했던 기능들 정리해서 쓰려고 했는데 귀찮아졌다..다음기회에.... 데모사이트 : http://demos.jquerymobile.com/1.4.5/ 다운로드 : https://jquerymobile.com/download/
onclick 으로 페이지 이동시키기 a링크를 이용해 페이지를 이동시킨일이 많았는데 작업하다보니 a링크가 아닌 버튼을 사용했을 때 페이지 링크를 연결 시켜야 할때가 생겼다. onclick 이용하면 간단히 해결된다. 1cs
codepen~!! https://codepen.io/ - 신세계를 보았다. - 필요한 기능 찾는데 도움이 많이 된다. - 저작권 문제 때문에 가져다 쓰는게 무서워서 참고만 하고 있다. - 저작권 문제 찾아보고 해결되면 실무에 적용 가능한 많은 소스들이 있다.
말풍선 모양 만들어 주는 사이트 http://www.cssarrowplease.com/ - 툴팁 만들때 사용해 봤다. - IE9버전까지 잘 나온다
그라디언트 만들어 주는 사이트 http://www.colorzilla.com/gradient-editor/ - 그라디언트 만들어주는 사이트 - 버튼만들때 정말 좋은 것 같다. - IE9버전까지 잘 나온다 - 좋다~!
가운데 정렬 하면 가장 많이 생각 나는것이 text-align:center 혹은 margin:0 auto; 이다. 둘다 가로 가운데 정렬 할때 가장 많이 사용하는 것들이다. 그런데 세로 가운데 정렬 하려면 어떻게 해야 할까?? 폭풍 검색후 몇가지 방법을 찾아냈다. display:table 을 이용한 가운데 정렬 - 이전에 쓴글을 참고하자. - 이방법을 실제로 적용해 보니 편한 방법이긴 display 속성을 건들여야 하는 방법이어서 제약이 많을 것 같다. 실제로 적용 해봤는데 마크업이 단순한 경우에는 편리한데 복잡한 마크업으로 페이지를 만들었을 경우에는 안되는 경우가 많은 것 같다. position을 이용한 가운데 정렬_Type 01 1div { position:absolute; top:0; bottom:..
text-transform text-transform 는 대문자 또는 소만자로 바꾸는 속성이다. - none : 입력된 그대로 출력 - capitalize : 단어의 첫번째 글자만 대문자로 변경 - uppercase : 모든 글자를 대문자로 변경 - lowercase : 모든 글자를 소문자로 변경 - initial : 기본값으로 설정 - inherit : 부모 요소의 속성을 상속 받음 font-variant font-variant 는 대문자를 소문자 크기의 대문자로 바꿀 수 있다. - normal : 소문자를 작은 대문자로 변경하지 않음 - small-caps : 소문자를 작은 대문자로 변경 - initial : 기본값으로 설정 - inherit : 부모 요소의 속성을 상속 받음 둘 속성 모두 한글에서는..
HTML5 시맨틱(Semantic) 마크업 HTML5의 가장 큰 특징 중 하나인 시맨틱 태그 시맨틱(Semantic)은 "의미론적인"이란 뜻을 가진 단어이다. 즉 개발자와 브라우저에게 의미있는 태그를 제공한다고 이해하면 될 것 같다. 간단한 예로 는 non-semantic 태그라 볼 수 있고 , , 등은 semantic 태그라고 볼수 있다. 이면 표가 들어 갈 것이고, 는 네비게이션을 의미할 것이라는 것을 유추 할 수 있다. 즉 시맨틱 태그를 보면 태그 자체만 봐도 어떤 의미로 사용 된 태그인지 알 수 있게 된다. 이렇게 의미를 가진 태그는 검색엔진이나 그 이외에 기계적인 동작들이 웹페이지를 쉽게 이해 할 수 있게 된다. 사용은 를 사용하듯 사용하면 된다. 시멘틱 마크업 작성의 장점 - 접근성이 좋아짐 ..