Getting Started with Fuse

In this tutorial we'll be creating a Hacker News Reader app with Fuse, a tool for developing cross-platform apps that runs on both Android and iOS devices.

In a nutshell, Fuse is a tool for building cross-platform apps using JavaScript. If you're familiar with React Native and NativeScript, the idea behind Fuse is pretty similar. It uses a JavaScript VM to run JavaScript, UI components are converted to native UI, and it allows access to the different platform APIs. The motivation behind it is to create a tool that's both developer- and designer-friendly. And from what I've seen so far, I can say that they're really on the right track. Some of the highlights of Fuse includes native UI performance, powerful and expressive animation, and instant live-reloading across multiple devices.

Once you've installed the Android SDK or XCode, download the Fuse installer from the downloads page. Just enter your email address, accept the license agreement and click on the "Let's Fuse" button. Once you've done that, it should show you the buttons for downloading the installer for each development platform. Download the one applicable to you. But for this tutorial we'll be using the Windows version.

You can create a new project by launching the Fuse dashboard and click on the "New Project" button. This will ask for the project name and the path to where to save the project.

Once the project is created, it should get listed under "Recent Projects" in the dashboard. Click on that and click on "Open in Sublime Text 3". Fuse has some nice integrations with Sublime Text so it's the text editor that I recommend when working with Fuse projects. But in order for these integrations to work, you first have to install the Fuse plugin using package control. Once installed, it should add features like code completion and showing the build result so you know exactly what's wrong with your code. If you're new to Sublime Text, you can download it here. Package control install instructions can be found here. Once that's done, you can install the Fuse package by pressing ctrl + shift + P on your keyboard and selecting Package Control: Install Package. From there you can search for "Fuse" and select the first result that shows up.

Continue reading %Getting Started with Fuse%

by Wern Ancheta via SitePoint

AtoZ CSS Quick Tip: Using Y-Axis Transforms and Matrices

Y is for Y-Axis transforming and matrices

We can perform all sorts of interesting transformations on elements along various different axis. In this tip, we’ll provide a rundown of all the common options and then look at a lesser known value of transform which allows us to set multiple transform via the matrix() value.

transform along the y-axis

Since the original screencast focused around rotateY(), I thought it would be useful to look at all other available transformations that happen along the vertical y-axis.

We can apply the following transformations:

• transform:translateY(100px)
• transform:rotateY(45deg)
• transform:scaleY(1.5)
• transform:skewY(30deg)

These values are all limited to the y-axis and can be used to communicate intent that the only transformation along this single axis is being performed.

rotateY() is the only one of these values that performs a 3D transformation, where the element is rotated around the y-axis. If performing any kind of 3D transform, be sure to set transform-style:preserve-3d on the parent element.

Multiple transform

If you want to combine multiple transform together, this can be done by space separating the different transformation functions. The following snippet combines a translation with a skew for example:

Continue reading %AtoZ CSS Quick Tip: Using Y-Axis Transforms and Matrices%

by Guy Routledge via SitePoint

Customizer JavaScript APIs: Panel, Section, and Control

Background Audio in Android With MediaSessionCompat

20 Excellent Podcasts for Any Marketer

Do you want to accelerate your marketing know-how? Looking for free advice to grow your business? Podcasts are the highest-leverage, lowest-cost educational medium available today. Top experts share their wisdom week after week. In this article, you’ll discover 20 must-listen podcasts for busy marketers and business owners. #1: StartUp Podcast The StartUp Podcast explores what [...]

This post 20 Excellent Podcasts for Any Marketer first appeared on .
- Your Guide to the Social Media Jungle

by Ray Edwards via

ToyFight

ToyFight is an award winning creative agency specialising in design.
by via Awwwards - Sites of the day

Versioning Show, Episode 15, with Christian Heilmann

In this episode, Tim and David are joined by Christian Heilmann, well-known developer, speaker, author and Developer Evangelist at Microsoft. They discuss the pressure to know everything in tech, dealing with impostor syndrome, encouraging human growth in tech jobs, new perspectives on progressive enhancement, and avoiding the "happy path" in web development.

Continue reading %Versioning Show, Episode 15, with Christian Heilmann%

by M. David Green via SitePoint