Getting Started With Ionic: Introduction

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

Read this e-mail on the Web HTML Weekly Issue 230 — March 9, 2016 This week I'm on site at O'Reilly Fluent in San Francisco, so if you're here, come say hi. I can give you some of our entirely-for-fun HTML6 (no, HTML6 isn't real) and CSS4 (ditto) stickers to future proof your laptop :-) - Peter Cooper, Editor How to Create a Text-to-Speech Chrome Extension Ivan Dimov A succinct look at creating a Chrome extension that uses the Web Speech API to read out content upon the user’s request. An Introduction to the Web Bluetooth API Shwetank Dixit A look at the potential for communicating with Bluetooth Low Energy (BLE) devices from the Web browser. It’s a pretty elegant, promise-based API. Balloon.css: CSS Tooltips for HTML Elements Claudio Holanda Uses special data- attributes for its settings, but has no reliance upon JavaScript at all. The code is tidy and clever. New-Generation of JavaScript/HTML5 Controls Written in TypeScript Wijmo  Sponsored With touch-first design, and full AngularJS support, Wijmo's FlexGrid and chart controls focus on top performance and zero dependencies. Wijmo's flexible API provides users an easy, enjoyable way to get what they need done. Build enterprise apps with Wijmo 5. Learn more. Can You Replace Your PNGs with SVGs? SitePoint A look at a tool, ZorroSVG, that can convert transparent PNG32 files into smaller SVGs (containing a JPEG and a alpha mask) that will work in modern browsers. Exploring the Web Audio API with D3 William Ferguson An introduction to the possibilities of visualizing audio manipulated with the Web Audio API using D3, the data visualization library. A Look at New Features in Chrome 49 (video) YouTube 49 adds support for custom CSS properties. Service Workers become more powerful with the ability to reliably send data with background sync. And the ‘save-data’ client hint header lets you deliver faster pages to users who want them. A CSS Multi-Column Layout Tutorial for Beginners SitePoint I think you need to be careful where you use multi-column layouts for text, but this is an introduction to doing it in most modern browsers. Is Microsoft Changing The Game for Accessible Browsers? AbilityNet A raft of new internet accessibility work by Microsoft will make the web user-experience for people with disabilities far smoother and more sophisticated. Resources For More Meaningful Web Typography Smashing Magazine Cosima Mielke takes a quick look at a variety of ways to improve your Web typography and improve your readers’ reading experience. Jobs Stop Applying to Jobs - Let Companies Apply to YouOn 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 In brief WebAssembly May Go Live in Browsers This Year news  InfoWorld CSS Grid Layout in Blink: Current Status and Future Plans news  blink-dev Last chance to join our March UI/UX courses, launching this Friday! course Learn UI & UX design through part-time, online courses with 1-on-1 mentorship from expert designers.  Designlab SPONSOR 10 Things to Need to Know About CSS tutorial  Dmitry Sheiko Make Right Click on a Logo Show Logo Download Options tutorial A clever and helpful UX trick.   Chris Coyier Fixing the font-weight Problem on Hover States tutorial Two solutions to font-weight changes causing undesirable text shifts.   George Martsoukos CSS-Only Responsive Tables tutorial  David Bushell Building A Real-Time Retrospective Board With Video Chat tutorial Uses WebRTC, Node and a little jQuery.   Smashing Magazine Responsive Typographic Headlines with CSS and JS tutorial A brief look at a variety of techniques and libraries for creating responsive headlines on your pages.   NOUPE Trellisheets: How We Spin Up CSS for Trello Sites with Ease opinion  Trello Bixa Color: The First Chromatic Font for The Web tools The OpenType standard added support for colored glyphs. Only Firefox supports it for now.   Novo Typo Font Famous: A Free Vector Logo Font for Showing Off Press Mentions tools Includes logos for the New York Times, Product Hunt, CNN, and more.   Anthony David Adams CSS Style Guide Usage Auditing Tool tools Audit the CSS on a page to see what elements are using styles from the style guide and which styles are overriding them   Steven Lambert CSS Gradient Generator Tool tools  Stefano Merlo LightSwitch: Lightweight HTML5 Single-Page Site using jQuery Templating to Switch Content code  Kate Klemp A11y Toggle: For Building Accessible Content Toggling/Toggles code  Edenspiekermann 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.  Red Gate SPONSOR Exoplanets Visualization with WebGL demo  Asterank 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 (#98)

Read this on the Web Mobile Web Weekly March 9, 2016   #98 Brian Rinaldi recommends Ponyframe: Virtual Media Query Testing — Ponyframe lets you to see the media queries applied to a site by adding the URL. Also potentially useful for getting mockup screenshots of sites on devices. Dtail Studio Holly Schinsky recommends Top 5 Breakout Mobile Design Trends for 2016 — Top mobile design trends for 2016 include bite sized cards, creative gestures, practical microinteractions and more. SitePoint Brian Rinaldi recommends Responsive Typographic Headlines with CSS & JavaScript — A brief look at a variety of techniques and libraries for creating responsive headlines on your pages. NOUPE This issue is sponsored by PubNub Build Your Own Real-Time Chat App....Fast! — Learn how to easily build your own full-featured chat app. Send real-time messages and more in no time. Join this developer training webinar now. PubNub Brian Rinaldi recommends Glide: Easy Dynamic on-Demand Image Resizing — Glide is a library for on-demand image processing and Bruno Skvorc shows how to use it for image resizing in a responsive design. SitePoint Brian Rinaldi recommends How to Create a News Reader With React Native: Web Page Component — The second part is a two part series by Wernher-Bel Ancheta focuses on building the view and testing the app on a device. Tuts+ Peter Cooper recommends Why We Chose React for Our Latest Hybrid App David Lindkvist Holly Schinsky recommends PhoneGap Applications with Ember: Lessons Learned — Alex Blom’s presentation at PhoneGap Day US where he shares many useful performance and optimization tips learned building PhoneGap apps with Ember, with most tips being framework-agnostic. PhoneGap Blog Brian Rinaldi recommends My NativeScript Experience — Bao Nguyen shares his experiences from rebuilding the Modulus app for iOS and Android using JavaScript and npm with NativeScript. Telerik Developer Network Brian Rinaldi recommends Tabris.js: Declarative UI in 100 lines of functional programming — Shai Alon shows an experiment of adding a small code library that allows a declarative UI in a JavaScript native mobile app using Tabris.js. EclipseSource Blog Holly Schinsky recommends Using Cordova Plugins In Ionic 2 With Ionic Native Josh Morony Holly Schinsky recommends Ionic 2 with iOS and Material Design Experiences — Christophe shows the Ionic 2 automatic styling for iOS and Android via a screencast using his sample Realty app. Christophe Coenraets Brian Rinaldi recommends Xamarin vs NativeScript Custom List View Cells — Skip takes a Xamarin example built by Nish Anil and shows how the comparable example would be built with JavaScript and CSS in NativeScript. Skip Krenek Holly Schinsky recommends Onsen: Preview: New features in Onsen UI beta.7 — The new beta version of Onsen UI is available with new features and updates including the much awaited automatic styling for iOS and Android. Onsen UI Holly Schinsky recommends Should I use Angular's ngRouter in Framework7? — Why you should avoid using ngRouter in your Framework7 apps. Timo Ernst Brian Rinaldi recommends Creating NativeScript Plugins in TypeScript — Nathan Walker shows what you need to know to build cross-platform NativeScript plugins using TypeScript including posting to GitHub and publishing via npm. Telerik Developer Network 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

Pixelosaur

Responsive long scrolling One Pager for 'Pixelosaur' theme shop from Greece. Great to a see an established theme shop using a Single Page website to showcase everything they do - including testimonials, awards, theme collection, blog feed and contact details.

by Rob Hope via One Page Love

Camp Flywheel

Colorful parallax scrolling One Pager with a paper cut out theme for Flywheel's new summer internship program. The responsive adaptation of the clothes-line pegs on mobile is really impressive! Cheers for the build notes, looks like you all had so much fun making the Single Page site:)

by Rob Hope via One Page Love

Learn How to Develop Apple TV Apps for $29

If you’re just breaking into app development, the iOS app market may feel overwhelming. Instead of trying to shine in an already crowded market as a beginner, consider the growing Apple TV platform instead. We’ve got six courses to help you master tvOS development—and they’re 95% off. Get the tvOS App & Game Coding Bundle for $29 at SitePoint Shop.

Master everything you need to know to become a pro developer for the Apple TV. You’ll learn your way around JavaScript, Swift, SpriteKit, Objective-C, and more as you pick up skills like programming characters, creating visual effects, adding one- and two-player gameplay mode, and setting up player controls. If you prefer to jump right in before learning programming, there’s even a course that’ll teach you how to create an Apple TV app without writing a single line of code. However you go about it, this bundle will take you through the whole process, including publishing and monetizing your app.

Get the tvOS App & Game Coding Bundle for $29 at SitePoint Shop.

Continue reading %Learn How to Develop Apple TV Apps for $29%

by SitePoint Offers via SitePoint

New Key Features in Magento 2.0