- Responsive Web Design Formula | Jake Bresnehan – Web Designer / Developer
So you have received another Photoshop mockup and you are keen to get away from pixel based layouts because you are “new school”. It’s actually pretty easy with “the magic formula”.
target ÷ context = result
So how do you use the formula in the real world? Let’s say we have a div in Photoshop that is 900px wide and it’s parent div is 960px and you need to convert that to CSS.
- PXtoEM.com: PX to EM conversion made simple.
PXtoEM.com PX to EM conversion made simple.
- Fullscreen Slit Slider with jQuery and CSS3 | Codrops
In this tutorial we’ll create a fullscreen slideshow with a twist: we’ll cut the current slide open in order to reveal the next or previous slide. Using different data-attributes, we’ll define the type, rotation angle and scale of a slide’s parts, giving us the possibility to create unique effects of each slide transition.