TOOL (71) 썸네일형 리스트형 [Dreamweaver CC] 드림위버로 이미지맵 작업하기 드림위로 이미지맵을 작업할 때 초반 셋팅이 번거롭고 맨날 작업할 때마다 잊어먹는 상황이 발생한다. 1. 새로만들기 (윈도우 : ctrl+n / 맥 : cmd+n)-> html 스타일로 새로만들어야 한다. 2. view > split > code-design 를 활성화한다. 3. 만들고자 하는 이미지를 불러온다. 4. window > properties 를 활성화한다. 이제부터 작업하면 된다. * 총 셋팅한 화면 결과 [서브라임텍스트(sublime text)] snippet(스니펫) 사용하기 * 본 글은 iMac 환경 중심으로 작성 했으나 스니펫 설정은 윈도우 환경에서도 별다른 차이가 없을 것으로 생각합니다. * sublime text 3 실행 후, 상단 Tool 메뉴 > Developer > New Sinppet 상단은 New Snippet을 열었을 때 처음 나오는 화면. 서브라임 텍스트의 스니펫에 대한 기본 원리는 아래와 같다. '단축키(하단에 있는 tabTrigger 태그 안에 있는 단축키)를 누를 때 content 태그 안에 설정된 내용이 나온다. scope태그 안에 있는 '파일명.확장자'는 해당 내용의 알맞은 파일명.확장자를 말한다.' Hello, ${1:this} is a ${2:snippet}.]]> 밑줄로 기울어진 곳에 나오게 할 내용을 입력한다. hello 단축키와 같은 역할.. 모바일 디자인 시 참고할 만한 포스팅 및 템플릿 반응형 퍼블을 할 때면 모바일에서도 선명하게 보이기 위해 원래 디자인된 이미지 사이즈의 크기보다 적어도 2배이상 큰 이미지가 필요하다. 하지만 그걸 받아 본적은 손에 꼽는다......ㅎㅎㅎㅎ 그때그때 알아서 내가 포토샵을 키고 이미지 사이즈를 커스텀 했었다. 이런 와중에 리드트렌드에서 픽셀 밀도에 관한 포스팅을 접했는데, 훨씬 수훨하게 각 디스플레이에 맞춘 이미지 사이즈를 작업할 수 있는 템플릿을 발견했다. https://brunch.co.kr/@blackindigo-red/18 우선 이 링크를 타고 넘어가면 픽셀밀도에 대해 자세히 포스팅해놓은 글을 볼 수 있을 것이다. 또한 이 포스팅에서 간단히 이미지 사이즈 작업을 돕는 템플릿중 유독 아래 주소의 템플릿 제공 사이트가 눈에 띄었다. https://bj.. bem과 oocss를 혼합 사용한 airbnb의 css 아는 개발자 지인한테 들었던 airbnb css....BEM방법론은 알고 있어서 오호라~ 해가지고 요번에 만드는 포폴에 적용하려고 기획, 디자인까지 완성 해놓고 bem에 대해서 열심히 서치하고 있던 와중에 OOCSS이라는 방법론을 발견했다. OOCSS !? 는 또 무엇이란 말인가.. airbnb 에서는 BEM 과 OOCSS를 적절히 섞어 사용하여 각자의 단점을 최소화했다고 한다. 개인 깃허브에 fork를 해서 쭉읽어봤는데 역시 한글로 된게 편하다...ㅋㅋㅋㅋㅋㅋㅋ 구글링 해서 보니 BEM에 이어서 OOCSS에 대해 자세하게 한글로 친절히 풀어놓은 블로그가 있었다. https://medium.com/witinweb/css-%EB%B0%A9%EB%B2%95%EB%A1%A0-2-oocss-object-orie.. 기획, 디자인, 퍼블을 동시에 끝낼 수 있는 툴 오늘 아침 출근길에 평소 개발에 대해 얘기를 많이 해주시는 과장님을 만나 함께 오면서 나름 충격적인 툴을 들었다. 맥OS에서만 되지만 그 퀄리티가 상당한 스케치와 어도비에서 만든 어도비XD........말로만 듣고 사무실에 와서 스케치를 구글링해보니 내가 예전에 스쳐지나가면서 어라 이런 툴도 있었네?? 하고 다른 사이트 블로그에 잠깐 URL을 올려 포스팅을 한적이 있었던 것......ㅎㅎㅎㅎ스케치와 어도비XD는 생긴지는 꽤 오래 되었다고 한다. GUI형태로 마우스로 슥슥 그리면 html, css 코드까지 자동으로 완성된다고 한다. 과장님도 자기도 알고 깜짝놀랐다며 알고있느냐 물어오셨던 것이다.ㅎㅎㅎ 공부중이라 하시는데 진입장벽을 여쭤보니 그다지 높지는 않다고 한다. IT세계는 진짜 알수록 무궁무진하고 깊.. [서브라임텍스트(Sublime Text)] 서버 연결 글을 쓰다보면 한 개씩 또 떠오르곤 한다. 서브라임텍스트로 서버를 연결하는 것이 처음엔 많이 까다로웠는데 역시 해볼수록 느는 것 같다. 가장 많이 해맸던 부분을 먼저 말해보자면, 키설정이었다.........서브라임텍스트에 서버를 연결할 시에는 pem키가 아닌 ppk로 해야한다. 자세하진 않지만 간단히 연결법을 말해보자면 첫째, 서버에 올릴 디렉토리를 서브라임으로 가져온다. 주의할 점은 디렉토리안에 파일명들을 영문과 숫자만으로 해야한다. 한글은 No No... 둘째, 해당 디렉토리에 오른쪽 마우스를 눌러보면 SFTP/ FTP라는 메뉴가 있고 거길 마우스 오버하면 Map to remote 가 보일것이다. 그걸 클릭하면 sftp-config.json 파일이 생성되어 있다. 셋째, sftp-config.json.. [서브라임텍스트(Sublime Text)] 인코딩 에러 해결법 제목은 거창하게 썼지만 알고보면 되게 황당한 해결법이다ㅎㅎㅎ 포폴 정비좀 해볼까해서 다시 새로운 파일에 서버를 연결하려고 서브라임 텍스트를 켜서 연결 도중에 아래와 같은 인코딩 경고 메세지를 또 발견하게 되었다. 아는 사람한테 서버를 할당 받고 심심하면 엑스쉘로 파일을 올렸다 내렸다 장난 치고 그러는데 이 경고창이 심심치 않게 보였던 터였다. 모든 경로를 제대로 썼다고 생각했지만 쩝.. 이럴 때마다 어찌저찌 해서 무사히 리모트하긴했었는데 문제는 맨날 해결법을 까먹는다는거.... 그래서 블로그도 생겼고 해서 기억해놓을려고 겸사겸사 포스팅을 한다ㅎㅎㅎ 결론은 키(ssh_key_file) 설정을 할 때 똑바로안해준거.... ppk 키를 나같은 경우에는 이동식 메모리에 가지고 다니는데 문제는 이 이동식메모리를 .. 이전 1 ··· 6 7 8 9 다음
