xScope – Đo kích thước, lấy mã màu mọi chỗ trên màn hình

  • Thread starter Maclife.vn
  • Ngày gửi
M

Maclife.vn

Guest

Laptopvang

xScope đặc biệt phù hợp cho designers & developers, xScope sẽ giúp bạn đo kích thước, lấy mã màu,… phục vụ cho việc thiết kế laylout…​


The ten tools that will help you do your job faster and more accurately include:
Mirror

  • Remote Viewing – Easily view Photoshop, files or windows on your iOS device, AirPlay, or your wrist.
  • Templates – Automatically shows icon or wallpaper mockup on iOS
  • Chromeless UI – No overlaid chrome to get in the way while you work
  • Security – Toggle user authentication requests on/off via Preferences
  • Download the xScope Mirror App for iOS at xscopeapp.com/ios

Text – New!

  • Powerful Search – For name or tag in any of the 100,000+ Unicode characters
  • Decipher Text – Deciphers text entities, encodings, constants, and more!
  • Convert Format – Output text as a string, entities, URL encoding, and more!
  • Measure Glyphs – Shows line, character or web layout: including font metrics & CSS
  • Character Palette – A handy place to collect commonly used Unicode characters

Dimensions

  • Find the dimensions of anything on screen instantly
  • Find distance between objects quickly & easily
  • Create screen shots of any measured element

Rulers

  • Powerful on-screen rulers for pixel measurements
  • Two rulers with synchronization for easy on-screen comparison
  • Hold down control to snap to edges of onscreen content
  • Fully adjustable horizontal & vertical lengths
  • Full 360 degree rotation range
  • Displays deltas for rotated rulers

Overlay – New!

  • Enhances Your Web Browser – Attaches to window to make development easier
  • Alignment Marks – Check positioning & distances in px/em/pt and percentages
  • Mockup Image – A transparent design comp over your HTML and CSS code
  • Grids with Breakpoints – Grid systems that stay in sync with your media queries
  • Cycle Breakpoints – Quickly check your design at all sizes used in your CSS
  • Full-page Screenshot – Get a picture of your whole web page
  • Works with iOS Simulator – Great for testing in Safari or developing native apps

Screens

  • Easily see the usable real estate for any screen size
  • Organized by platform including iOS, Android, Mac, Windows & TV
  • Pre-defined screen templates or create your own
  • Displays title and game safe areas for 4:3 and 16:9 aspect ratio TVs.
  • Simulate user vision problems including color blindness & presbyopia (old age)
  • De-retinizer to simulate normal display when using Retina display
  • Define custom area settings for any OS or browser

Loupe

  • Magnify any portion of the screen under your mouse
  • Displays color under your cursor in RGB, HSB, HEX, CSS3 rgb() & HTML
  • Quick measurement of magnified image using Dimensions
  • Reference color format: work with a hex color while viewing RGB format
  • Collect a running list of color swatches with Shift-Cmd-C
  • Save out or import .ACO color swatch files for easy reference
  • Simulate user vision problems including color blindness & presbyopia (old age)
  • Displays co-ordinates of mouse cursor for reference
  • The content of the window or the mouse position can be locked

Guides

  • Vertical & horizontal guides that float on top of all else on the screen
  • Displays guide position in pixels when placed
  • Displays distance between guides in pixels
  • Save & load guide positions for later reference
  • Supports multiple monitors

Frames

  • Adjustable marker boxes float on top of the screen
  • Hold down control to snap to edges of onscreen content
  • Cmd-Shift-5 to shrink a selection around on screen content & create a frame
  • Display preset grids to help compose frame layouts
  • Create, move, duplicate & edit frames at will
  • Save & load frame positions for later reference

Crosshair

  • Reports the coordinate position of the mouse cursor
  • Change origin from the upper-left (design work) to lower-left (development work)

1524117394_xscope_03-1024x640.jpg
1524117380_xscope_02-1024x640.jpg
1524117380_xscope_01-1024x640.jpg




Lưu ý cần đọc
  • Thắc mắc và lỗi tham gia MacLife Group. Cộng đồng sẽ HỖ TRỢ RẤT NHANH
  • Để cài được ứng dụng ngoài App Store bạn cần phải tắt Gatekeeper theo hướng dẫn ở đây.
  • Một số (rất ít) phần mềm yêu cầu thêm tắt SIP các bước tắt SIP bạn làm theo hướng dẫn ở đây

The post xScope – Đo kích thước, lấy mã màu mọi chỗ trên màn hình appeared first on MacLife - Everything for Mac Lovers.
 
Bạn phải đăng nhập hoặc đăng ký để bình luận.
Top