Ind.ie is now Small Technology Foundation.
Commit 149ace1b authored by Aral Balkan's avatar Aral Balkan

Added logo. Updated readme.

parent 76141e43
This diff is collapsed.
...@@ -4,8 +4,9 @@ ...@@ -4,8 +4,9 @@
// //
// ‘Because web design should not require a calculator.’ // ‘Because web design should not require a calculator.’
// //
// Copyright © 2012-2013 Aral Balkan. // Copyright © 2012-2014 Aral Balkan.
// Released under the MIT License. //
// Released with ♥ by Ind.ie under the MIT License.
// //
// Think in pixels; have them automatically translated to rems. // Think in pixels; have them automatically translated to rems.
// //
...@@ -18,7 +19,7 @@ ...@@ -18,7 +19,7 @@
* * * *
************************************************************/ ************************************************************/
/* Convert unit to rems if unit is in pixels. */ /* Convert unit to REMs if unit is in pixels. */
remify(value) remify(value)
if value == 'inherit' || value == 'auto' || value == 'none' || value == 'cover' || value == 'contain' || value == 'smaller' || value == 0 || value == null if value == 'inherit' || value == 'auto' || value == 'none' || value == 'cover' || value == 'contain' || value == 'smaller' || value == 0 || value == null
......
Responsive Pixels <img style='margin-left: auto; margin-right: auto; display:block;' src='https://ind.ie/assets/images/responsive-pixels.svg'>
===
‘Because web development shouldn’t require a calculator.’ <p style='text-align:center;'><em>‘Because web development shouldn’t require a calculator.’</em></p>
Pixels are easy to understand and visualise but using them can make it harder to create responsive designs. They also don’t scale well in ancient browsers. Ems solve those problems but they are difficult to visualise and cumbersome to use without a calculator. Rems require less cognitive load to use than ems and, since they are still relative units, are useful in responsive design. Rems still involve maths, however, and are hard to visualise like ems. Responsive Pixels, the concept introduced in this post, gives you all the advantages of using pixels combined with all the advantages of using rems. So you get a relative unit that is also easy to visualise. A responsive pixel is a pixel that is equivalent to a rem. # Pixel-perfect responsive design
[Read more](http://aralbalkan.com/notes/responsive-pixels/). Responsive pixels is a [Stylus](https://learnboost.github.io/stylus/) library where you code your styles pixels and they automatically get translated into rems with pixel fallbacks.
\ No newline at end of file
## Think in pixels, deploy in rems.
Pixels are easy to understand, use, and visualise. But they’re not very responsive.
Ems solve those problems but they are difficult to visualise and cumbersome to use without a calculator.
Rems are easier to use than ems and, since — like ems — they’re relative units, they are useful in responsive design.
Rems still involve maths, however, and are hard to visualise like ems.
Responsive Pixels gives you all the advantages of using pixels combined with all the advantages of using rems.
A responsive pixel is a pixel that is equivalent to one rem.
So you get a relative unit that is also easy to visualise.
[Read more](http://aralbalkan.com/notes/responsive-pixels/).
**Released with ♥ by Ind.ie under the MIT License.**
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment