글 검색 결과 - 공부하고/웹표준 (총 15개)
공부하고/웹표준
This post is licensed under the Creative Commons License 2.5
ajax, ajax, ajax 뭐 지금도 말들이 많다.
근데 ajax가 요즘 주객이 전도되어버린 느낌을 계속 느낀다.
그냥 맹목적으로 ajax를 사용하는것이다.
어떤 웹서비스를 제공하는데 있어서
좀더 편리한 사용자인터페이스를 위해 ajax를 선택하는게 아니라.
ajax를 위한 ajax를 사용한다고 해야할까?
ajax 열풍을 불러온 구글맵을 예로 들더라도
계속해서 지도를 불러온다면 그 요청수도 많거니와 계속해서 페이지리로딩까지 된다면
구글맵을 사용할사람이 없었을것이다.
그래서 비동기식 기술인 ajax를 사용하게 된것이고 뭐 여튼 이러저러한 배경이 있었다고 본다.
구글에서의 물론 몇몇서비스는 javascript를 끈 상태에서는 작동하지 않는 구글의 ajax를 이용한 서비스도 있지만
gmail이나 기타 다른 서비스들은 javascript를 끈 상태에서도 정상적인 이용이 가능하다.
그런데 우리나라의 웹서비스는 말했다시피 ajax를 위한 ajax를 사용해버리는 바람에
자바스크립트를 꺼버리면 그에 대한 아무런 대책이 없어서
그 어떤 액션도 동작하지 않아버리는 말그대로 html 페이지가 되어버리는게 수두룩하다.
공부하고/웹표준
This post is licensed under the Creative Commons License 2.5
웹표준에 대한 관심이 점점 커지고 있다.
점점 많은 웹사이트들이 웹표준을 준수하려고 노력하고 있으며
또한 웹표준을 배우고 적용하려 하고 있다.
이러한 시장에 요구에 맞춰서 웹퍼블리셔라는 직군이 새로이 다시 비춰지고 있다.
시장이 웹퍼블리셔를 요구하고 있지만
정작 이에 대한 충분한 지식을 가진 웹퍼블리셔가 많지 않은게 사실이고,
전문가 또한 부족한 것이 사실이다.
일찍이부터 웹표준에 관심을 가진 해외 다른 나라에 비해서 우리나라는
웹표준에 대한 정보가 턱없이 부족하다.
우리나라에서 기껏 구할수 있는 웹표준 서적이라고는
실용예제로 배우는 웹표준
방탄웹
head first xhtml/css
이렇게 손에 꼽을 만큼 그 수가 적다.
이번에 또 한권의 좋은 번역서가 나왔다.
1장 기초 다지기
구조가 탄탄한 코드 만들기
의미를 살린 마크업
ID와 클래스 이름 짓기
div와 span
문서 유형, DOCTYPE 전환, 브라우저 모드
유효성 검사
브라우저 모드
DOCTYPE 전환
스타일을 꾸밀 대상 선택하기
선택자 활용 기초
유사 클래스 선택자
전체 선택자
고급 선택자
자식 선택자, 인접 형제 선택자
속성 선택자
캐스캐이드 효과와 적용순서
지정순위
스타일시트에서 지정순위 활용하기
body 태그에 클래스나 ID 지정하기
상속
스타일 시트를 계획/구성/관리하는 방법
문서에 스타일 적용하기
코드 주석 활용법
구조 표시를 위한 주석
작업 기록을 위한 주석
주석을 제거하고 스타일시트 최적화하기
스타일 가이드
손쉬운 스타일시트 유지관리법
요약
2장 화면 표시를 위한 모델 완벽 정리
박스 모델 완벽 정리
윈도우용 인터넷 익스플로러의 박스 모델
마진 겹침 현상
포지셔닝 완벽 정리
화면 표시 모델
상대 위치
절대 위치
고정 위치
플로팅
라인박스와 플로트 해제 방법
요약
3장 배경 이미지와 이미지 대치 기법
배경 이미지 기초 다지기
둥근 모서리 상자 모양 만들기
고정폭 둥근 모서리 상자 모양
유동폭 둥근 모서리 상자
마운틴탑 코너
그림자 효과
간단한 그림자 효과 내기
Clagnut 스타일 그림자 효과
부드러운 그림자 효과 만들기
여러 겹으로 만드는 그림자 효과
이미지 대치 기법
FIR 방법
파크 방법
길더/레빈 방법
IFR와 sIFR 방법
요약
4장 링크 모양 꾸미기
링크 스타일 기초
밑줄치며 놀기
예쁜 링크 밑줄 만들기
링크 유형별로 스타일 지정하기
문서나 뉴스 피드 다운로드용 링크 꾸미기
버튼과 롤오버 효과 만들기
롤오버 기초
이미지를 사용한 롤오버 효과
픽시 방법을 이용한 롤오버 효과
방문한 링크 스타일 꾸미기
CSS로만 만드는 툴팁
요약
5장 리스트 스타일과 내비게이션 바 만들기
리스트 스타일 기초
세로형 내비게이션 바 만들기
내비게이션 바에서 현재 페이지 표시하기
가로형 내비게이션 바 만들기
슬라이딩 도어 효과의 탭 내비게이션 바 만들기
CSS 이미지 맵 만들기
플리커 스타일의 이미지 맵 만들기
리모트 롤오버 만들기
정의 리스트
요약
6장 접근성 높은 폼과 테이블 만들기
데이터 테이블 스타일 꾸미기
테이블 관련 엘리먼트 소개
써머리와 캡션
thead, tbody, tfoot
col, colgroup
데이터 테이블 마크업 만들기
테이블 스타일 꾸미기
화면 모양 만들기
추가 사항 처리
간단한 폼 레이아웃 만들기
유용한 폼 엘리먼트
폼 레이블
기본 레이아웃
기타 엘리먼트 처리방법
장식 마무리하기
필수 입력항목
복잡한 폼 레이아웃 만들기
접근성을 고려한 데이터 입력 방식
다단 레이아웃의 체크박스
폼 에러 메시지 만들기
요약
7장 레이아웃
디자인을 가로 중간에 배치하기
auto 마진 이용 방법
포지셔닝 음수 마진값 이용 방법
플로트 기반의 레이아웃
플로트를 이용한 2단 레이아웃
플로트를 이용한 3단 레이아웃
고정 레이아웃, 유동 레이아웃
화면비례형 레이아웃
글자비례형 레이아웃
글자비례-화면비례 혼합형 레이아웃
글자와 화면크기에 따라 늘어나는 이미지
가짜 단 모양 만들기
요약
8장 핵과 필터
핵과 필터
핵과 필터 사용에 대한 경고
핵 사용시 유의점
개별적인 스타일시트에 필터 적용하기
인터넷 익스플로러 조건 주석문
밴드 패스 필터
개별적인 규칙과 선언에 필터 적용하기
자식 선택자 필터
속성 선택자 필터
별표 HTML 필터
맥용 IE의 주석처리된 백슬래시 핵
속성에 이스케이프 문자를 사용하는 핵
탄텍 박스 모델 핵
쉽게 개선된 박스 모델 핵
!important와 언더바 핵
오웬 핵
요약
9장 브라우저 버그 해결하기
버그 잡기
흔히 발생하는 CSS 문제
지정순위와 정렬방법 오류
마진 겹침 현상
버그 잡기 기초
문제 분리하기
테스트 범위 최소화하기
증상이 아닌 문제원인 바로 잡기
도움 요청하기
레이아웃
레이아웃이란?
레이아웃 때문에 생기는 효과
흔히 발생하는 버그 해결방법
더블마진 플로트 버그
텍스트 주변에 3픽셀 공간 표시 버그
IE 6의 문자 중복 표시 버그
IE 6의 피커부 버그
상대좌표 컨테이너에서 절대좌표 지정
인터넷 익스플로러 관련 이야기
요약
부록Ⅰ 동호회 사이트 만들기
적용 사례 소개
하위 선택자를 이용한 컨텐트 영역 조정
XHTML 구조
명명 규칙에 대해
3단 레이아웃
2단 레이아웃
1단 레이아웃
불필요한 단 제거
컬럼 띄우기
계산방법
올바른 위치에 컬럼 띄우기
body 클래스를 이용해서 현재 페이지 표시하기
드롭인 박스
둥근 모서리 상자 만들기
평면 흰색 상자
특별한 모양 만들기
투명 모서리와 테두리선
이미지
CSS
원하는 동작을 위한 클래스 조합
이미지 클래스
기본 이미지
테두리선 없는 이미지
큰 이미지
링크 모양 꾸미기
사이드바 링크
방문한 링크 표시하기
LVHA가 아니라 LAHV 사용하기
외부 링크 다르게 표시하기
그림자 효과 만들기
그림자 이미지 만들기
이미지에 플로팅 지정하기
요약
부록 II 투스카니 럭셔리 리조트
적용 사례 소개
유동적인 레이아웃
본문과 컨테이너
masthead
컨텐트와 사이드바
유동적인 속성
푸터
유동 레이아웃 관련 문제 해결하기
절대위치를 이용한 엘리먼트 배치
위치 관련 속성
쌓는 순서
배경 이미지 관련 기법
상단을 3개로 나누기
방탄웹 기법 적용하기
이미지 대치 기법
로고 이미지 대치
첫 대문자 이미지 대치
유동적인 이미지
유동적인 이미지를 위한 코딩
리스트 항목 하나에 여러 엘리먼트 넣기
메뉴 코드 작성
요약
목차가 대단히 긴걸로 봐서
또한 가격이 28000원이라는 만만치 않은 가격을 보아하니
이번 책은 많은 컨텐츠들이 담겨있다고 예상할수 있다.
목차에서만 보아도 관심있는 챕터들이 많이 존재하고
여러가지 경우에 대비한 챕터제목들이 눈에 띈다.
나 또한 웹에 종사하는 사람으로서 필독서로 가지고 있어야할 책이 기분좋게 한권 늘어버렸다.
공부하고/웹표준
This post is licensed under the Creative Commons License 2.5
1회는 아쉽게 날짜가 맞지 않아서 참석못했는데
이번에는 후원을 힘입어 좀 더 럭셔리(?)하게 진행되는것 같은 두번째 웹표준 모임이다.
딴청피우느라 늦게 알아서 선착순 50명에 끼지 못하고 대기자 6번에 이름을 올렸는데 발만동동 구르고 있다.
이번에 참석하게 되면 곧 출시될
Sun Board에 대한 소개를 잠깐 하려고 한다.
공부하고/웹표준
This post is licensed under the Creative Commons License 2.5
정말 힘겹게 달려왔다.
사람과 일에 치여가면서 시간도 없었다.
대충 만들면서
뭐 내가 이런거 만들어도 누가 알아주나 하는 마음에 시간도 없고
요즘 스트레스도 많이 받는데 이걸로 더욱더 스트레스받아야 하는가 하면서
그만둘까도 많이 생각했다.
그런데 결국 알파버전이 나왔긴 나왔다.
뭔가 내놓았긴 내놓았는데
마치 발가벗은채로 시내 한복판에 내놓댕이 쳐진기분이다.
내 치부를 들킨것 같기도하고
민망하기도 하고 쪽팔리기도 하다.
시원한 욕이라도 좋으니 한바가지 해주는 사람이라도 많았으면 좋겠다.
http://playsb.com
공부하고/웹표준
This post is licensed under the Creative Commons License 2.5
나: 찬성/반대 표가 숫자가 변경 되면 댓글 글자 색이 진해지거나 엷어지면 어떨까?
이거 완전 기막힌 생각이다.
게시물이 추천을 받거나 조회수가 올라가면 글자크기가 커진다던지,
글씨 두께가 점점 두꺼워진다던지 하게 하고,
스팸성글이나 낚시글, 비추천많이 들어오는 글은
글씨 색을 점점 옅게해서 결국 글씨색이 하얀색이 되서 안보이게 하는것.
재미있는 게시판 되겠는걸.
