목록전체 글 (91)
Rainbow
https://gold-dragon.tistory.com/38 float를 clear 하는 방법 float clear box1 box2 empty-box * { margin: 0; padding: 0; } .box-wrap { background-color: yellow; } .box1 { width: 100px; height: 100px; background-color: red; } .box2 { width: 100p.. gold-dragon.tistory.com 부모 요소의 가상 선택자 클래스 ::after로 clear: both; 속성을 적용 box1 box2 empty-box * { margin: 0; padding: 0; } .box-wrap { background-color: yellow; }..
https://webisfree.com/2014-11-26/[jquery]-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%9D%B4%EB%8F%99-%EB%B2%84%ED%8A%BC-%EB%A7%8C%EB%93%A4%EA%B8%B0-animate%EB%A9%94%EC%86%8C%EB%93%9C-scrolltop [jQuery] 스크롤 이동 버튼 만들기, animate메소드, scrollTop 자바스크립트를 사용하여 페이지를 최하단 또는 최상단으로 이동시키기 위한 버튼을 보셨나요? 아래 스크린샷의 우측하단을 봐주세요. webisfree.com
-- 4월 29일 면접 자기소개 1분 -> 경력사항에 대해 물어봤음 -> 구체적인 회사 소개 -> 주 거래처(아웃소싱업체, 화장품/자동차 업체) 현재는 연구진 개발회사 업체에서 거래처 일을 주고 받는다. 적응 빠르면 수습없음 느리면 수습2개월 프로토타입으로 작업된 파일을 받고 작업을 한다 근무탄력제 10시, 12시... 외출 3시간 이내에서 2시간으로 앞당겨 사용할 수 있다. 웹폰트 , 디폴드 폰트, 레이아웃 배치 등을 작업한다. 여기 회사는 .... 1. 네이밍을 규칙적으로 사용할 수 있는 공간(bem_naming) 2. 이미지 유료로 가져와 사용한다. 3. 아이콘과 배경 이미지와 소스 자료 카페24에서 가져와서 사용 4. html 과 css3 위주로 활용하여 작업한다
Adobe XD를 아시나요? XD에서는 벡터 디자인과 와이어프레임 뿐만 아닌 프로토타입 제작 기능까지 제공하는데, 피그마도 기능이 유사합니다. XD는 곧 유료화가 될 수도 있다는 말이 있어, 피그마로 넘어왔는데 생각보다 만족했습니다. [피그마의 장점] 1. 실시간 저장 문서 작업을 할 때는 수시로 Ctrl+S를 눌러 저장을 하죠. 피그마는 저장을 따로 하지 않아도 실시간으로 저장이 되기 때문에 날라갈 일이 없습니다. 2. 실시간 협업 및 공유 피그마는 파일 형태가 아니라, 구글독스처럼 Url로 공유를 할 수 있습니다. 그래서 Url이 있는 사람들은 모두 같은 화면을 보며 수정되는 것을 실시간으로 확인할 수 있습니다. 마우스 커서 위치도 표시가 되기 때문에 즉각적으로 현황을 공유할 수 있어요. 3. 올인원..
이 a 요소는 바로 페이지를 이동하는 링크 역할을 합니다. HTML의 약자의 'Hyper Text'가 바로 a 요소라 할 수 있고, 그만큼 웹에서 빠질 수 없는 요소입니다. a 요소는 다음과 같이 적습니다. 웨버스터디 홈으로 가기 a 요소에서 href 속성에 원하는 주소를 적어주면 a 요소가 감싸는 텍스트를 클릭 시에 해당 주소로 이동합니다. 여기서 'href' 속성은 'Hyper Reference'를 줄여 만든 것입니다. '다른 차원에 대한 참조' 정도로 이해하시면 될 거 같고요. 아까 img 요소의 'src' 속성은 'Source'의 줄임 말 입니다. 말 그대로 소스로 이해하시면 됩니다. 종종 이 두 가지 속성을 헷갈릴 때가 있는데, 잘 기억하시기 바랍니다. a:link= 링크가 걸려있는 부분의 기본..