Wednesday, January 20, 2016

This Week in Mobile Web Development (#91)

Read this on the Web

Mobile Web Weekly January 20, 2016   #91
Brian Rinaldi recommends
Mobile Web vs. Native Apps or Why You Want Both — Luke Wroblewski illustrates how data indicates that your business needs both a mobile web site to broaden its reach and a mobile app to broaden engagement through rich experiences.
Luke Wroblewski
Holly Schinsky recommends
Perfecting Navigation for The Mobile Web — How to ensure your mobile app has a high quality user experience by refining your navigation approach.
Webdesigner Depot
This issue is sponsored by imgix
Responsive Images in 30 Minutes or Less — With imgix, integrating responsive images into your site could not be easier. imgix is fully-compatible with the srcset attribute, the picture element, and Client Hints. Learn how to start delivering responsive images in less than 30 minutes.
imgix

Brian Rinaldi recommends
Small is Beautiful: Why Desktop UX Still Has Something to Teach Mobile — What we can learn from desktop apps when it comes to handling text, window, and file tasks and how to apply that within a mobile app UX.
Scott Jenson
Holly Schinsky recommends
Shared App Functionality via JavaScript — Using a JavaScript library to provide shared functionality for your native and hybrid apps.
Square Engineering Blog
Brian Rinaldi recommends
The Woes of Date Input — Ian Devlin documents the various implementation quirks and issues of the ‘date’ input type on mobile and desktop browsers.
HTML5 Doctor
Brian Rinaldi recommends
Everything I Know About Responsive Web Typography with CSS — An overview of 5 major practices for responsive typography and a new tool called Typi to help implement them.
Zell Liew
Brian Rinaldi recommends
How to Create a To-Do List App With Polymer and Cordova — Ashraff Hathibelagal shows how to build a hybrid app that implements Material Design using Polymer, Polymer paper elements and Cordova.
Nettuts+
Brian Rinaldi recommends
Getting Started With Telerik AppBuilder — A walkthrough on building your first hybrid app using the Telerik Platorm.
Nettuts+
Brian Rinaldi recommends
Axway Acquires Appcelerator — Appcelerator were the makers of Titanium which allows the development of mobile apps via JavaScript.
Appcelerator
Brian Rinaldi recommends
NativeScript for Appcelerator Developers — Josh Jensen compares and contrasts the concepts for developing applications using Titanium Alloy versus NativeScript for JavaScript developers.
Telerik Developer Network
Holly Schinsky recommends
How To Update Your Project and CLI for Ionic 2 — A tutorial showing how to transition your hybrid app project built with Ionic 1 to Ionic 2.
Gajotres.net
Brian Rinaldi recommends
Use The Android Palette Class With NativeScript — How to access the Android Palette class using JavaScript to extract color palettes from an image within a NativeScript app.
Brad Martin
Holly Schinsky recommends
SOAP Web Services in Angular and Ionic — How to use SOAP web services in your hybrid apps built with Angular.
Andrew McGivery
Holly Schinsky recommends
Advanced Cordova Geolocation Plugin for Android — An advanced Cordova Geolocation plugin for Android that returns real-time GPS and network location triangulation data, cached GPS and network location data and also helps minimize location fluctuations.
Andy Gup
Job listing
Stop Applying to Jobs - Let Companies Apply to You — On Hired, sign up in 10 minutes and get offers from top companies like Facebook, Uber, & Stripe. Engineers get an average of 5 offers on the platform in 1 week. Try it today.
Hired.com

Curated by Brian Rinaldi and Holly Schinsky for Cooper Press.
Cooper Press 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

Get a Social Media & Digital Marketing Bootcamp Worth $790 for $29

Whether your business is online or brick-and-mortar, knowing how to market it online can get you more business, new customers, and more profit. Master essential digital and social media marketing techniques with a two-course bootcamp worth $790 for just $29 at SitePoint Shop.

If you're completely new to digital marketing and social media, don't worry. These courses will get you up to speed on best practices for Facebook, Twitter, YouTube, Yelp, and more before teaching you how to execute social media campaigns and manage your online reputation through your social media accounts. You'll also learn how to create successful email campaigns, generating more sales and attracting new clients. Plus, get more traffic to your website with the search engine optimization techniques used by the pros. The courses include live presentations, interactive Q&A sessions, and even one-on-one evaluations with professional marketers, so you're getting real advice from real industry pros.

Harness the power of social media and digital marketing. Get this two-course bootcamp for 96% off at SitePoint Shop.

Continue reading %Get a Social Media & Digital Marketing Bootcamp Worth $790 for $29%


by SitePoint Offers via SitePoint

How to Improve Client Relationships With Assembla Portfolio

How to Use WordPress Plugins Without Hurting Performance

WordPress has the superpower of extensibility that helped it become the most commonly used content management system in the world. The concept of themes and plugins made WordPress an extremely popular framework to work with, and working with WordPress caused it to have tens of thousands of themes and plugins to use.

But with great power comes great responsibility, according to Uncle Ben. You can't use more than one theme (for most of the time), but you can use an unlimited number of plugins in a single WordPress installation. And that can decrease the performance—but not necessarily every time. In this tutorial, I'm going to help you make use of WordPress plugins without giving up on performance.

Why WordPress Is Awesome

Let's go into a bit more detail about the extensibility of WordPress.

WordPress was first created in 2003, as a fork from another blogging software called "b2 Cafelog". A year later, in version 1.2 released on 22 May 2004, the feature "plugin" was introduced. About a year later, on 17 February 2005, version 1.5 came out with a theme system. (You can check out the full history here, if you like.)

In my opinion, these two versions were the biggest improvements in the history of WordPress. That's because until these versions, the community of WordPress had consisted of users, and with these versions, developers joined the community (and some of the users became developers). If you want to create software that people use (and develop) all around the world, you'll need a large developer community.

And WordPress has one of the largest developer communities in the open-source ecosystem. The numbers are hard to determine so I can't give out an exact number, but it's probably in tens of thousands. And these developers created more than a hundred thousand plugins and themes (combined). 

Because of the large number of plugins and themes, more and more people are using and developing for WordPress, which leads to more and more people joining the community... And this virtuous cycle is the reason that one in every four websites are powered by WordPress.

Are Plugins Bad for Performance?

Short answer: Yes and no. As with most short answers, it doesn't make much sense, though.

You can't measure how much resources plugins use by counting the plugins. The thing is, some plugins take up more system resources, and some don't. I can install over a thousand plugins that don't slow down a website, or install just one plugin to completely take down another.

It depends on a few factors:

  • Purpose: The purpose of the plugin determines how much it will cost in terms of performance. A contact form shortcode plugin uses way less system resources than a plugin that helps you with SEO, for example.
  • Codebase: It's no surprise that poorly coded plugins do worse than well coded plugins. That's why it's smart to make use of frameworks like WordPress Plugin Boilerplate.
  • Environment: Unused system resources aren't necessarily good. I mean, it's good in traffic spikes, but you won't limit your speed to 10km/h if you have a Tesla Model S. If a plugin needs a bit of system resources to function, and you're hosting your project on a powerful server, you don't have to give up on the plugin as you might if you were on a shared server.

How to Choose & Use Plugins Wisely

Now that we've covered why plugins may (or may not) slow down your website, it's time to see how to prevent it from happening. I'm going to write a few things that come to my mind, but feel free to contribute to this part by shooting ideas in the Comments section.

Make Use of the Plugin Performance Profiler

The Plugin Performance Profiler plugin (or P3 for short) is right up your alley for seeing how much your plugins slow down your website by measuring them one by one.

Using the plugin is pretty straightforward if you just want to get a quick summary of your plugins' resource usage. After installing the plugin, simple head over to the P3 Plugin Profiler page under the Tools menu, and hit Start Scan. If you choose Auto Scan, P3 will perform a quick scan by randomly visiting a couple of pages and monitoring how plugins affect page load.

It's a great way to see which plugins are hogging the system resource and which ones don't have much effect.

Choose Your Plugins Wisely

As I said before, poorly coded plugins perform worse than well coded plugins. And in our gigantic WordPress plugin ecosystem, most of the time, you'll have more than one option to choose a plugin that does the same work. If you have an understanding of what a good codebase looks like, you should check out the code of the plugin you choose to use. (You can also benefit from P3's report for this.)

Remember: A popular plugin isn't necessarily the best plugin out there.

Move to a Better Server

Why do people get angry about how Google Chrome hogs the RAM so much? I mean, having more free RAM doesn't mean your computer will work faster. If your computer has eight gigabytes of RAM and Google Chrome is using one gigabyte, it's because Google Chrome needs one gigabyte to perform better.

Same thing goes for servers. If you have more system resources, you can use them for more things. If you don't need to use a powerful server, there's no point in using one. If you need a more powerful server to use more plugins, there's no point in trying to achieve speed on a shared server.

If you have the system resources, or if you have the resources to have the system resources, don't be shy about using the plugins you need.

Conclusion

You shouldn't be all "I shouldn't use more than (X) plugins" or "using an SEO plugin will slow down my website, so I shouldn't use it even though I need to". You can use as many plugins as you need (or want), providing that you choose your plugins and your server wisely.

What's your take on this? Feel free to share your thoughts in the Comments section below. And if you liked this tutorial, don't forget to share it with your friends!


by Barış Ünver via Envato Tuts+ Code

Clone WordPress in Linux

Material Design Modal with CSS3 & jQuery

A slick responsive Material Design modal built with CSS and JavaScript.

The post Material Design Modal with CSS3 & jQuery appeared first on jQuery Rain.


by Admin via jQuery Rain

jQuery Custom Bind plugin

This plugin is used to bind json data into html containers (usually div tags) using jb-bind, jb-context and jb-event-* attributes.

The post jQuery Custom Bind plugin appeared first on jQuery Rain.


by Admin via jQuery Rain