Recess in Varanasi

Wonderful, interactive One Pager by Tapan Babbar where he takes us up the river Ganges to explore the sights and sounds of Varanasi, India. Each stop has a video of the games he played with the locals, really capturing the mood of the location. Lovely touch allowing visitors to choose row or motor as their journey preference:) Make sure you see Tapan's other excellent work we've featured in the past.

by Rob Hope via One Page Love

Gradientify – jQuery Plugin to Provide CSS Gradient Transitions

Gradientify is a simple jQuery plugin that provides CSS gradient transitions.

by via jQuery-Plugins.net RSS Feed

What’s New in OpenCart 2.3

This Week in Mobile Web Development (#132)

Read this on the Web Mobile Web Weekly November 2, 2016   #132 Peter Cooper recommends Mobile and Tablet Internet Usage Exceeds Desktop for First Time Worldwide — StatCounter data indicates that just over 51% of Web usage in October 2016 came from mobile devices rather than desktops. StatCounter Brian Rinaldi recommends A Lap Around Push Notifications — Simon MacDonald and Sam Basu discuss best practices when using push notifications in your app and Simon’s involvement with Apache Cordova. Eat Sleep Code Podcast Chris Brandrick recommends In-App Gestures And Mobile App User Experience — “The rise of touch and gesture-driven devices has dramatically changed the way we think about interaction. Gestures are the new clicks.” Nick Babich Sponsored Join the first ever Firebase Dev Summit via Livestream on November 7, 2016 — Firebase Dev Summit will feature a full day of talks on topics like Developing Rock-Solid Apps with Firebase, Firebase for Games, and Action-Packed Analytics. All sessions will be livestreamed from our website on 7 November. Sign up here to receive updates about the event. Google Inc. Holly Schinsky recommends AppsFlyer Plugin for Phonegap — A new plugin available for adding AppsFlyer mobile analytics support to your PhoneGap apps. AppsFlyer Brian Rinaldi recommends NativeScript for the .NET Developer — Why .NET developers may feel comfortable building mobile apps using NativeScript despite the lack of C#. Rob Lauer Holly Schinsky recommends Cordova Tools Update — A new version of Apache Cordova tools has been released with new features, fixes and more. Apache Cordova Brian Rinaldi recommends Google Is Making It Easier for Anyone to Design Beautiful Apps — Google is launching a number of Material Design tools that are not necessarily specific to native application development. In fact, Remixer specifically offers an SDK for web. Dieter Bohn Holly Schinsky recommends The State of UX in 2016 — The results of a recent study revealing how different organizations are using UX today. Leah Buley Brian Rinaldi recommends Now You Can Turn 3D Objects into Real-life Holograms with the Edge Browser — A new feature coming to edge in the Windows 10 Creators Update in early 2017, but you’ll need to own a HoloLens. Raymond Wong Chris Brandrick recommends Firefox Disables Loophole That Allows Sites to Track Users Via Battery Status — Mozilla has cut access to the battery status API feature, which allows sites to request capacity information of a visitor’s device. Alex Hern Holly Schinsky recommends Implement Social Sharing with Ionic Framework V2 [RC1 Updated] — Adding Social Sharing to your apps with Ionic. Jorge Vergara Holly Schinsky recommends 6 Technologies App Users Will Expect You to Consider in 2017 — A list of technologies you should be considering for use with your mobile apps in the near future. Aquro Chris Brandrick recommends How to Create Effective Push Notifications — “For such a new technology, notifications have become real bland, real quick.” Geoffrey Keating Brian Rinaldi recommends 12 Tips for Mobile Design — Nick Babich shares a dozen UX design principles to consider when creating a mobile user experience. Adobe Creative Cloud Brian Rinaldi recommends New to the Command Line? — A walk through of Ionic’s command line tooling for any developers not typically comfortable on the command line. Max Lynch Chris Brandrick recommends The Next Gen Web: Scaling Progressive Web Apps — This case study covers how Flipkart.com redesigned their site as a progressive web app, whilst dealing with the unique challenges of scaling to a new ecosystem without compromising on performance. Abhinav Rastogi Brian Rinaldi recommends Welcome to Verge 3.0 — It appears that more and more companies (like the Verge) that rely on syndication have bought into Facebook Instant Articles, Google AMP and Apple News. Nilay Patel Holly Schinsky recommends How to Build Your Own Uber-for-X App — How to build an Uber like app using HTML5, JavaScript, CSS3, Google Maps, MongoDB and Node.js. Ashwin Hariharan Brian Rinaldi recommends Get Started With React Native Layouts — Learn how to lay out React Native apps and how to implement layouts commonly used in apps. Wernher-Bel Ancheta Holly Schinsky recommends Designing A React Native App for Multiple Platforms Shweta Pal Sponsored Find Your Perfect Fit - Try Hired — Finding the right role can be daunting, but not on Hired. Get empowered to find the right role with multiple job offers and free personalized support. Hired Curated by Brian Rinaldi and Holly Schinsky for Cooperpress. Cooperpress is located at Office 30, Fairfield Enterprise Centre, Louth, LN11 0LS, UK Update your email address or stop receiving MWW here

by via Mobile Web Weekly

AtoZ CSS Screencast: Widows and Orphans

Transcript

More and more these days, CSS is being used to control the styling of things other than websites.

One type of media that CSS can apply styling to is paged media - things like digital magazines and ebooks or a website in the form of a print stylesheet.

There are some properties that only apply to this media type. The widows and orphans properties are two that allow us to control how lines of text flow around page breaks.

In this episode we’ll learn about:

• Paged media
• widows and orphans

Paged Media

When writing CSS, we are normally styling content that is destined for being displayed on a screen.

But there’s a whole range of properties specifically for paged media which describes how a document can be flowed into a series of pages.

It adds functionality for pagination, page margins, page size, orientation, and extends generated content to enable page numbering and page headers and footers.

The closest thing to working with the CSS Page spec that I’ve come across in real-world web development is creating print stylesheets. We touched on this in "Episode 13: Media Queries".

When dealing with this completely different medium of printed content, there are a couple of CSS properties available that don’t apply to screen media. Let’s have a look at two for controlling the flow of text between pages.

Continue reading %AtoZ CSS Screencast: Widows and Orphans%

by Guy Routledge via SitePoint

Using Namespaces and Autoloading in WordPress Plugins, Part 2

10 Ways to Grow an Organic Instagram Presence

Do you want more Instagram followers? Looking for organic Instagram growth tactics? With more than 300 million active monthly users, Instagram still offers businesses the opportunity to reach new users without buying ads. In this article, you’ll discover 10 organic tactics used by top Instagram marketers to gain more Instagram followers. Tips From Sue B. [...]

This post 10 Ways to Grow an Organic Instagram Presence first appeared on .
- Your Guide to the Social Media Jungle

by Julia McCoy via