Pixel Assistant (0)







us (0)
jp (0)
cn (0)
es (0)
mx (0)
kr (0)
nl (0)
gb (0)
Free
Download

Pixel Assistant

us jp cn es mx kr nl

By SUN ZHI FENG

Pixel Assistant

Pixel Assistant is px to em conversion made simple. Choose your body font size in pixels (px)and out comes a complete pixel (px) to em conversion table, making elastic web design with CSS a snap. The once daunting challenge of converting pixels (px) to the elusive em has now been reduced to a booger eating pipsqueak.

##
What is the text sizing difference between PX, EM, %, PT?

Pixels and points are static measurements, but commonly used in different mediums. Pixels are used on screens because screens are measured in pixels. Although points can be used on screen, they are the standard in printing because they are a factor of DPI.

Percent and EMs on the other hand are relative measurements. The size of an EM or percentage unit depends on its parent. If body text is sized at 12 pixels, then text set at 120% or 1.2 EM inside the body will be 1.2 * 12, or 14.4 pixels.

##How do I convert between PX, EM, %, and PT?

Note: 16px is used as the body text size in all conversions because that is the browser default. You will change 16px to your base text size.

PX to EM
Formula: size in pixels / parent size in pixels
Example: 12px / 16px = .75em
PX to %
Formula: size in pixels / parent size in pixels * 100
Example: 12px / 16px * 100 = 75%
PX to PT
Formula: size in pixels * (points per inch / pixels per inch)
Example: 16px * (72pt / 96px) = 12pt
EM to PX
Formula: size in EMs * parent size in pixels
Example: .75em * 16px = 12px
EM to %
Formula: size in EMs * 100
Example: .75em * 100 = 75%

##Why size your text with EMs in CSS?

Style sheets that use EMs are easier to maintain for the designer and more accessible to end-users.

Style sheets become easier to maintain because all text set in EMs scale to the body font-size. Only one element\'s font-size needs to change instead of individually changing the font-size of each element.

Accessibility is increased for end-users because text is scaled based on their preferences rather than set statically in pixels. Additionally, end-users can use hot keys to scale the text in all browsers. Many people have difficulty reading small text on a computer screen.

Release Notes

29/11/2016 | Version : 1.0 | Size : 1.9 MB


Screenshots Mac OSX :

Screenshots Mac OSX Screenshots Mac OSX Screenshots Mac OSX

Category

Reference , Utilities


Supported Devices : Mac OS


From this dev.

imBurnCopyPro
imBurnCopyPro

Price : £2.99
Platform : Mac OS
By SUN ZHI FENG
imBurnAudioPro
imBurnAudioPro

Price : £11.99
Platform : Mac OS
By SUN ZHI FENG
imPix - Easy graphics tool
imPix - Easy graphics tool

Price : £10.49
Platform : Mac OS
By SUN ZHI FENG
TryToAAC
TryToAAC

Price : Free
Platform : Mac OS
By SUN ZHI FENG
TryToAMR
TryToAMR

Price : Free
Platform : Mac OS
By SUN ZHI FENG

To Discover

Hidden Object - Will you find them all ?
Hidden Object - Will you find them all ?

Price : Free

Bubble Blast Rescue 2
Bubble Blast Rescue 2

Price : Free

Mahjong 2 Classroom
Mahjong 2 Classroom

Price : Free

Solitaire Collection (Multi Solitaires)
Solitaire Collection (Multi Solitaires)

Price : Free

Bubble Blast 2 !
Bubble Blast 2 !

Price : Free



iPhone and iPad Apps

iPhone and iPad Games

Mac OS X Apps

Mac OS X Games

Back To Top

   Follow @FormidApps