via Creating an Accessible Breakout Game Using Web Audio and SVG.
This article is part of a web development series from Microsoft. Thank you for supporting the partners who make SitePoint possible.
As the co-author of Babylon.js, a WebGL gaming engine, I was always felt a little uneasy listening to folks discuss accessibility best practices at web conferences. The content created with Babylon.js is indeed completely inaccessible to blind people. Making the web accessible to everyone is very important. I’m more convinced than ever about that as I’m personally touched via my own son. And so I wanted to contribute to the accessibility of the web in some way.
via ImageMultiplier Add-in for Xamarin Studio – Syntax is my UI.
Icons and graphics assets are a pain in the pixel on Android. I’m always on the look out to make my development life easier, especially on Android. And I think I’ve found it in the Xamarin Studio Add-in ImageMultiplier. This Add-in will make all your iOS and Android icons from a single SVG file.
Not only will it make them in different sizes, it will also put them in the correct directory.Hallelujah! No more renaming or moving files required. We still have to add the generated files to the project but C’mon man you’ve got to do something. Right?
via Play with SVG Paths in Canvas with AndroidFillableLoaders · Jorge Castillo.
We usually don’t like the internal drawing logic from the Android SDK too much. When we read about it we use to feel weird, as it seems to be a little bit tedious. But it is not that hard if you read it carefully, and if you are capable of understanding it properly, you will end up creating really interesting figures and animations like the following one:
via Advanced CSS filters – Vincent De Oliveira.
Back in 2011, browsers started to implement CSS shorthand filters from the Filter Effects specification. Basically, at this time, only SVG filters were supported, and Firefox was the only browser that can apply them to HTML content (it’s mainly still the case).
CSS shorthands filters, like
grayscale() are a great addition to CSS, even if SVG filters can achieve really amazing things. You can learn about these filters from many resources.
Today, I want to go a bit further, introducing new features with CSS.
Overview From last two days I was trying to load SVG image to javafx stage.But unfortunately I did not find any significant tutorials on it especially on javafx as it is little bit different then traditional approach of loading SVG file to swing based ui, So I would like to jot down my exp and code […]
01. Implement the image. – Use both circles and paths Result: 02. Implement the Windows 8 start screen with SVG. Result:
via Creating Charting Directives Using AngularJS and D3.js.
AngularJS is very strong in data binding as well. This feature saves a lot of time and effort required to update the UI according to data in the model. In the modern web world, customers ask developers to build websites that respond in real-time. This means the customers want to always see the latest data on the screen. Data UI has to be updated as soon as someone modifies a piece of data in the back-end. Performing such real-time updates would be very difficult and inefficient if we don’t have support of data binding.
In this article, we will see how to build real-time AngularJS directives that wrap D3 charts.