This Week in Mobile Web Development (#78)

Read this on the Web Mobile Web Weekly October 14, 2015   #78 Holly Schinsky recommends Introducing the Accelerated Mobile Pages Project for a faster, open mobile web — Google announces a new open source initiative called Accelerated Mobile Pages, which aims to dramatically improve mobile web performance via an open framework for building lightweight web pages. Official Google Blog Peter Cooper recommends Mobile Web Accessibility for Developers — How can we ensure our mobile experiences are accessible to all? Marcy Sutton looks at mobile web accessibility fundamentals, pain points and shares some tips. Marcy Sutton Brian Rinaldi recommends More than half of all Google searches now happen on mobile devices — At the ReCode Code Mobile conference, Google’s Amit Singhal, senior vice president of search, said that today Google sees more than half of its 100 billion monthly searches occur on mobile devices. The Verge This issue is sponsored by Corgibytes Hate Fixing Bugs? Lucky You. We Love It. — Tackling technical debt and integrating disparate systems is fun, too. (Yes, really.) Corgibytes Holly Schinsky recommends Why Mobile Just Changed Forever — Max from Ionic discusses the importance of Google’s decision to index iOS 9 app content and allow users to find/open an app from search results. The Official Ionic Blog Holly Schinsky recommends Building Hybrid Apps with Ember — Alexander Blom presents on Building Hybrid Apps with Ember in this YouTube video from Web Unleashed 2015. YouTube - Alexander Blom Holly Schinsky recommends The Viability of JS Frameworks on Mobile — Are the popular web frameworks suitable for building mobile pages? How do we address the poor performance of mobile web apps on mobile devices? Henrik Joreteg Holly Schinsky recommends Build a Hybrid App with Ionic and Windows Azure Mobile Services — How to build a mobile app with Ionic and integrate it securely to Microsoft Azure backend Services. Aidan Casey's Blog Brian Rinaldi recommends Why is it so Easy to Get 'Mobile First' Wrong? — James Archer says that, in many cases, companies have responded to treating mobile as an afterthought by now treating the desktop as an afterthought. Deep Design Brian Rinaldi recommends AMP and Incentives — “AMP isn’t encouraging better performance on the web; AMP is encouraging the use of their specific tool to build a version of a web page.” Tim Kadlec Brian Rinaldi recommends The Ad Blocker's Dilemma — Jen Looper discusses the impact that ad blockers may have both on user behavior and on developers and content producers. Telerik Developer Network Brian Rinaldi recommends What is the deal with Accelerated Mobile Pages - AMP — Justin Avery breaks down portions of the announcement for AMP and the web page to share his thoughts on the project and bring up some misgivings about it. ResponsiveDesign.is Peter Cooper recommends Why The Mobile Web Runs So Slowly — High level observations from the BBC. BBC News Holly Schinsky recommends Hello Modules: Your Third Ionic Framework App — The third post in a series on building an app with the Ionic Framework, this time on how to break up your app into modules to make it more scalable. Andrew McGivery Holly Schinsky recommends Mapbox Plugin — A new Cordova plugin called Mapbox is available and allows you to embed a versatile native OpenGL powered Map in your app. Telerik Plugin Marketplace Brian Rinaldi recommends Getting Started With Wearables: How To Plan, Build And Design — A good overview of the current wearable ecosystem by Maximiliano Firtman. Smashing Magazine Holly Schinsky recommends How to scroll up by tapping the status bar in Cordova/PhoneGap — Learn how to add the ability to easily scroll up in your app by tapping the iOS status bar. Timo Ernst's Blog Brian Rinaldi recommends Gridle — The Gridle grid system has been updated to version 2.0 Gridle Holly Schinsky recommends Cordova Plugin Adapter for React Native — A Cordova Plugin Adapter for React Native is being developed to allow React Native apps to leverage existing Cordova Plugin libraries. React Native Job listing Hire Top Mobile Web Developers — Work with highly-vetted mobile web devs custom-matched to your exact project needs. Learn more. Toptal 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

Meet the new 500px

500px announce their new brand identity in a One Pager featuring a logo animation, video and a brand asset download links.

by Rob Hope via One Page Love

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

Read this e-mail on the Web HTML Weekly Issue 210 — October 14, 2015 Building a Material Design App With Polymer Starter Kit Smashing Magazine A look at using Polymer to work with components, HTML imports, shadow DOM, HTML templates and more, to build a modern, Material Design-themed app. The Command Line API for Fun and Profit SitePoint The Command Line API provides a way to interact with a Web page from a JavaScript console. AMP: The Accelerated Mobile Pages Project Accelerated Mobile Pages Project AMP is a new open source initiative for publishers to create mobile optimized content using a framework built on existing web technologies. Live Workshops in Node, React, and advanced JavaScript Thinkful  Sponsored Participate in live, online sessions where you build projects, code pair, and troubleshoot with an expert mentor. Get feedback on your work and help when you're stuck. Attend as many as you like — it's unlimited. CSS Snapshot 2015 W3C Ties together specs forming the current state of CSS. Aimed at implementers rather than developers as support varies, but provides a big picture of the CSS landscape. 'Tomato' Versus '#FF6347' - The Tragicomic History of CSS Color Names Ars Technica A more-interesting-than-you’d-think explanation of where CSS’s color names came from and why they’re still around. The CSS Color Name Game Christian Heilmann A fun one for you. Can you tell your blanchedalmond from your mintcream? It’s harder than you’d think. 16 Ways to Search, Find and Edit with Chrome DevTools Telerik Developer Network Cody Lindley demonstrates 16 various ways to search, find and edit within the source code of a site using Chrome Developer Tools. NPAPI Plugins in Firefox Gone by 2017, But... Mozilla They’re going, but “because Flash is still a common part of the Web experience for most users, we will continue to support Flash within Firefox as an exception” Jobs Front-End Web Developer (Minnesota, USA)We're looking for an experienced front-end developer to join our team in Saint Paul, Minnesota. The perfect candidate is highly experienced in HTML5, CSS3, and Javascript animation libraries such as jQuery. Local candidates only please. Plaudit Get 10 Attractive Job Offers in One WeekHired makes finding a job you love easier and more transparent than ever before. See what the hype is about and join Hired today. Hired.com In brief Chrome Finally Kills Off The HTTP-HTTPS “Mixed Content” Warning news  Ars Technica FindText API, W3C Editor's Draft news Describes an API for finding ranges of text in a document.   W3C Web Platform WG is the new WebApps news  W3C Google Acquires Divshot To Join Its Firebase Team, Will Shut Down In December news  TechCrunch How to Modularize HTML Using Template Engines and Gulp tutorial  Zell Liew Inlining Critical CSS for Dynamic Web Apps tutorial  Nicolas Bevacqua Using PostCSS for Cross Browser Compatibility tutorial  Tuts+ Porting Chrome Extensions to Firefox with WebExtensions tutorial  Mozilla Hacks Introducing GSS: Grid Style Sheets tutorial  SitePoint Chrome 46: New Motion-Path Animations, Client Hints and Service Worker Improvements video  YouTube Web Font Anti-Pattern: Overusing Web Fonts opinion The use of custom fonts on the Web has exploded in recent years.   Bram Stein Animation Advice from a CSS Master opinion  SitePoint Why AMP HTML Does Not Take Full Advantage of The Preload Scanner opinion  Malte Ubl Fayde: Silverlight Everywhere, but via JS and HTML5 tools A XAML engine using JavaScript and rendering to the HTML5 Canvas.   Brad Sickles Rune.js: SVG-based JavaScript Drawing Library code Packed with features. For both browser or under Node.js.   Rune Madsen PostCSS UnMQ: PostCSS Plugin that Removes Media Queries from CSS While Preserving Rules code Handy if you need to output desktop CSS for old browsers like IE8.   Jonathan Neal Discover 52 tips to improve your .NET performance  Our new eBook features dozens of tips and tricks to boost your .NET performance. Download your free copy.  antsperformanceprofiler SPONSOR Why Does HTML Think “chucknorris” Is A Color?  An olden goldie, but I figured newer subscribers might appreciate it.   Stack Overflow The Lego Movie's Emmet in Pure CSS demo  CodePen Curated by Peter Cooper and published by Cooper Press. Want to post a job? E-mail us or use our self-serve system. Unsubscribe : Change email address : Read this issue on the Web Published by Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

by via HTML5 Weekly

Love + Money Agency

Neat text animations I can only describe as a "code decipher" effect in this One Pager for creative studio 'Love + Money Agency'.

by Rob Hope via One Page Love

roundSlider – jQuery Circular Range Slider Plugin

Round Slider is a jQuery plugin that allows the user to select a value or range of values. Not only a round slider it supports the quarter, half and pie circle shapes also.

by via jQuery-Plugins.net RSS Feed

Top Brands Rediscovering YouTube: New Research

Is video part of your marketing mix? Wondering if YouTube is still relevant? In the past year YouTube has enjoyed a sudden surge of interest from both advertisers and young consumers, largely fueled by mobile-device use. In this article you’ll discover recent findings on how brands, consumers and marketers are using YouTube today. #1: YouTube […]

This post Top Brands Rediscovering YouTube: New Research first appeared on Social Media Examiner.
Social Media Examiner - Your Guide to the Social Media Jungle

by Suzanne Delzio via Social Media Examiner

1E-shop

'1E-shop' is a clean spacious One Page HTML template aimed at selling a single product. The colorful template features a good responsive design, introduction big image background, product slideshow, testimonial box, contact form and a neat modal-popup for purchases. I would imagine the modal could be easily replaced with a Stripe or Gumroad checkout too. It's refreshing to see good quality niche Single Page templates.

by Rob Hope via One Page Love