This Week's HTML5 and Browser Technology News (Issue 197)

Read this e-mail on the Web HTML Weekly Issue 197 — July 15, 2015 Facebook's New Chief Security Officer Wants to Set A Date to Kill Flash The Verg Alex Stamos, the recently appointed chief security officer at Facebook, has called on software company Adobe to announce an “end-of-life date for Flash.” Using The Web Speech API to Simulate CSS Speech Support Léonie Watson ‘CSS Speech’ properties are intended to give content aural styling, but as it’s not supported in any browsers yet, is there a way we can emulate it with the Web Speech API? Yes! 12 Little-Known CSS Facts (The Sequel) Louis Lazaris A followup to a previously successful 12 Little-Know CSS Facts article with 12 more random tidbits. Want to work on new projects? Make more money? Try a new stack? Relocate? Hired.com  Sponsored On Hired, we'll bring the options to you. With over 2,000 pre-screened tech companies in 10 cities in the US & UK, you'll be sure to find what you're looking for. Join Hired today. Media Source Extensions for Audio: Eliminating the Gap Google Developers Media Source Extensions (MSE) provide extended buffering and playback control for the HTML5 audio and video elements. Art-Directing an SVG Embedded Using the 'object' Tag Sara Soueidan A look at what was involved in embedding, art-directing and providing accessible fallback for an SVG infographic aimed at the Web. Serial Communications over Web Audio Sudo Room Being able to communicate with hardware from a page running on any browser with Web Audio API support opens up some interesting opportunities. Mozilla Blocks Flash As Facebook Security Chief Calls for Its Death The Verge The head of the Firefox support team tweeted that all versions of Flash Player are blocked in the browser as of its latest update. This is a temporary measure, however. Quantity Ordering With CSS Smashing Magazine You don’t necessarily need to use JavaScript to bring together styles based on elaborate queries. In pure CSS, ‘quantity queries’ count the number of sibling elements and apply styles if a certain number are present. Couple that with Flexbox and you can do a lot. In brief The Call To Kill Adobe's Flash In Favor Of HTML5 Is Rising news  Arc from Applause You Know How to Code, but How Are Your Design Skills? course Learn UI & UX design through part-time, online courses with 1-on-1 mentorship from expert designers.  Designlab SPONSOR Appery Wants to Deliver The Holy Grail: HTML5 Apps with Native Performance news  Network World Issue 480746: Implement Backpressure on Fetch API news  Chromium Optimising an HTML5 Canvas Animation tutorial Not only should you use requestAnimationFrame, but also pay attention to some extra information it provides.   Remy Sharp Tutorial: Using a Datagrid in ReactJS Applications  tutorial Learn how to use the fast and lightweight Wijmo 5 FlexGrid control in a ReactJS application + sample.  Grapecity SPONSOR I Open Sourced My Phaser-Powered HTML5 Game tutorial code  Zack Proser How CSS and JavaScript Can Affect Page Rendering video  YouTube The Characteristics of Minimalism in Web Design opinion  Nielsen Norman Group “Web Design Is Dead.” No, It Isn't. opinion  Vitaly Friedman The Anatomy of A Web-Based Credit Card Form opinion  Gabriel Tomescu Lightyear.fm: A Journey Through Space, Time and Music demo As you scroll away from Earth, you’ll hear how far music from the airwaves of the time may have travelled.   router5: A Framework Agnostic Router for HTML5-Supporting Browsers code  Thomas Roch HTML to Markdown JavaScript Library, for Node and The Browser code  Net Gusto Cola.js: Constraint-based Layouts in The Browser code Arranges HTML5 documents and diagrams with constraint-based optimization techniques and works well with libraries like D3.js and svg.js.   Tim Dwyer Curated by Peter Cooper and published by Cooper Press. Send feedback by simply replying to this mail. Want to sponsor an issue? See our media kit. Want to post a job? E-mail us or use our self-serve system. Unsubscribe : Change email address : Read this issue on the Web © Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK Email policy Privacy policy

by via HTML5 Weekly

WP API and OAuth – Using WordPress without WordPress

In this tutorial, we’ll learn how to install and use WP-API with OAuth - a WordPress plugin which uses REST-like API endpoints to allow reading of WP content to unauthenticated users, and writing of WP content to users who authenticate via OAuth (or via Cookies for themes and plugins).

Using the plugin isn’t very straightforward, and the prerequisite list is quite long, so this post was written to make it simple and relatively approachable (as long as you’re in control of your own server).

The tutorial assumes basic familiarity with the terminal, and with Vagrant for ease of development.

Installing

As usual, we’ll be using SitePoint’s trusty Homestead Improved instance to get a fresh environment up and running:

git clone https://github.com/swader/homestead_improved hi_wp_github
cd hi_wp_github
sed -i '' "s@map\: \.@map\: $PWD@g" Homestead.yaml

That last line is a shortcut that makes the current folder of the host machine shared into the VM’s Code folder. I also changed the sites block to:

sites:
    - map: test.app
      to: /home/vagrant/Code/wptest

Remember to have test.app (or the URL you choose) in your /etc/hosts file, as per instructions.

Next, we get a new instance of WP up and running. Since Homestead has MySQL pre-installed, this is a piece of cake.

cd ~/Code
wget https://wordpress.org/latest.tar.gz
tar -xvzf latest.tar.gz
mv wordpress wptest
cd wptest
cp wp-config-sample.php wp-config.php

After we update wp-config.php accordingly and set up our keys and database credentials, the WP instance is ready and can be finalized by running it in the browser.

WP-API

Despite the flak it’s taken over the years (a large part of it fired from my own Dual Flak Cannons), WP really is trying to get with the times while still accommodating their old, technically inept userbase.

One such effort is the WP-API, a REST-like set of endpoints built into WP as a plugin so that the internals of a WordPress installation can become accessible to the outside. For example, getting your posts in JSON format is as simple as pinging /wp-json/posts.

Continue reading %WP API and OAuth – Using WordPress without WordPress%

by Bruno Skvorc via SitePoint

This Week in Mobile Web Development (#65)

Read this on the Web Mobile Web Weekly July 15, 2015   #65 Peter Cooper recommends AWS Device Farm: Test Your App On Real Devices in The AWS Cloud — Amazon has launched a service that lets you test an app on real devices over the cloud. Amazon Holly Schinsky recommends A Comprehensive List Of Ionic Starter Apps — A comprehensive list of sample apps to use as a starter project or for reference when building mobile apps with Ionic. http://www.gajotres.net Peter Cooper recommends Going Mobile with React Native — A walk through one developer’s experience of using Facebook’s React Native for making a simple iPhone app. Wiktor Mociun Holly Schinsky recommends Visual Studio Tools for Apache Cordova — Ryan Salva talks about the latest new features in Visual Studio Tools for Apache Cordova. Channel 9 This issue is sponsored by Hired.com Want to work on new projects? Make more money? Try a new stack? Relocate? — On Hired, we'll bring the options to you. With over 2,000 pre-screened tech companies in 10 cities in the US & UK, you'll be sure to find what you're looking for. Join Hired today. Hired.com Brian Rinaldi recommends It's a matter of time: the web will also win the mobile development battle — While acknowledging that native for mobile has some advantages, this post argues that the disadvantages outweigh them and that, in the long run, the web will win out over native. Santiago L. Valdarrama Holly Schinsky recommends iOS Application with Polymer 1.0 — A guide to building a hybrid mobile app for iOS using Cordova and the Polymer Starter Kit. Walking Tree Holly Schinsky recommends Ionic Material / Material Design / Ionic Framework / AngularJS / Zach Fitzgerald — A pre-release preview of Ionic Material, a new project in the works from Zach Fitzgerald for adding material design to your Ionic hybrid apps. Ionic Material Brian Rinaldi recommends Material Design Icons, Goodies and Starter Kits — Whether you are developing a mobile site, hybrid app or native app using Material Design, this post has a ton of resources and guidelines for creating the design. Smashing Magazine Holly Schinsky recommends Jed Watson - Going Mobile with React at react-europe 2015 — A talk by Jed Watson on how hybrid apps are here to stay. Includes demo’s of hybrid apps, including the ReactJS conference app, and how you can provide a native experience based on a webview. YouTube - Jed Watson Peter Cooper recommends Appery Wants to Deliver The Holy Grail: HTML5 Apps with Native Performance Network World Brian Rinaldi recommends Can you overuse media queries? — James George discusses how making your media queries complex and overlapping can cause complications. Developer Drive Holly Schinsky recommends Modify The Badge Number Of An Ionic Framework App — How to use the cordova-plugin-badge to update the badge number for your app to indicate it needs attention. Nic Raboy Holly Schinsky recommends Why Apple, Google, And Samsung Want To Lock You In With Wearables — Thoughts on wearables, their platform dependencies and how it could change in the future. Read Write Brian Rinaldi recommends 5 Tips for a Successful App Store Optimization Strategy — Not specific to hybrid apps, but some useful tips and tricks for improving the discoverability of your app in the popular app stores. Telerik Developer Network Holly Schinsky recommends New Demo Project: SauceDB — A new sample project showing how to use Ionic and IBM Bluemix to build a hybrid app. Raymond Camden Holly Schinsky recommends LokiJS: in-memory NoSQL datastore for Cordova apps — How to use the LokiJS in-memory NoSQL datastore in your Cordova mobile apps. Onsen UI Brian Rinaldi recommends With Microsoft Layoffs, Windows Phone’s Prospects Dim Further — One of a number of posts this week arguing that the recent layoffs were an indication that Microsoft may be giving up on Windows Phone. Re/code 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

Future Adaptations For Smarter Watch Screens

If smartwatches are to ever succeed in the marketplace and replace, rather than augment smartphones, the development of a more user-friendly interface is key. In this post, we'll track the evolution of the smartwatch to date, explore some of the current challenges designers face, and take a look at the future adaptations for smarter watch screens.

Continue reading %Future Adaptations For Smarter Watch Screens%

by Pete Griffin via SitePoint

Claudio Guglieri

Slick One Page portfolio for 'Claudio Guglieri' - a Product Designer & Creative Director based in San Francisco.

by Rob Hope via One Page Love

Easy Digital Downloads: Email Settings, Part 1

It's Time to Encrypt Your Email