Android From Scratch: How to Use Resources In an Application

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

Read this e-mail on the Web HTML Weekly Issue 246 — June 29, 2016 The Languages Which Almost Became CSS Zack Bloom A enjoyable essay looking at technologies and approaches that were proposed for styling Web documents before CSS became the firm favorite. Content Jumping (and How To Avoid It) Brandon Smith “Few things are as annoying on the web as having the page layout unexpectedly change or shift while you’re trying to view or interact with it.” A Single Div: A CSS Drawing Project Lynn Fisher Detailed, elegant icons rendered with CSS upon just one div element. (You’ll want to open your browser's element inspector to dig into these.) How to find and fix the slowest code in your .NET application Red Gate  Sponsored Boost the performance of your .NET application with ANTS Performance Profiler. Get rich performance data on your code and database queries to find your application's bottleneck fast. Try ANTS Performance Profiler on your app now. Improved Font Loading in Webkit Myles Maxfield “Many fonts are large, causing a long delay until the browser can use them. WebKit has mitigated this.” Image Replacement Techniques in the Modern Age Baljeet Rathi Baljeet Rathi explains the various CSS image replacement techniques available to web developers today and their pros and cons. Three Real-World Uses for Mutation Observer Zack Bloom Mutation Observer is a feature, supported by all modern browsers, that let you detect when elements in a page are inserted, changed or removed. Everything You Could Want to Know About The Referer Header Neil Jenkins What is the Referer header and how can you control its presence (or lack thereof)? A handy resource for security-minded Web developers. An Introduction to Website Animation with Velocity.js Bryan Elkus A quick walkthrough of building your first animation with Velocity.js to animate a list. Includes a CodePen example. The 14 Most Popular CSS Links of 2016 So Far Chris Brandrick We’ve taken a look through all the stats from HTML5 Weekly published so far in 2016 and collected the most popular CSS links we shared. Jobs Palantir co-founder’s new startup in SF looking for Front End EngineerAt Affinity we're building a better way for enterprise to understand, share and nurture professional relationships. Have front-end experience? Join us in SF to learn, experiment and support our team. Apply here. Affinity The Easiest Way to Find a JobHired lets you sit back while job offers come to you. When you complete your profile, instantly apply to 3,500+ companies on the platform who will contact you with job offers, including salary and equity up-front. Try it today. Hired.com In brief Dreamweaver Is Back for Us, Coders news A look at the beta of Adobe’s refreshed code editor, Dreamweaver.  Anselm Hannemann D3.js 4.0 Released: The Popular Data Visualization Library news  D3 HTML5 Ads Aren't That Safe Compared to Flash, Experts Say news  Catalin Cimpanu Apple Releases Safari 10 Developer Beta for OS X Yosemite and El Capitan news  MacRumors 'Chrome does not respond dynamically to @media rules inside @supports' news  Emil Björklund Contextual Identities on the Web in Firefox Nightly news  Tanvi Vyas Don't Overthink Flexbox Grids tutorial Vanilla, framework-free grids are easy-peasy with Flexbox.  Chris Coyier Form Design: How to Automatically Format User Input tutorial Learn how to format, real time, user input in a form field.  Thoriq Firdaus Building Better Accessibility Primitives tutorial A look at ARIA and HTML in relation to modals and disabling tabindex.  Rob Dodson Drawing Waveforms with the Web Audio API and SVG tutorial  Matt Sumner Build Your First Thing With WebAssembly tutorial  Nick Larsen The Landscape of Front-End Testing video  Alicia Sedlock A Different Approach tools Take control of your website with features you won't find anywhere else. Find out why PageCloud is the world's most advanced website creator.  PageCloud SPONSOR Tool to Draw Pixel Art, Get CSS Back tools  Javier Valencia Romero Algolia Places: Address Autocompletion for 'input' Fields tools code There’s a full intro post too.  Algolia Tridiv: A Web-Based Tool for Creating 3D Shapes with CSS tools  Julian Garnier Vidage: Full-Screen Background Video and Image Library code Automatically switches the video for a fallback image on small/touch devices.  Nenad Novaković griddy.css: A Simple, Responsive 12 Column Based Grid in ~1KB code  Dmitri Voronianski gl-water2d: 2D Liquid Simulation with WebGL code  Eric Arnebäck 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

This Week in Mobile Web Development (#114)

Read this on the Web Mobile Web Weekly June 29, 2016   #114 Chris Brandrick recommends 31 Talks from the Progressive Web App Summit 2016 — A playlist of talks and presentations from the recent Google Developers Progressive Web App summit. YouTube Brian Rinaldi recommends Apps Are Faltering. But Progressive Web Apps Seem Pretty Legit — “All signs point to progressive web apps as having some serious potential to eliminate the need for native apps and return the usage throne to browsers.” Cameron Moll Brian Rinaldi recommends Beyond Progressive Web Apps Part 1 — A look at a number of different problems and solutions related to making data available offline. Jan Lehnardt Sponsored Try RASON™ – And Start Using Advance Analytics in Your Web/Mobile Apps — Solve powerful optimization & simulation models in your app easily with RASON™. Use a high-level modeling language embedded in JSON, & a simple, Azure-backed REST API. RASON.com by Frontline Systems Inc Holly Schinsky recommends How to Debug Performance in The Browser — Browser-based developer tools have become a vital part of the dev armory; here’s how you can use them to fix performance issues. Andi Smith Peter Cooper recommends Build A Mobile Web App with Bluemix and PHP — Vikram Vaswani presents a hands on tutorial to using IBM’s Bluemix and PHP to build a mobile webapp. IBM developerWorks Holly Schinsky recommends Building a Review App with Ionic 2, MongoDB & Node Josh Morony Holly Schinsky recommends An Introduction to TDD in the Ionic Framework — An introduction and demo on how to do test driven development in Ionic, covering basic theory concepts. Nikola Brežnjak Chris Brandrick recommends Flipkart Triples Time-on-Site with Progressive Web App — A case-study from Google on how FlipKart combined their web presence and native app into a PWA that resulted in a 70% increase in conversions. Google Developers Holly Schinsky recommends Using ES2015 Code in Your PhoneGap Plugins — How to write your Cordova plugins using the latest JavaScript ES2015 features and ensure they’re able to run everywhere. Simon MacDonald Sponsored OAuth2 & the Mobile Authentication Lifecycle — Authentication tokens are not one size fits all. Discover a token expiration strategy that fits your mobile app. Stormpath Holly Schinsky recommends Building An Angular 2 App for Production — Reduce bundle size of your app to less than 50K - Progressive Web Applications help us build native-like web apps, thanks to amazing tools such as Service Workers, IndexDB, App Shell etc. Minko Gechev Holly Schinsky recommends Angular 2 for Onsen UI Beta Released — It’s time to unveil the beta version of our Angular 2 components for Onsen UI. Andreas Argelius Holly Schinsky recommends Cordova iOS 4.2.0 Announced — Cordova iOS 4.2.0 has been announced with support for node 6 as well as numerous bug fixes. Steve Gill Brian Rinaldi recommends Linking to PDFs in Cordova Apps — What happens when you try to use a PDF within a hybrid mobile application. Raymond Camden Peter Cooper recommends Google Launches AMP Validator Web Tool Search Engine Roundtable Job listing Work on a Better Stack — On Hired, engineers typically get 5+ job offers in 1 week. Find that new opportunity you've been craving and get access to 3,500+ companies instantly. 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

3 Ways to Use Live Video for Small Businesses

Do you want to generate more interest for your business? Wondering if live video can help? Every day, businesses are using live video to connect with their customers in a uniquely personal way. In this article, you’ll discover three ways small business owners are using live video to market their products and services. Why Live [...]

This post 3 Ways to Use Live Video for Small Businesses first appeared on .
- Your Guide to the Social Media Jungle

by Justin Lafferty via

anime.js

Smart little One Pager for a new JS animation library by Julian Garnier called anime.js. What a fun animation when you click around the screen!

by Rob Hope via One Page Love

Dynamic Table : jQuery Plugin

Dynamic Table jQuery Plug-in – A table that can be sorted, filtered and edited, similar to common spreadsheet application.

Features:

• Spreadsheet feel
• Load data via AJAX
• Paged scrolling (handles easily tens of thousands of lines)
• Filters and Sorting
• Editable fields
• Events on select
• jQuery UI based

The post Dynamic Table : jQuery Plugin appeared first on jQuery Rain.

by Admin via jQuery Rain

360 Virtual Tour PHP & JavaScript

The 360 Virtual Tour PHP is a mobile ready responsive php script for displaying 360 degree virtual tours directly in the Browser. Now there is no need to segregate the 6 side of panoramic photo. Using 360 Virtual Tour PHP you can use just One 360×180 panoramic photo for making a virtual tour. 360 Virtual Tour PHP is simple to use. You just need to upload index.php file to your hosting, open Online Editor and upload your panoramic photos like video preview. You don’t need to have advanced programming knowledge for making a Virtual Tour.

The post 360 Virtual Tour PHP & JavaScript appeared first on jQuery Rain.

by Admin via jQuery Rain