A Joyful AI Research Journey🌳😊

https://fontawesome.com/search Font Awesome The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. fontawesome.com 무료 아이콘 사이트들 리스트 https://www.streamlinehq.com/icons/pixel Free Pixel - Free Icons Set - 672 customizable PNGs, SVGs, PDFs interface essential synchronize arrows square 1 www.streamlinehq.com https://ww..

230520) 원으로 자르기 https://www.fotor.com/features/circle-crop/ Circle Crop Images Online in Seconds - Free Circle Cropper With Fotor’s circle cropper, you can crop picture into circle online in just seconds. It also lets you circle crop photos in bulk. Try it out. www.fotor.com 230519) 색상 변경 가능하다. 투명하게 만들거나 특정 부분만 선택해서 투명/색상 채워넣기 가능하다. https://www4.lunapic.com/editor/ LunaPic.com Photo Editor tool ..

https://www.nyp.org/ NewYork-Presbyterian NewYork-Presbyterian is one of the nation’s most comprehensive academic health care delivery systems, dedicated to providing the highest quality, most compassionate care to patients in the New York metropolitan area and throughout the globe. www.nyp.org https://www.gsitm.com/ GS ITM No.1 B2B 플랫폼 서비스 전문 기업 GS ITM입니다. www.gsitm.com https://nationalheadache..

UI 설계 도구 사용자의 요구사항에 맞게 UI의 화면 구조나 화면 배치 등을 설계할 때 사용하는 도구 1) 와이어프레임(Wireframe) - 기획 단계의 초기에 제작하는 것으로, 페이지에 대한 개략적인 레이아웃이나 UI 요소 등에 대 한 뼈대를 설계하는 단계 - 개발자나 디자이너 등이 레이아웃을 협의하거나 현재 진행 상태 등을 공유하기 위해 와이어프레임을 사용 - 와이어프레임 툴 : 손그림, 파워포인트, 키노트, 스케치, 일러스트, 포토샵 등 2) 목업(Mockup) - 디자인, 사용 방법 설명, 평가 등을 위해 와이 어프레임보다 좀 더 실제 화면과 유사하게 만든 정적인 형태의 모형 - 시각적으로만 구성 요소를 배치하는 것으로 실제로 구현되지는 않는다. - 목업 툴 : 파워 목업(파워포인트의 활용도를 ..

https://pixabay.com/videos 무료 비디오 자료들을 사용할 수 있다. https://hdqwalls.com/ 4k Wallpapers, 5k Wallpapers, 8k Wallpapers, HD Wallpapers , Wide Wallpapers hdqwalls.com 고화질 배경화면을 사용할 수 있다.

https://htmlcolorcodes.com/ HTML Color Codes Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values. htmlcolorcodes.com https://www.rapidtables.org/ko/web/color/RGB_Color.html RGB 색상 코드 차트 🎨 RGB 색상 코드 차트 RGB 색상 선택기 | RGB 색상 코드 차트 | RGB 색 공간 | RGB 색상 형식 및 계산 | RGB 색상 표 RGB 색상 선택기 RGB 색상 코드 차트 색상 에 커서를 갖다 대면 아..

https://juahnpop.tistory.com/182 #6 CSS Position Sticky 으로 Navi 메뉴바 스크롤 내릴 때 상단 고정 Nav 메뉴바 CSS Sticky 속성으로 상단 고정 현재 제작중인 스킨은 상단의 Nav 메뉴바와 왼쪽 사이드바의 일부 영역은 Position:sticky; 속성을 사용하여 상단에 고정하도록 구상을 하였습니다. 이번 포스 juahnpop.tistory.com https://zion437.tistory.com/108 티스토리 카테고리(category) 디자인하기!!! 티스토리 카테고리(category) 디자인 가끔씩 티스토리 블러그를 돌아 다니다보면 카테고리가 기본형이 아닌 다른 디자인으로 만들어진 것을 볼 수 있습니다. 많은 분들이 설정모드에 없는데 어떻 z..

Bubbles :) https://codepen.io/gzuzkstro/pen/oemMyN Circle Navigation Experimental navigation menu for a technical website. Built with GreenSock Animation Platform and SVG.... codepen.io https://codepen.io/controversial/pen/wWVGOv Apple Music Style Bubble UI (ab)using vis.js to make a floating bubble UI as seen in https://vimeo.com/132839044#t=115s... codepen.io https://codepen.io/juSchz/pen/ZEWG..

https://chaef.tistory.com/9 #07 UX/UI 디자인 가이드 모음집 - 기본편 최종 업데이트 - 19.11.28 가이드는 어디까지 예시일 뿐 정답은 아닙니다. 본 모음집은 주관적인 성향으로 모은 아티클입니다. Info 공간 구성 및 그리드/레이아웃 Spacing, Grids and Layouts UI 기본 용어 U chaef.tistory.com 무료 로고 사이트 (한글 폰트는 없다.) https://zyro.com/logo-maker Free Logo Maker – Create Your Logo for Free in a Minute Use the free logo maker by Zyro to generate a custom logo for your company or websit..

flip, fade-in 등의 애니메이션 : AOS 복잡한 애니메이션 구현 : GSAP https://ldrerin.tistory.com/397 CSS 애니메이션 18가지 예제 최근에 점점 더 많은 CSS 애니메이션 예제가 웹 사이트에 게재되고 있음을 눈치 챘을 것입니다 . 애니메이션은 올해 웹의 주요 트렌드였으며 아무데도가는 흔적을 보이지 않고 있습니다. 웹 전반 ldrerin.tistory.com https://codepen.io/Suburbanno/pen/OXeMvw Star animation CSS ... codepen.io 별 내리는 애니메이션 샘플 코드 https://threejs.org Three.js – JavaScript 3D Library threejs.org 인기 JavaScript ..