Mr Branding

Tuesday, December 29, 2015

MagnifierRentgen – Responsive Magnifier Hover Plugin with jQuery

MagnifierRentgen is a simple, lightweight, responsive magnifier hover plugin. (magnifying glass effect)

by via jQuery-Plugins.net RSS Feed

10 Web Predictions for 2015: The Results!

Twelve months ago I published 10 Web Predictions for 2015 -- my Nostradamus-like look into the year ahead. I'm useless at these forecasts. Despite keeping a close eye on industry developments, I scored a pathetic 4.5 out of 10 last year. Let's see if I can beat that in 2015…

1. Responsive Images Will be Usable!

I'd hoped this would be the case in 2014 but it took another year. At the end of 2015:

the picture element, which can serve different images according to the device's screen size and orientation, is supported in most browsers except Safari and oldIEs
the srcset attribute, which allows you to specify the same image at different resolutions according to screen pixel density and capabilities, is supported in all browsers except oldIEs.

There will always be caveats but responsive images work almost everywhere and can fall back to a standard img tag. It's finally usable: 1 out of 1 -- a great start!

Continue reading %10 Web Predictions for 2015: The Results!%

by Craig Buckler via SitePoint

iOS From Scratch With Swift: Building a Shopping List Application 2

What’s in a State and How to Persist It

A state is something that is affected by you and the memory of that. This something can be you clicking on an element, like a button, or you typing some text into an element. The state resides in your browser’s RAM. It deals with JavaScript objects like arrays, strings, objects, and so on.

In this article we’re going to dig into a pattern of taking these arrays and objects and persist them. To do that, we’ll need some clever ways in JavaScript to separate the temporary “junk” for the really important stuff we can’t lose.

Getting Started

Let’s say that we have an array of objects and each object has “temporary” keys in it. We don’t want these keys to be persistent when sending the array of objects in for a persistent store (localStorage or Ajax).

In the example I’m going to show you, we’ll work with an AngularJS app. In it, we put things into each object that don’t need to be persistent. Everything that is not important to be persistent starts with an underscore.

Continue reading %What’s in a State and How to Persist It%

by Peter Bengtsson via SitePoint