반응형 코딩 알로하 :: one/HTML&CSS8 웹서비스 아키텍처 시각화 오픈소스 웹서비스 아키텍처 시각화 오픈소스!!! https://honzaap.github.io/Systemizer/?utm_source=gaerae.com&utm_campaign=%EA%B0%9C%EB%B0%9C%EC%9E%90%EC%8A%A4%EB%9F%BD%EB%8B%A4&utm_medium=social&fbclid=IwAR1irrKQI5kkb8K0_O0TBgpRdHYiE-vGVRWH8zLM-Ilh-fuaf7JHgilyQp8 Systemizer - A system design tool honzaap.github.io 2021. 8. 25. Flexbox Froggy http://flexboxfroggy.com/ Flexbox Froggy는 Froggy와 친구들 돕는 CSS 코드 게임입니다 2020. 5. 30. 필라멘트 그룹(Filament Group) 소스 모음 https://www.filamentgroup.com/code/ 2019. 5. 3. 웹페이지의 배색 결정 도구 웹페이지의 배색 웹페이지의 배색은 사이트의 인상을 결정하는 중요한 요소이다. 일단 메인 색상(회사 로고의 주요 색 또는 좋아하는 색)을 결정하고, 도구를 사용해 균형적인 색을 찾은 뒤 배색한다. 여기서 배색을 정할 때 유용한 사이트 하나 추천 드린다. => Adobe Color CC(https://color.adobe.com/kr) Adobe Color CC를 사용하면 지정한 한가지 색을 기반으로 어울리는 4개의 색을 찾아준다. 2019. 4. 12. Web Developer in 2019 기술 로드맵 ※ 출처 : https://github.com/kamranahmedse/developer-roadmap#-introduction Developer RoadmapRoadmap to becoming a Web Developer in 2019IntroductionFrontend RoadmapBack-end RoadmapDevOps Roadmap 2019. 4. 10. 리소스 무료 사용 사이트 1. 공유 마당 사이트 https://gongu.copyright.or.kr/gongu/main/main.do 한국저작권위원회가 운영하고 있는 사이트로 문화체육관광부, 국립중앙도서관, 한국미술협회와 같은 공공기관의 저작물 뿐만 아니라 저작권 보호기간이 만료된 저작물, 저작권이 기증된 저작물을 CCL(Creative Commons License)에 근거해 자유롭게 이용할수 있다. 공유마당 공유마당 gongu.copyright.or.kr 2. 렛츠씨씨 http://letscc.net/ Let's CC Tip) LetsCC는 글로벌 서비스의 API를 이용해서 검색결과를 보여드립니다. 영문으로 검색어 입력 시 더 다양한 콘텐츠를 확인하실 수 있습니다. letscc.net 렛츠 씨씨(Let's CC)는 CCL 기.. 2019. 3. 28. 무료 포토샵 - 픽슬러 픽슬러란? '픽슬러(Pixlr)' 는 별도 설치 없이 웹에서 이용할 수 있는 무료 포토샵이다. 포토샵을 이용하면 매우 풍부한 비주얼의 맞춤 미리보기 이미지즐 만들수 있지만, 포토샵은 유료 프로그램이므로 무료 웹 포토샵인 픽슬러를 대체 프로그램으로 추천한다. https://pixlr.com/editor/ 픽슬러 홈페이지에 접속하면 별도의 회원 가입없이 바로 사용할수 있다. Online Photo Editor | Pixlr Editor Announcement Adobe Flash Player will no longer be supported by worldwide browsers soon. Thus, Pixlr Editor, which runs on Adobe Flash Player, will be phas.. 2019. 3. 28. Placehold.it 웹페이지를 디자인 하다보면 이미지를 아직 완성하지 못해 넣을 수 없는 경우가 있다. 이미지 크기는 아는데 아직 이미지가 없을 때 사용할수 있는 좋은 방법을 공유 하고자 한다. Placehold.it (http://placehold.it) How To Set Image Size Specify the width first, then height. Height is optional: if no height is specified, your placeholder image will be a square. So this example… https://via.placeholder.com/150 …generates a 150 pixel square dummy image:- http://placehold.it/너비x .. 2019. 3. 28. 이전 1 다음 반응형