본문 바로가기

webdesign

Adobe Fonts included with Creative Suite https://fonts.adobe.com/ Adobe Fonts Adobe Fonts partners with the world’s leading type foundries to bring thousands of beautiful fonts to designers every day. No need to worry about licensing, and you can use fonts from Adobe Fonts on the web or in desktop applications. fonts.adobe.com Fonts List Licensing: https://helpx.adobe.com/fonts/using/font-licensing.html Font licensing Adobe Fonts offer.. 2024. 3. 19. 17:03 더보기
wordpress “Updating failed. The response is not a valid JSON response.” 포스팅 작성시 “Updating failed. The response is not a valid JSON response.” https://themeisle.com/blog/how-to-fix-updating-failed-the-response-is-not-a-valid-json-response/#gref How to Fix "Updating Failed. The Response is Not a Valid JSON Response" Encountering the "Updating failed. The response is not a valid JSON response." error? In this article, you will learn how to fix it. themeisle.com Generat.. 2024. 1. 20. 01:07 더보기
grid > overflow(border-radius) 삑사리 grid 안의 셀에 overflow처리한 이미지가 텍스트와 같이 있을경우 브라우저 사이즈가 컨텐트 사이즈 이하로 작아질 경우 overflow처리된 width가 무시되고 아래와 같이 줄어듬 overflow 속성을 없애면 grid 밖에서 border-radius 값을 주고 overflow:hidden 처리한 것과 같은 효과, width 줄어드는 현상 없음 - 사파리+파이어폭스+크롬 현재버전에서 OK 2023. 12. 20. 20:07 더보기
css: dvh, svh, lvh / 100vh 모바일 오류(이전 기록+업데이트) Use these instead of vh min-height:100vh; min-height:100dvh; https://caniuse.com/?search=dvh "dvh" | Can I use... Support tables for HTML5, CSS3, etc Small, Large, and Dynamic viewport units Viewport units similar to `vw` and `vh` that are based on shown or hidden browser UI states to address shortcomings of the original units. Currently defined as the `sv*` units (`svb`, `svh`, `svi`, `svmax`, .. 2023. 12. 11. 17:58 더보기
Visual Studio Code: retrieve full file path https://ivan-lim.com/show-full-file-path-visual-studio-code How to show full file path in Visual Studio Code - Ivan Lim Web & Database Services Learn how to show the full file path in Visual Studio Code with this step-by-step guide. ivan-lim.com code > setting > search 'window title' > window title: Set the title(default: '${activeEditorShort}${separator}${rootName}${separator}${profileName}') t.. 2023. 12. 4. 18:19 더보기
pin, trigger GSAP 같은 트리거에 pin 사용한 타임라인 두 개 생성할 수 없음 주의 duh! 🙄 하나의 트리거에 pin 없이는 여러개의 타임라인을 만들어 사용 가능 - 빈 트리거 오브젝트를 캔버스에 위치시켜서 사용하는 것 합리적인지 검토 2023. 11. 8. 20:10 더보기
mix-blend-mode: multiply; + backdrop-filter: blur 에러 mix-blend-mode: multiply; 위와 같이 정의된 블렌드모드 레이어A 아래 블렌드 없는 레이어B가 위치할 경우 fixed되어 A, B 레이어 위에 위치된 레이어의 blur 필터는 B레이어의 텍스트, svg 라인에 블러어 적용이 되지 않는 에러가 발생 background: hsla(0deg, 0%, 100%, 0.3); backdrop-filter: blur(10px) saturate(150%); -> text나 svg 라인포함한 엘리먼트에 배경칼라 추가하면 블러어 제대로 작동 - white여도 무관 / html이나 body에 배경칼라 넣어도 교정됨 2023. 11. 2. 00:40 더보기
scroll-behavior: smooth; scroll-behavior: smooth; 정의돼 있을때 GSAP scroll triger 모바일 에러. flickering 2023. 11. 2. 00:37 더보기

티스토리툴바