Working with the Facebook API in a Cordova App

In this tutorial we’ll be creating a Cordova app that connects to the Facebook API using the official Facebook plugin for Cordova. We’ll cover how to login and logout of Facebook, use dialogs, and make calls to the Graph API. Note that this tutorial isn’t for beginners, I will assume that you have already setup your machine to work with Cordova and deploy to an Android device.

Continue reading %Working with the Facebook API in a Cordova App%

by Wern Ancheta via SitePoint

Your First HTML Document in 60 Seconds

This Week in Mobile Web Development (#85)

Read this on the Web Mobile Web Weekly December 2, 2015   #85 Holly Schinsky recommends Using the Battery Status API to Optimize Your Development — The Battery API has become more widely supported on mobile browsers. Find out why and how you may want to use it in your upcoming app development. SitePoint Peter Cooper recommends A Sneak Peek at Chrome DevTools Device Mode V2 — Chrome DevTools’s ‘Device Mode’ will let you emulate a variety of mobile devices in the normal desktop browser making mobile Web development easier. YouTube Brian Rinaldi recommends Frameworks — Ethan Marcotte on thinking about layout in responsive design outside of the confines of columns and grids. A List Apart 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 Brian Rinaldi recommends antimoderate — This library can help reduce the initial page weight on your site by rendering blurred micro images on the page while loading full size images in background. GitHub Holly Schinsky recommends What's new for PhoneGap Day US 2016 — Check out the latest on PhoneGap Day US, including the just announced workshop schedule, details of the location and FREE ski day included in the registration. PhoneGap Holly Schinsky recommends Intro to Framework7 — An introduction and overview of Framework7, an HTML/JS library for developing hybrid apps on iOS and Android. PhoneGap Blog Peter Cooper recommends How to Get Started with Ionic Framework On Mac and Windows Nikola Breznjak Peter Cooper recommends Top Ten Mistakes While Implementing Responsive Web Design — Responsive web design is evolving every day but not every business is able to implement it the right way. It’s important to know that responsive design is a process of continual improvement. Keval Padia Holly Schinsky recommends Creating a Calculator App with Ionic — In-depth tutorial on how to create a calculator hybrid app with Ionic. Pluralsight Tutorials Brian Rinaldi recommends How to tell if a Cordova application is running in the simulator — An update to the device plugin now provides an isVirtual property that can signify if the app is running in the simulator. Raymond Camden Brian Rinaldi recommends A Guide To Simple And Painless Mobile User Testing — The software and setup for performing user tests on mobile devices. Smashing Magazine Brian Rinaldi recommends A New Responsive Font Format for the Web? Robin Rendle Holly Schinsky recommends Designing Healthcare Apps With Delight — Health-focused apps are on the rise, check out this guide to best practices for designing consumer-facing healthcare apps. Smashing Magazine Holly Schinsky recommends Important update for Apache Cordova and Android — If you’re using the Android emulator with Apache Cordova you should check out the recent updates noted in this post. Raymond Camden's Blog Holly Schinsky recommends cordova-plugin-3dtouch: Add quick home icon actions and link previews — A new Cordova plugin is available for adding quick icon actions and link previews to your hybrid apps (includes demo). Eddy Verbruggen Job listing Want to create React Native Apps in NYC? — We're looking for JavaScript engineers to build mobile apps using React Native in our New York City offices. delivery.com Job listing Get 10 offers from top tech companies in one week — Indeed Prime is an elite new program from Indeed.com that presents in-demand tech talent like you to top employers. Indeed Prime opens the door to exciting career opportunities with one simple application. Join today! Indeed 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

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

Read this e-mail on the Web HTML Weekly Issue 217 — December 2, 2015 Adobe on Flash, HTML5 and Open Web Standards Adobe’s take on Web standards and the diminished role of Flash. Flash Professional CC has now been renamed to Animate CC and will focus on HTML5-driven Web animation creation. Flexbox Froggy: A Game for Learning CSS Flexbox Thomas Park If you’ve felt learning about the Flexible Box layout mode was a bit dry, you might enjoy this interactive alternative to the specs. CSS 'font-display' Property Now in Chrome Canary Ilya Grigorik With font-display you can choose how/if web fonts are displayed when the page is being rendered and while they are being loaded. NEW: Performance metrics for Angular Opbeat  Sponsored Get a breakdown of the digest cycle including AJAX, templating, services & cache calls. See how each controller spends its time and what’s slowing your app. Sign up to the private beta. HTML5 Scoping Rules Tuts+ A look at how HTML parsers interpret HTML and build DOM trees from it. Sometimes the order of elements is important due to changes in ‘scope’. oldweb.today: Surf The Old Web, Today Ilya Kreymer You can surf the Web like it’s 1999 with this interesting tool that brings together old browsers and the Wayback Machine. It’s slow due to all the interest but it works. What Web Can Do Today An interactive overview of mobile device integration APIs available on the web (and your current browser), where they work and how to use them. A Sneak Peek at Chrome DevTools Device Mode V2 YouTube Chrome DevTools’s ‘Device Mode’ will let you emulate a variety of mobile devices in the normal desktop browser making mobile Web development easier. Jobs Front-end Engineer at Remix (YC W15), San Francisco, CABuild the web mapping software used to plan transit systems in 60+ cities including Oakland, Baltimore, San Antonio, Miami, Calgary, and Melbourne. Remix Principal web engineer @ MixRadioDo you have a passion for crafting beautiful solutions to solve complex problems? Would you like to work in a vibrant & collaborative environment full of creative & talented people where this happens everyday? Apply now. MixRadio Want to spend less time job searching? Join in 1 min and the best startups will come to you.If you’re accepted, startup decision-makers will email you as soon as next Monday. You decide where to interview and where to work. Now open in SF, NYC, and remote. Join the Underdog.io platform today. Underdog.IO In brief MS to Stop Supporting IE8, IE9, and IE10 in January 2016 news  Microsoft Exporting SVG from Adobe Illustrator CC news tutorial Illustrator’s SVG exporting has received some upgrades.   Adobe Give back to the developer community-apply to teach today. news Actively seeking web developers to join our tight knit family of passionate teachers and earn royalties.   Pluralsight SPONSOR Improvements to WebRTC Support in Chrome 47 news  Google WebKit.org Gets Major Redesign news  WebKit An Introduction to Hardware Acceleration with CSS Animations tutorial  SitePoint Web Push Notifications from Irssi tutorial A look at getting notifications from a server-hosted terminal app.   Mozilla Hacks Animating Your Brand tutorial  24 Ways CSS Product Magnification — without JavaScript tutorial code  Michael Weaver Faster Sass Builds with Webpack tutorial  Francois Ward Must-Know Techniques for HTML5 Responsive Design tutorial  Tuts+ Essential Reading List for Getting Started With Service Workers    The Changelog To 3D And Beyond: WebGL and WebVR For Fun And Profit video  Martin Naumann Custom Elements: The Contentious Bits opinion  W3C A New Responsive Font Format for the Web? opinion  Robin Rendle tq: Perform A Lookup by CSS Selector on an HTML Input tools A command line utility written in Python.   GitHub Gridly: A Minimal CSS Grid System code  Ionică Bizău AutoAnimations: Automatically Animate All Inserted and Removed DOM Elements code  OutSystems Microm: A Microphone to MP3 Library code Brings together lamejs, webrtc-adapter, and RecordRTC.   Hector Leon Zarco Garcia mo.js: Motion Graphics for the Web code  Oleg Solomka Ambry: A WebStorage Wrapper Library code  Sergey Rubanov 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.  Redgate SPONSOR X-Wing: A Simple Star Wars Flying Game on WebGL demo  OutsideOfSociety Pearl Boy: An Amazing WebGL Water Scene demo  Goo Engine RC455: A Web Audio Synthesizer demo  Barak Chamo 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

Affiliate Marketing in OpenCart: Part One

Eli Williamson

Dark-schemed One Pager for web designer, Eli Williamson, featuring a subtle molecule background header.

by Rob Hope via One Page Love

PrimeIT

PrimeIT is an international IT consultancy settled in Portugal. They take fun very seriously and we made a website that matched their quest and attitude.
by via Awwwards - Sites of the day