본문 바로가기

webdesign

visual studio > multi line code editing 2022 : shift + up/down key : multi-line code editing shift + option + up/down key : copy the single line Multi-Line Code Editing in Visual Studio 2017 Here’s a quick tip if you’ve ever wanted to edit multiple lines of code at once in Visual Studio. Simply position your cursor at a point in your code, then press and hold SHIFT and ALT. Next, press the up or down arrow to select the lines you want.. 2019. 5. 5. 03:36 더보기
vh, vw, calc() https://coherent-labs.com/posts/4k-ui-and-the-future-of-gaming/ 4K modern UI design In this post we'll have a look at 4K resolution gaming, the challenges it presents to modern UI design systems and how you can use Coherent UI to meet them. coherent-labs.com https://youtu.be/PKVKwluRTfo 2019. 5. 4. 23:48 더보기
memo https://tympanus.net/Tutorials/SlideshowJmpress/index3.html Slideshow with jmpress.js No time to waste Within thine own bud buriest thy content and, tender churl, makest waste in niggarding Read more tympanus.net https://tympanus.net/Tutorials/ElasticSlideshow/index2.html Elastic Image Slideshow with Thumbnail Preview Demo 1 | Demo 2 (with autoplay) Resize the window to see the slider adjusting .. 2019. 5. 1. 01:16 더보기
Disable Auto Zoom *{-webkit-text-size-adjust:none;word-break:break-word;} 뷰포트 전환시 폰트 자동 확대 방지 -------------------- http://hints.macworld.com/article.php?story=20130108131950239 How do I stop Safari from zooming in? Stop Safari from zooming unexpectedly It's a double tap with two fingers on my Magic Trackpad, and I use it often. It's quite handy (no pun intended). 인풋박스 줌 인 방지 https://stackoverflow.com/questions/29.. 2019. 4. 26. 19:28 더보기
viewport size https://mediag.com/blog/popular-screen-resolutions-designing-for-all/ When you buy a device, you will often see both screen size and resolution listed in the specs. The screensize is the physical measurement diagonally of the screen in inches. This is not to be confused with the resolution, which is the number of pixels on the screen often displayed as a width by height (i.e. 1024×768). Because .. 2019. 4. 26. 18:45 더보기
-webkit-overflow-scrolling: touch; https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling 모바일 스크롤링 부드럽게 하기 -webkit-overflow-scrolling: touch; /* Lets it scroll lazy */ -webkit-overflow-scrolling: auto; /* Stops scrolling immediately */ auto Use "regular" scrolling, where the content immediately ceases to scroll when you remove your finger from the touchscreen. touch Use momentum-based scrolling, where the con.. 2019. 4. 26. 18:14 더보기
미디어쿼리적용 https://blog.naver.com/pjh445/220529001794 2018. 10. 19. 00:30 더보기
모바일 - 고해상도 미디어쿼리 적용 https://developer.mozilla.org/en-US/docs/Web/CSS/@media/-webkit-device-pixel-ratio -webkit-device-pixel-ratio : Non-standard This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.The -webkit-device-p.. 2018. 10. 19. 00:27 더보기