분류 전체보기 썸네일형 리스트형 Differentiation of Self 자기 정의란, '당신이 어디에 있든지, 누구와 있든지 반응적이지 않은 사람이 될 수 있느냐 하는 것' 이라고 머레이 보웬은 정의를 내립니다. 즉, 그것은 당신이 관계에서 반응적이지 않고 불안하지 않은 것을 의미합니다. 자기 정의된 사람은 어떤 주제에서도 반응적이지 않고 내 입장을 취할 수 있습니다. 그리고 자신에게 중요한 사람이 내 의견에 동의하지 않더라도 지나치게 불안해하거나 방어적이지도 않습니다. - 11.22 주보 몇 년 전 미사드리러 갔던 서울의 한 성당 주보에서 본 글. 애플 노트 정리하다가... Self Differentiation (자기 분화) https://www.karenrkoenig.com/blog/what-is-self-differentiation-and-why-is-it-so-imp.. 2022. 1. 18. 19:01 더보기 A fixed aspect ratio 5 More Must Know CSS Tricks That Almost Nobody Knows 06:09 - Aspect Ratio aspect-ratio:16/9 https://caniuse.com/?search=aspect-ratio "aspect-ratio" | Can I use... Support tables for HTML5, CSS3, etc CSS3 object-fit/object-position Method of specifying how an object (image or video) should fit inside its box. object-fit options include "contain" (fit according to aspect ratio), "fill" (stretches .. 2022. 1. 18. 05:03 더보기 Mac keyboard shortcuts Mac keyboard shortcuts Mac keyboard shortcuts By pressing certain key combinations, you can do things that normally need a mouse, trackpad, or other input device. support.apple.com Command (or Cmd) ⌘ Shift ⇧ Option (or Alt) ⌥ Control (or Ctrl) ⌃ Caps Lock ⇪ Fn fn : show Emoji & Symbols (Customized) Fn + F11: Show or hide the desktop. Option + Command + F: Show or hide the Launchpad. (Customized).. 2022. 1. 18. 01:10 더보기 CSS in JS : Don’t use runtime CSS-in-JS if you care about the load performance of your site Real-world CSS vs. CSS-in-JS performance comparison Real-world CSS vs. CSS-in-JS performance comparison I took the real app and convert it from Styled Components to Linaria to compare the app performance of CSS-in-JS and normal CSS. Continue reading if you want to know how it went. pustelto.com Don’t use runtime CSS-in-JS if you care about the load performance of your site. Simply less JS = Fast.. 2022. 1. 15. 02:15 더보기 exploding head syndrom / brain zaps I have exploding head syndrome (especially nocturnal experience) It’s strange, unpleasant and surprisingly common. Helen Thomson talks to a man whose head regularly ‘explodes’, and discovers how the condition might explain some unexpected experiences. “There’s this sudden crescendo of noise, then a profound and jarring explosion of sound, electrical fizzing and a bright flash in my vision, like .. 2022. 1. 13. 19:35 더보기 VS : Emmet snippets Emmet Documentation HTML All unknown abbreviations will be transformed to tag, e.g. foo → . link link:css link:print link:favicon link:touch style script script:src img a a:link a:mail br hr SYNTAX Child: > nav>ul>li Sibling: + div+p+bq Grouping: () div>(header>ul>li*2>a)+footer>p (div>dl>(dt+dd)*3)+footer>p Multiplication: * ul>li*5 Naming and numbering: $ ul>li.sample$*5 h$[title=topic$]{Headl.. 2022. 1. 13. 04:31 더보기 swiper script https://swiperjs.com/get-started Getting Started With Swiper Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com https://unpkg.com/browse/swiper@7.4.1/ UNPKG - swiper swiperVersion:... unpkg.com Uniqlo page link 2022. 1. 11. 22:33 더보기 CSS : fix Errors - 3D mouse hover flickering 아래 속성을 가진(Y축으로 자전) 엘리먼트를 감싸는 wrapper 엘리먼트에 솔루션 속성을 적용해야함 transform: rotateY(90turn); // .site-wrap, // .site-body, // .hero-circle-wrap .hero-wrap { // backface-visibility: hidden; transform: translate3d(0, 0, 0); } .hero-wrap 에 솔루션 속성 줌(특정 위치의 래퍼에 속성 적용하면 상위 래퍼에는 적용할 필요 없는 듯..), hero-circle, olayer-bling가 유발하던 flickering 에러 같이 교정됨 😭🤦🏻♀️ wrapper에 트리거를 사용해 GSAP pin을 적용한 경우 GSAP 애니메이션이 먹지 않음 http.. 2022. 1. 8. 04:37 더보기 이전 1 ··· 7 8 9 10 11 12 13 ··· 44 다음