2.자격요건 & 우대사항 :
- 웹 표준 작업 가능한 분
- Javascript 혹은 DOM 활용 가능한 분
- 웹표준 코딩에 대한 열정을 지닌 분
- 대형 사이트 경험자 우대
3. 제출서류 : 이력서, 자기소개서, 포트폴리오
4. 복리후생 :
4대보험, 주5일근무, 퇴직연금제 등의 일반적인 사항 외에
- 탄력 출퇴근제 (9am~6pm , 10am~7pm)
- 휴가 및 연차 (1년 기준 연 15일, 3년 근속 이후 근무연수에 따라 추가)
- 미사용 연차 환급 (포상, 보상 등으로 추가되는 유급휴가는 제외)
- 야근/휴일근무 수당 별도 지급 (직급별 수당)
- 장기근속자, 우수사원 포상 (포상금 및 유급휴가)
- 수익에 따른 인센티브 지급 (상반기 7월, 하반기 다음해 1월 지급)
- 학자금 지원
- 노사협의회 운영 (행복협의위원회)
- 음료, 빵 제공
5. 지원방법 : 본사 채용시스템으로 등록
홈페이지( http://astrum.co.kr )에 접속하셔서 오른쪽 메뉴의 Job Opportunities 메뉴로 등록하면 됩니다.
6. 문의 : pub@astrum.co.kr
[회사소개]
* 회사명 : (주)ACG
* 주소 : 서울 강남 논현 99-7 럭스웨이빌딩 3/4층
* 웹사이트 : http://www.astrum.co.kr/
* 수상이력
2003년 한국광고대상 인트랙티브 광고 부문 Finalist 선정
2004년 삼성인상 인트랙티브 디자인 부문 수상
2004년 London International Awards Finalist 수상(Finalist Certificate)
2005년 Webby Awards 베스트 애니메이션&무빙 분야 Winner, 동 분야 및 텔레커뮤니케이션 분야 People’s voice 수상
2005년 Clio Awards Shortlist 수상
2005년 New york Festivals 2개 부문 Finalist 수상 (Finalist Certificate)
2006년 Webby Awards 텔레커뮤니케이션 분야 People’s Voice Award 수상
2006년 D&AD Interactive media 분야 Nominee 선정
2006년 디자인진흥원주관 커뮤니케이션 디자인 부분 GD마크 2개 획득
2006년 웹어워드 코리아 전체 최고대상 수상(모뮤), 대기업 일반 부문 최우수상(SK Group), 대기업 일반 부문 우수상(Innocean worldwide)수상
2007년 웹어워드 코리아 디자인 이노베이션 대상(삼성에버랜드 기업 사이트), 그 외 5건 분야별 우수상 수상
2008년 웹어워드 코리아 서비스 이노베이션 대상, 분야별 대상 2 건, 최우수상 1건 등 5개 부문 수상
2008년 Korea Digital Media Festival 어워드 Visual Design부분 특별상 등 4개 부문 수상
2009년 세계 3대 디자인어워드, 독일 iF communication design award 2009 수상 (현대카드3.0)
2009년 웹어워드코리아 최고대상 수상 (현대카드3.0)
점선이 아닌 일반 선으로 바꿀수 있나요?
]]>html부분
<td class="col1">
<input type="text" class="box70 " />
<span>@</span>
<input type="text" class="box64 " />
<select class="select55">
<option>검색</option>
</select>
</td>
css부분
#loginWrap .loginContent td.col1
{
height:29px;
}
#loginWrap .loginContent .box70
{
width:68px;
height:15px;
border:1px solid #c0bebe;
margin-right:3px;
}
#loginWrap .loginContent .box64
{
width:62px;
height:15px;
border:1px solid #c0bebe;
margin-left:3px;
}
#loginWrap .loginContent .select55
{
width:53px;
height:17px;
border:1px solid #c0bebe;
margin-left:4px;
}
글로벌하게 진행되는 프로젝트 환경에서 일할 도전적인 웹 개발자를 모집합니다.
- 글로벌 검색 서비스 Front-end 및 UI 개발
- Front-end 성능향상 및 최적화
- 아키텍, 디자이너, 제품 기획자, 개발자 등의 팀 또는 담당자들과 협업을 통한 서비스 개발
Qualifications
- 최소 3년 개발 경력
- 자바스크립트, CSS, HTML, PHP와 i18n을 포함한 웹 기술에 대한 이해와 경험
- 영어로 의사소통 가능
지원하기(Search Front End Engineer): https://kr.info.yahoo.com/career/career … ruitIdx=61
** 글로벌 야후!의 검색 서비스를 개발하면서, 국제적인 경쟁력을 키울 수 있는 경험과 배움의 기회를 잡아보세요.
]]>저는 쭉~ xhtml1 transitional 모드로 코딩을 해왔는데요.
html이냐 xhtml이냐가 중요한게 아니라, transitional이냐 strict냐가 더 중요하다는 글들은 많이 봐왔고
저도 그렇다고 생각했었습니다. (transitional이란 단어가 가진 뜻이 그러하듯.)
그럼에도 불구하고 현실(개발단에서의 iframe사용)에 부딪쳐 transitional 모드로 코딩을 해야 했고,
html이 아닌 xhtml을 선택한 이유는 xml의 장점을 가지고 있다는 것과
깐깐한 문법 덕분에 상위 호환성면(변화에 대해 리스크를 줄일 수 있을 것)에서 더 유리할 것이라 판단해서 였습니다.
그런데, html5로 인해서 많이 혼란스럽습니다.
html4가 html5로의 호환성이 좀 더 좋다는 사실과 마크업 발리데이션도 좀 더 느슨하잖아요.
그러면 일단 개발작업 이후에 생기는 여러가지 마크업 오류들을 솎아내는 시간을 절약할수 있으니,
저도 편하고 백단 개발자들도 편하구요.
그리고, 유지보수 때도 요런저런 실수들(생략되는 속성들이나 xml파싱으로 문자변환,캐틱터데이타 선언 등등..)을 신경안써도 되구요.
나중에 브라우저가 html5지원을 다 할 즈음에는 dtd만 바꿔서 부분부분 적용하면 되니 이래저래 좋겠더라구요.
그리고, strict를 써야할 이유도 이젠 잘 모르겠습니다.
그 용어 자체가 html5 가 가진 유연함이라고 해야될까요? 그런것과 거리가 있는것 같습니다.
여러분 생각은 어떠신지 궁금합니다.
제가 간과하고 있는 부분이나 잘못 판단하고 있는 부분이 있다면 조언 좀 부탁드리겠습니다.
ps. 혹시 html4 아닌 xhtml로 독타입으로 씀으로써 이런 부분들이 좋았다..라는 사례가 있으신지도 궁금합니다.
xml의 장점이라고 늘상 애기하는 몇몇 것들이 이론적으로는 이해가 되지만, 사실상 직접 확인해본적이 없어서요.
저의 문제점 :
HttpWatch Basic로 확인했을때, 해당 스크립트적용된 이미지들이 페이지를 열때 미리 다 로드되어버리고.. 스크롤하면 캐쉬에서 가져오는 현상
http://www.appelsiini.net/projects/lazyload
이 페이지에있는 DEMO 페이지를 확인해보면 여긴 제대로, 스크롤될때 이미지를 로드하는걸 확인할수 있는데요
똑같은 페이지를 제 서버에 올려놓고..
이미지 경로를
http://www.appelsiini.net/projects/lazy … 1_hood.jpg
이렇게 하면 잘되구요
이미지 경로를
/img/bmw_m1_hood.jpg
이렇게하면 안됩니다 ㅜㅜ (한마디로 이미지를 제 서버에 올려놓고 테스트하면 문제점이 발생함)
혹시 서버에 무슨 설정이 필요한걸까요? 아님 다른 무엇이 필요한걸까요..?
]]>
var cartpdlistno = $('div.cart ul.qpdlist').length;
var i=1;
$('div#quickmenu div.cart span.apage').text(cartpdlistno);
$('div#quickmenu div.cart li.left button').click(function() {
i++;
if ( i <= cartpdlistno) {
var leftqbrotate = parseFloat($('div#quickmenu .cart .qbrotate').css('left'));
var targetleft = leftqbrotate-62;
$('div#quickmenu .cart .qbrotate').animate({left:targetleft+'px'}, 'fast');
$('div#quickmenu div.cart span.ppage').text(i);
}
else if ( i > cartpdlistno+1) {
var leftfinn = 1(cartpdlistno*62)
$('div#quickmenu .cart .qbrotate').css('left',leftfinn+'px');
i=cartpdlistno;
}
else {i=cartpdlistno; return false;}
});
$('div#quickmenu div.cart li.right button').click(function() {
i--;
if ( i >=1) {
var leftqbrotate = parseFloat($('div#quickmenu .cart .qbrotate').css('left'));
var targetleft = leftqbrotate+62;
$('div#quickmenu .cart .qbrotate').animate({left:targetleft+'px'}, 'fast');
$('div#quickmenu div.cart span.ppage').text(i);
}
else if ( i = 1) {
$('div#quickmenu .cart .qbrotate').css('left','0');
i=1;
}
else {i=1; return false;}
});버튼을 클릭하면 값이 하나 증가하거나 감소하면서 이미지 목록이 스르륵 움직이는 스크립트입니다.
이미지 목록을 스르륵 움직이기 위해 left값을 아래와 같이 받아오는데, 이 부분이 문제입니다.
var leftqbrotate = parseFloat($('div#quickmenu .cart .qbrotate').css('left'));FF에서는 숫자값을 제대로 받아오는데, 다른 브라우저에서는 값을 제대로 받아오지 못합니다.
parseFloat는 단위를 떼어내고 값을 받아오기 위해 썼는데, 혹시나 하고 삭제해봐도 여전히 제대로 못 받아옵니다.
어디가 문제일까요?;;
jQuery 쓰면 크로스 브라우징 이슈는 걱정하지 않아도 될 거라고 생각했는데, 뭔가 제가 잘못한 거겠지만 이런 문제가 발생했네요 OTL
]]>들어보니 놀랍네요!
모든 레이아웃, 리스트, 네이게이션, 버튼, 폼, 모든 것을 만들 수 있더라구요. 움직임까지 환상!
비주얼베이직에서 작업하던 것처럼 그냥 컨트롤들을 원하는 자리에 갖다 놓기만 하면 되는 간편한 작업!
그리고 "어느 브라우저에서나 잘 보여서 플랙스를 이용해서 만드는 그자체가 웹표준을 지키는 거다" 라고 하더라구요. 맞나요? 의심..의심..
그렇게 되면, 우리가 열나게 하고 있는 표준화작업은 필요가 없어지는건가요?
그렇다면.. 헉 먹고 사는데 막대한 지장이!! (빨랑 플랙스 배워야 겠다!!)
그냥,, 플랙스에 대해서 어떻게 생각하고 계시는지 해서요, 웹상에서 플랙스로 찾아봐도 눈에 띄는 글도 없고 해서 말이죠.
그렇게 웹페이지 전체를 플랙스로 만들기도 하는지..?
웹표준에 그냥 맞춰지는건지?
느리거나 하지는 않은지?
진짜 차세대 웹인지?
너무 모른체로 여쭤봐서 죄송합니다~ 관련 글 링크를 주셔도 감사!
-----
요건 주제에서 벗어난 이야기인데,
제가 지금 회사 홈페이지를 웹접근성인증을 받을려고 작업중이거든요. 카도와로 하는 1차 검증은 합격했답니다. 호호.(주책-_-)
인제 2처전문가검증하고, 3차사용자검증이 남았는데.. 플래쉬를 사용한 메뉴 땜에 자꾸 맘이 걸려서요...
플래쉬를 메뉴에 사용할 때, 대체메뉴 넣어주는 것 까지는 했는데.. tabindex 그것도 추가 시켜줘야 표준인가요?
그렇다면, tabindex 넣는 방법 잘 나와있는 사이트 아시는 분 좀 알려주세요. -_-;
플래쉬 도움말을 읽어봐도 잘 모르겠어서..;;;
이게 스크립트와 오브젝트를 활용한 장치를 마련하라는 거면 문제가 있는 것 같은데요.
저는 각 브라우저 별로 차이는 있지만 화면 확대축소 기능이 기본 포함되어있고,
사용자 PC 에 설치된 스크린리더기와 충돌을 야기할 수도 있다는 걸로 알고 있습니다.
아직 이런 입장 정리가 확실치 않은 것 같습니다.
작업자의 입장에서 어떻게 대처를 해야할까요?
테이블을 두 개 만들어서 아래쪽 테이블을 스크롤이 있는 div 태그로 감싸는 방법을 제일 많이 쓰는 것 같은데, 이 방법으로는 th와 td의 연관성이 없어지네요.
th 부분을 이미지로 만들고 테이블의 실제 th부분은 감추는 방법을 생각해봤는데, 여러 번 써야 하는 경우에 범용적으로는 쓸 수가 없더라구요.
혹시 좋은 방법 아시는 분 알려주시면 고맙겠습니다.
+
테이블 하니 또 궁금한 것이... CDK 포럼 목록을 보면 목록부분을 다 리스트 태그로 처리하고 각 주제 갯수, 글 갯수 등은 해당 항목마다 감춰서 정보를 제공하고 있는데요. 예를 들면 39(주제) 이런 식입니다. 근데 포럼 목록이야말로 테이블로 처리하는 편이 더 간단하고 구조적으로도 맞지 않을까 하는 주제넘은 궁금증이 늘 들더라구요. 목록 태그를 쓴 것을 이렇게 완전히 테이블처럼 보이게 한 스타일 사용법은 감탄하고 있지만요.
경력직 - 해당경력 1년 이상
신입 - 열심히 하려는 마인드!
XHTML, JavaScript, CSS에 대한 지식이 있는분 (W3C 표준안에 대한 지식보유자)
웹표준, 웹접근성 코딩 가능하신 분
[제출서류]
이력서 : 지원분야, 희망연봉 반드시 명시
자기소개서 : 경력중심으로 적어주세요
포트폴리오 : 본인의 역할 및 참여도 기재
- ex ) 지원분야_홍길동_100824.doc
[근무조건]
정규직
4대보험
주5일근무
연월차 휴가
+ 책지원
업무관련 도움되는 책을 선택하여 신청하시면 지원해 드립니다.
[채용절차]
1차 : 서류전형 (합격자 개별통보)
2차 : 실무면접
3차 : 임원면접
[이메일제출]
master@eluocnc.com
[홈페이지]
http://www.eluocnc.com/
[회사위치]
서울 마포구 창전동 5-9 서문빌딩 7층
+ 특전
홍대근처 맛집리스트 정리한 것 공유 해 드림!!!!!
점심을 먹고나니 오잉? 여기가 홍대 맛집!
많이 많이 지원해주세요~ ^0^ ♡
]]>SK커뮤니케이션즈 UI Development팀에서 함께 일할 UI개발자를 모집합니다.
자세한 사항은 아래의 내용을 참고해 주세요.
1. 모집부문 : UI 개발자 0명 (정규직)
2. 지원자격
- 학력사항 : 무관
- 관련전공 : 전공무관 (관련 전공자 우대)
- 병역사항 : 병역필,면제자
3. 기타 자격요건
[UI 개발] 웹표준 UI개발 (경력 2년 이상)
- 웹표준 마크업 (XHTML/CSS/HTML) UI개발자
- DOM, Javascript, 크로스브라우징 등에 대한 이해와 기술을 갖춘 자
- 웹 기술 트렌드 대한 이해
- 웹문서 최적화에 대한 이해와 기술을 가진 자
- 웹표준 마크업 UI개발 프로젝트 경력자
[우대사항]
- 포털/온라인서비스 마크업 UI개발 유경험자
- 각종 플랫폼에 대한 개발 관련 지식보유한 자
- DOM, Javascript, Ajax UI개발 유경험자
4. 지원서 접수 : 2010/08/23 ~ 2010/09/05
5. 채용희망일 : 2010/10
6. 제출서류 : 사진부착, 개인연락처, 경력위주의 자기소개서(포트폴리오 URL 기재 필수)가 포함된 이력서
7. 전형절차 : 지원서접수 - 서류전형 - 인성,적성검사 - 실무면접 - 임원면접 - 입사
8. 복리후생 : https://recruit.nate.com/company/recruit_system.asp 참고
9. 지원방법 : 입사지원은 당사 채용홈페이지를 통해서만 가능합니다. (http://recruit.nate.com)
10. 문의 : recruit@nate.com
회사에 대한 자세한 정보는 http://www.skcomms.co.kr/ 에 접속하시면 확인하실 수 있으며,
많은 분들의 적극적인 지원 부탁드립니다.
감사합니다.^^
]]>(주)드래곤플라이 WEB팀에서 UI개발자를 찾고 있습니다.
많은 지원 부탁드립니다.
[담당업무]
- UI개발(html/css/javascript)
- 웹사이트 구축 및 운영
[지원자격]
- 동종 업계 경력 2년 이상
- 웹표준에 대한 이해와 관련 경력이 충분하신 분
- 원만한 대인관계와 효과적인 커뮤니케이션 가능한 분
- 긍정적인 마인드를 가진 분
- 업무에 열정과 책임감이 있는 분
- 팀웍과 단합을 위해 노력하시는 분
[우대사항]
- javascript를 잘 다루시는 분
- 게임 회사 근무 경력이 있는 분
- 라이브 서비스 경험이 있는 분
- 개발 협력 센스를 겸비하신 분
[기타 사항]
- 서류 심사에 통과한 분에 한해 개별적으로 결과를 알려 드립니다.
- 제출서류는 반환하지 않습니다.
- 국가보훈대상자는 관련법규에 의거, 우대합니다.
- 회사소개는 홈페이지(http://www.dragonflygame.com/)를 참조 부탁 드립니다.
[접수방법]
- 회사 홈페이지 채용지원을 통해서 지원해 주시면 됩니다.
여기까지는 복사해서 붙여넣기 _-..
채용절차와 복리후생에 대한 내용은 홈페이지를 참고해주세요.
정정합니다. 자리는 선택하실 수 있습니다. _-..
]]>K-WAH 로 한번 검사를 돌려봤는데,
A 태그에 #만 링크가 걸린 것에 대한 문제를 잡아내네요.
네, 물론 오로지 자바스크립트로만 링크를 처리하면 문제가 되잖아요.
그런데 그거 말고 자바스크립트로 만 처리를 할 수 밖에 없는 액션 같은거는 어떻게 하나요?
(예를 들어 꿍디꿍디...가 아니라 '이전/다음배너 출력' 과 같은 기능 말이에요)
페이지 이동도 없는거고... 링크는 걸어야 겠고...
아싸리 A태그 쓰지 말고 img태그에 onclick 걸어버릴 수도 없잖아요.
이거 아시는 분 계시면 좀 알려주세요..ㅠㅠ
]]>