본문 바로가기

Design

이미지 맵 쉽게 만들기! Image Map Generator 사이트 링크 : https://www.image-map.net/ Free Online Image Map Generator Easy free online html image map generator. Select an image, click to create your areas and generate html your output! www.image-map.net 구시대의 산물같지만 아직도 이미지 맵이 필요한 순간이 있다. 그 순간에 드림위버며 뭐며 너무 복잡해서 싫을때 아주아주 간단하게 이미지맵을 추출 할 수 있는 사이트! 직관적이라서 보기 좋고 만들기 쉬워서 사용하기 간단하고 좋다. 코드를 바로바로 추출해서 쓸 수 있어서 생각보다 자주 사용하는 사이트 :) 더보기
웹 페이지 속도 개선 체크하기. PageSpeed Insights 사이트 주소 :developers.google.com/speed/pagespeed/insights PageSpeed Insights 모든 기기에서 웹페이지 속도를 개선해 보세요. PageSpeed Insights 서버에서 페이지 분석 중 developers.google.com 인터넷 환경이 다른 해외 접속자를 고려해서 스피드를 체크할 수 있는 사이트..! 개선 사항을 봐도 뭔가 현실과는 좀 다르긴 하지만 참고하기 좋다. 구글에서 만들었는데 구글 모바일 점수가..?! 구글 모바일 페이지에 진짜 아무것도 없던데도 점수가 저러면 다른 사이트는...? 😓 깐깐하구만... 더보기
호환.. 되나요? 각종 웹 소스들 호환 여부 체크✔하는 사이트 사이트 주소 : caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc caniuse.com 각종 코드며 이미지 호환이며 등등 브라우저 별로 호환이 얼마나 되는지 체크해서 알려주는 사이트... 일할때 참고하기 좋다 :) 더보기
이미지(jpg, gif, png 등) 무손실(?) 압축 사이트 4곳 소개, 써보기. 1. 크라켄 Kraken.io Image Optimizer Kraken.io is a robust, ultra-fast image optimizer. Thanks to its vast array of optimization algorithms Kraken.io is a world ahead of other tools. Want to save bandwidth and improve your website's load times? Look no further and welcome to Kraken! kraken.io 심플한 UI와 다양한 이미지 옵션도 지원한다. 괜찮은 압축률과 구글 드라이브나 드롭박스와 연동이 되는 등 부가적인 기능이 있고, 유료 플랜도 있는게 특징. 2. compressjpeg 온라인으로.. 더보기
GuideGuide 유료화 😭 대체할 수 있는 프로그램 Assistor Ps 포토샵 플러그인으로 잘 사용하고 있던 guideguide가 유료화되었다. 얼마 전 까지만 해도 부분 무료여서 좀 안되는 기능은 있어도, 단순한 그리드는 사용가능해서 잘 쓰고 있었는데... 지금은 그 마저도 라이센스 시리얼이 필요하게 되었다. 가격은 한달에 5.5달러 = 약 6500원 정도고, 일년에는 39.6달러 = 약 4만 7천원 정도다. 부담이 되는 가격은 아니지만 단순 플러그인을 구매하기엔 좀 아까운 기분이 들고, 충분히 대체할 수 있는 프로그램을 이미 알고 있기에! 대체 가능한 프로그램은 바로 Assistor Ps 국내에서 만들었고, 가이드가이드를 알기 전에 이미 유료 프로그램으로 판매했다가 무료로 전환했다고 한다. 무료로 전환하고 프로그램을 더이상 배포 안하고 홈페이지도 닫혔던 걸로 알고 있는데.. 더보기
실무자의 웹디자인기능사 합격후기 나는 웹디자인 기능사 말고도 컴퓨터 그래픽스나 시각디자인 산업기사 같은 다른 자격증이 있었기에 나름 기초가 있었다. 그렇기에 완전 무지에서 시작하지도 않았다고 생각하고, 다른 자격증 시험을 본 이력이 있기때문에 자격증 시험에 대한 노하우도 있었다고 생각한다. 그리고 난 이미 디자이너로 살고 있기 때문에 실무에서 터득한 것들도 있고... 그래서 이 후기는 어느정도 지식이 있는 사람에게 추천하고, 산업인력공단 서울지역본부에서 어떻게 시험을 보는지와 시험 보기전 팁정도를 참고하는 용으로 추천한다! 내가 웹디자인 기능사를 따기로 생각한 것은 작년쯤이었다. 경력도 꽤 생겼고, 우리 팀이 아주 불안하고 일이 없어지기 시작 할 무렵 불안한 마음에 뭘 공부해볼까? 하다가 자격증이나 하나 더 따고 싶다는 마음에 시작하게.. 더보기
마이크로소프트에서 공개한 ai html코딩 - sketch2code 마이크로소프트에서 공개한 손으로 그린 그림(스케치 형태의 폼)을 html코드로 변환시켜주는 사이트를 공개했다. 1. 디자인을 감지하고 2. 텍스트를 읽고 3.구조를 이해해서 4. 알고리즘을 구축한다는 것인데 샘플로 올라와져 있는 것들이 꽤 그럴싸 해서 이거 이제 퍼블리셔의 종말 아니냐!! 라는 생각으로 테스트를 해보기로 했다. 디자이너로써 퍼블리싱을 살짝 살짝 공부하고 있는데 이제 이거 있으면 퍼블리싱 공부 안해도 되지 않을까? 하는 부푼 기대와 함께^^ 일단 샘플에 제시된 대로 그려서 테스트. search부분에 글자 잘못 쓴것도 오류없이 인식했고, 샘플텍스트도 자동으로 넣는다. 비율은 맞지 않지만 꽤? 다만, 아이콘은 표현 못하고, 이미지와 텍스트에 대한 비율이 없으며, 라인도 없다. 맨 밑에 동그라미.. 더보기
JPG, PNG, GIF 사진 파일 용량 줄이기 ​⋱ 웹에 업로드할 jpg, png, gif 이미지 파일 용량 줄이기 요즘 포트폴리오 작업중이다. 아무 생각없이 고화질 고용량의 작업물들을 만들어내며 제작 하던 어느 날 내 무료 호스팅이 트래픽이 딱 걸려버렸다ㅠㅠ.. 무료로 사용하는 호스팅이니 트래픽 용량도 얼마 안되고, 이미지 사이즈도 완전 크고 무거운걸 턱턱 올려서 보다 보니 생긴일... 아무생각 없이 작업하다가 하루를 작업도 못하고 통째로 날리곤 ftp 접속해서 용량 체크체크^^7 용량을 체크해보니 말도 안되게 큰것들이 많다.. 동영상대신 gif 이미지를 사용했던 것들.. 말도 안되게 큰 png이미지 등등이 내 발목을 잡고 있었다! 그래서 찾아본 이미지 파일 용량 줄이기 사이트! 난 귀찮으므로 뭐 설치하고 이런거 딱 질색! 정말 간단하고 심플하게 .. 더보기

티스토리툴바